--- In [email protected], "luftikus_143" <st.schwarzer@...> wrote: > > Hi there, > I have many lines (around 200) showing the evolution of some variables > over 20 years. Now, I when I hover the mouse over names of the > countries, the line for that country will show, and disappear as soon as > I move one. However, I'd like to give the possibility to click on that > name, so that the line sticks there in order to compare it with another > one. > In the moment my code looks like this: > To show/hide the lines: > function showLine(evt, node) { var svgdoc = > evt.target.ownerDocument; var obj = svgdoc.getElementById(node); > obj.setAttribute("visibility", "visible"); } function hideLine(evt, > node) { var svgdoc = evt.target.ownerDocument; var obj = > svgdoc.getElementById(node); obj.setAttribute("visibility" , > "hidden"); } > For the text of the country:<text cursor="default" > onmouseover="showLine(evt, 'g536');" onclick="stickLine(evt, 'g536');" > onmousemove="ShowTooltip(evt)" onmouseout="HideTooltip(evt); > hideLine(evt, 'g536');" mouseovertext="Madagascar" x="60" y="261.2" > id="Madagascar_1992" style="dominant-baseline: central; text-anchor: > middle;" class="countries">Madagascar</text> > And my line: <g id='g536' visibility='hidden'> <polyline id='l536' > fill='none' points='60, 250.8, 120, 254, 180, 249.2, 240, 252.4, 300, > 250.8, 360, 246, 420, 239.6, 480, 236.4, 540, 238, 600, 244.4, 660, > 260.4, 720, 246, 780, 247.6, 840, 257.2, 900, 257.2, 960, 257.2, 1020, > 258.8' stroke='rgb(155,0,0)' strocke-width='0.01' /> /g> > Is there any way to not only show the line on mouseover, but leave it > displayed when a user clicks? So it would need to override the > "mouseout" event?Thanks for any hints! >
Certainly. HideLine() might, before actually hiding the line, check for a flag that is set by stickLine(). If this flag is set, then HideLine() could just return without doing anything. By the way: This is meant to be "stroke-width", not "strocke-width" Thomas W. ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
