Cannot Get a Reference to SVG Document

[vunet.us]

When I create <embed name='myembed'> object in HTML and say later on:

var svgDoc = document.myembed.getSVGDocument()

SVG document gets found. But when I create SVG document using DOM:

var embed = document.createElement('embed');
embed.setAttribute('name','myembed')
parent.appendChild(embed);

I get embed object but svg document cannot be referenced to it:

var svgDoc = document.myembed.getSVGDocument() ===> null

What happened? I need to create embed on the fly...

 

[Martin Honnen]

When I create <embed name='myembed'> object in HTML and say later on:

var svgDoc = document.myembed.getSVGDocument()

SVG document gets found. But when I create SVG document using DOM:

var embed = document.createElement('embed');
embed.setAttribute('name','myembed')
parent.appendChild(embed);

I get embed object but svg document cannot be referenced to it:

var svgDoc = document.myembed.getSVGDocument() ===> null

Which browser is that? Does it have native SVG support or does it use a
plugin for SVG support?

 

[vunet.us]

Yes it does. FF2. I think it takes some time to load SVG file. When I
put setTimeout('doMyFuncAgain()', 1000) if no SVG document found on
page after I create it, it works well then. Strange?

 

[Martin Honnen]

Yes it does. FF2. I think it takes some time to load SVG file. When I
put setTimeout('doMyFuncAgain()', 1000) if no SVG document found on
page after I create it, it works well then. Strange?

Not so strange, you can use a load event listener e.g.
var embed = document.createElement('embed');
embed.addEventListener('load', function (evt) {
// here you should be able to access
// this.getSVGDocument()
}, false);
embed.type = 'image/svg+xml';
embed.src = 'file.svg';
someElement.appendChild(embed);

 

[vunet.us]

Thank you,
let me try that

Not so strange, you can use a load event listener e.g.
var embed = document.createElement('embed');
embed.addEventListener('load', function (evt) {
// here you should be able to access
// this.getSVGDocument()
}, false);
embed.type = 'image/svg+xml';
embed.src = 'file.svg';
someElement.appendChild(embed);