onload Event in embedded SVG not calling function in attached script. Scope Issue?

Question

Hi

So I've got an XHTML page with a script - not inline

> <script type="text/javascript"
> src="../global/js/scripts.js"></script>

and an embedded (I tried embed and object, same behavior) SVG document with a onload="CheckIfLoaded(evt)" attribute.

The problem is firefox doesn't call the CheckIfLoaded() function in scripts.js. Firebug gives me "CheckIfLoaded() is not defined" with no reference to any line numbers. I can't find any information regarding the scope of javascript functions with respect to embedded content. Curiously, it works fine in IE.

I could of course add a reference to the script into the SVG file as well but I believe that will result in the client downloading the scripts file twice and in addition I have 1000+ svg files and I'd really rather not add one line to all of them, although I suppose I could write a batch file or whatever if I have to.

Any one know more about this?

Thanks, Nick

Answer 1

Are you sure that the script is getting loaded? Are there errors in the error console? If you put an alert() in the script, do you see it? (Before or after an alert() that you put in the onload handler?)

Answer 2

Do you have the onload on the svg element or on the object/embed tag?

Sounds like you want to call functions in the referencing ("parent") document, see examples here.