[jQuery] When an embedded object ready

[balamir]

I'm using SVG with jQuery and I'm aware of jQuery SVG plugin and
Marvin's discussion at http://marvin.elte.hu/balu/content/jquery-svg.
For developmental reasons, I'm trying to embed SVG as an object to my
DOM.
For example:

 var  mysvg= $('<object id="object"  data="ellipse.svg" type="image/svg
+xml" width="160" height="100" style="position:absolute;top:0px;left:
0px;z-index:100"></object>');
 mycontainer.append(mysvg); //append it to the container

My aim is to update SVG parameters when it is ready.

For this purpose  I get SVG root using the example at
http://jwatt.org/svg/demos/scripting-across-object.html



var object = document.getElementById('object');
  if (object && object.contentDocument)
    svgdoc = object.contentDocument;
    svgdoc.getElementById('ellipse').setAttribute("rx",200); //modify
the content
  else try {
    svgdoc = object.getSVGDocument();
       svgdoc.getElementById('ellipse').setAttribute("rx",200); //
modify the content
  }
  catch(exception) {
    alert('Neither the HTMLObjectElement nor the GetSVGDocument
interface are implemented');
  }

 Because the object is not ready, the above code always creates an
exception. The first "if" fails. The getSVGDcoument  also fails as  it
does not exist. My solution for making sure object is ready  is to
move the above code to mysvg's ready function.

  mysvg.ready(function(){
       .... above code goes here ....
      });

 Now this ready function is called when object is ready. However, even
when object is ready, and svg is set correctly, svg.getElementById
returns null. When I call svgdoc.getElementById later in the
execution, it works fine (even if I add it to catch part, supposed to
be giving errors, it works fine).

I think jQuery assumes object is ready before SVG's DOM is created. I
know that jQuery is specificly developed for Javascript but any
suggestions how can I add my function only when everything (both
javascript and SVG DOMs) is ready (or make sure jQuery is aware of
SVG's DOM?)