Hi Jeff, Say I had a gui element that toggled the state of my svg by capturing the click event and swapped y values. An example data set could comprise absolute and cumulative values:
X Yabsolute Ycumulative 1 3 3 2 5 8 3 2 10 4 4 14 Hope this help explain a little more clearly what I'm trying to do. Thanks, Simon --- In [email protected], "Jeff Schiller" <[EMAIL PROTECTED]> wrote: > > "in response to events" -> what does this mean? What event? Does the > event give you any indication of which element needs to be swapped? > > Can each rectangle's two y values be different from any other rectangle? > > Jeff > > --- In [email protected], "simonshutter" <simon@> wrote: > > > > Hi, > > > > I have a scenario where I need to plot hundreds of rectangles and > > each rectangle has two possible y values but all other attributes are > > static. To save space I was hoping to add two attributes that could > > be swapped in response to events. Does this make sense and what do > > you suggest as a method for swapping the two y attribute values? > > Would I have to loop over each element sequentially or is there a > > faster way? > > > > Thanks, Simon > > > > The markup would be something like this : > > > > <?xml version="1.0" encoding="utf-8"?> > > <svg id="rects" > > width="100%" height="100%" > > xmlns="http://www.w3.org/2000/svg"; > > xmlns:swap="http://www.xxx.com/ns";> > > <rect attrib:title="R1" attrib:y1="20" attrib:y2="35" x="14" y="50" > > width="3" height="31"/> > > <rect attrib:title="R2" attrib:y1="30" attrib:y2="35" x="12" y="20" > > width="3" height="11"/> > > <rect attrib:title="r1" attrib:y1="20" attrib:y2="30" x="140" > > y="20" width="3" height="21"/> > > <rect attrib:title="R3" attrib:y1="40" attrib:y2="30" x="21" y="10" > > width="3" height="1"/> > > <rect attrib:title="Rn" attrib:y1="20" attrib:y2="30" x="140" > > y="20" width="3" height="21"/>. > > </svg> > > > > > > The script could be something like : > > > > var r=document.getElementById('rects') > > var coll=r.getElementsByTagNameNS > > ('http://www.w3.org/2000/svg', 'rect') > > var i=0 > > var elm; > > while(elm=coll.item(i++)){ > > elm.setAttributeNS(null,'y',elm.getAttributeNS > > ('http://www.xxx.com/ns,'y')); > > } > > > ----- 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: mailto:[EMAIL PROTECTED] mailto:[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/
