Hi Jake,
Thanks for your reply.
But the svg has already loaded, because it's displayed, and I push a button to
execute the code that is trying to get it.
Plus, this line: var a = document.getElementById("dialSvg");
works well, the result is a HTMLEmbedElement. I checked what is defined in this
HTMLEmbedElement, there is no contentDocument defined, thus, the following line:
var svgDoc = a.contentDocument;
returns null.
Any idea?
Many thanks
-Diana
--- In [email protected], Jacob Beard <jbeard4@...> wrote:
>
> 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.perpignan@...> 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: [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/
