This is a pretty common question, and I think it needs to go in an FAQ somewhere.
The reason why it's not currently working in your code snippet is that the SVG document inside the embed is not yet loaded. You need to add a load listener to wait for it. You can find a solution for this here: http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-javascript/3379830#3379830 Jake On Wed, Feb 22, 2012 at 8:01 PM, Diana <diana.perpig...@yahoo.com> wrote: > ** > > > Hello all, > > I am very new to svg. I am trying to access an element (defined by id) in > a svg file from HTML5, using jquery if possible, but it's not successful. > Here is part of the code: > > ******************************* > svg definition: > <svg version="1.1" id="Layer_1" > xmlns="http://www.w3.org/2000/svg"; xmlns:xlink=" > http://www.w3.org/1999/xlink"; x="0px" y="0px" width="100%" height="100%" > viewBox="0 0 100 100" enable-background="new 0 0 100 100" > xml:space="preserve"> > > <path id="dial" fill="#F7941E" > d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17.908,40,40,40V50 > H89.944z"/> > </svg> > > In HTML > <embed src='dial.svg' type='image/svg+xml' id="dialSvg"/> > > // the following code is from online reading > var a = document.getElementById("dialSvg"); // this line is okay, the > result is HTMLEmbedElement > var svgDoc = a.contentDocument; // but contentDocument is not even defined > in HTMLEmbedElement > var d = svgDoc.getElementById("dial"); > ****************************************** > > Any help is greatly appreciated. > > Thanks > Diana > > > [Non-text portions of this message have been removed] ------------------------------------ ----- To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
