Hi i think the easiest way is to use inline svg. if you can target for a specific browser, check out mozillas native SVG implementation. you can download a build here: http://www.mozilla.org/projects/svg/#get_it ive uploaded a little template, see: http://www.treebuilder.de/svg/cdf1/toggleView.xml hope its helps holger
Doug Schepers wrote: > Please don't do this. > > That's an abuse of the semantics of text, akin to the malpractice in > HTML of > tagging a word or phrase as 'h1' when it's not a heading, just to get the > display, font-size, and styling of an 'h1'. If a relative positioning > system > is desireable for SVG (and it is), let it be put into the Spec and > implemented. That way, you could declaratively get such relative > positioning > for free. > > There is one way of doing this that is valid: you could actually give real > semantic values to the bar, by creating an SVGFont with ligature > glyphs for > the number character characters, and giving each a certain height. For > instance, a glyph for '2' and '3' (in that order) would represent the > value > for 23 when using that font. That way, someone using alternate > presentation > (such as a DOM-scraping voice browser) or copying the text on the screen > would get the proper value for the bar. In fact, that would be rather > neat, > since searching for a text string would highlight that bar. However, > if you > have large range of values, or floating point values, creating the font > would be rather intensive. > > Regards- > Doug > > doug . schepers @ vectoreal.com > www.vectoreal.com ...for scalable solutions. > > > Philip Mansfield wrote: > | > | > | Patricia, > | > | The obvious way to do this is to use JavaScript to compute > | the new positions of the bars, and set the value of a > | transform attribute on a <g> element. A more clever way to > | do this is to make the bars glyphs in an SVG font, then write > | out the graph as a "text" string. Since the relative > | positions of successive glyphs are automatically computed for > | you, your JavaScript only needs to add and remove characters > | from a text string when the +/- button is clicked. > | > | Cheers, > | > | Philip > | > | ........................ > | Philip Mansfield, President > | SchemaSoft > | #350 - 1190 Homer Street > | Vancouver, BC V6B 2X6 > | Canada > | email: [EMAIL PROTECTED] > | tel: 604-682-3404 x142 > | cell: 604-763-8558 > | fax: 604-682-3432 > | web: www.schemasoft.com > | > | > | -----Original Message----- > | From: Patricia LaRue [mailto:[EMAIL PROTECTED] > | > | Hi, all: > | > | Apparently, my subject line didn't contain enough > | information. Sorry about that. So, I've included my > | previous message here and more detail below. > | Okay, I'm ready to research and learn how to do this but I > | need an expert opinion on the best way to do this or if this > | can even be done. > | I have bargraphs of parent tasks and bargraphs of child tasks > | associated with the parent task bargraphs. My boss wants to > | have a +/- clickable image to show child task bargraphs when > | the + sign is clicked and hide child task bargaphs when the - > | sign is clicked, much like a tree structure only for > | bargraphs instead of text. > | > | I know I can set visibility to hidden but that will not > | remove the horizontal white space that will occur as a result > | of hiding the bargraphs. > | > | Thanks, again, for your time, > | Patricia > > > ------------------------ Yahoo! Groups Sponsor --------------------~--> Make a clean sweep of pop-up ads. Yahoo! Companion Toolbar. Now with Pop-Up Blocker. Get it for free! http://us.click.yahoo.com/L5YrjA/eSIIAA/yQLSAA/1U_rlB/TM --------------------------------------------------------------------~-> ----- 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/ <*> 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/
