I am trying to make a calendar on SVG, where the graphic display the remaining days to an event. I have a sample on how to insert the JS into an SVG, however when I try to port the code to a better designed SVG I get a blank result. I use
I put the ElementID on the Node (ln. 173) but nothing comes up. Please check the code, working svg:
http://pastebin.mozilla.org/2648490
Target SVG:
http://pastebin.mozilla.org/2649264

Hello
The pastebin.mozilla links shows nothing. Do you already solved your problem?

I think it should be:

Maybe a typing error. mmm getElementByID or getElementID? I don't remember right now.

A general idea is: In Inkscape, save your graphics as a plain svg, then in any text editor include the javacript. Also some web browsers doesn't support all the SVG specification.

Also, the elementID is an attribute of the element. And element is path, g (for group) , text , etc. something like:

Sorry I put it for a day, I switch to live for a month
http://pastebin.mozilla.org/2658398

Working SVG
http://pastebin.mozilla.org/2658402

It clearly worked on the first time, it should work on the second.

Ok was able to work with a friend. Final code's here:

http://pastebin.mozilla.org/2658558

Hello:
Sigh ... I also found the same solution, but ... too late. Just change the X- position of your text and change the font size in the style.
In Inkscape, using the XML editor your "datetime" text appeared out of the page.