Hi Jake,
Thanks for your response. I tried to post a reply last night, but I
don't know it doesn't show.
In my case, the svg is actually loaded, because it shows, and I push a
button to execute the code to access the inside element of that svg.
Also, the first line: var a = document.getElementById("dialSvg"); works
fine, returns a HTMLEmbedElement. The problem is on: var svgDoc =
a.contentDocument; From debug, I see that contentDocument is not even
defined in HTMLEmbedElement, thus returns null.
I tried using all three ways (embed, object data, iframe) to embed the
svg in html.
Any idea?
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-wi\
th-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.09\
2,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]
>
[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/
