Is there a cross-browser standard on-load event for HTML's "object" tag?
I am aware that IE supports the onreadystatechange
attribute on the object
tag, but this doesn't seem to be a standard way thus all other browsers do not support it.
Update: To clarify, I am not looking for the DOM Load event, I am looking for the load event of the object
tag itself(e.g. an 开发者_JS百科object
tag embedding a PDF file into a page).
In a way, I am looking for something similar to img
's onload
event /complete
attribute for the object
tag.
The <object onload>
attribute works well in latest versions of Firefox, Chrome and Opera (I've just tested it).
Also, the expression 'onload' in document.createElement('object')
evaluates to true
in Chrome and Opera; naturally, Firefox is an exception because such event support check doesn't work there generally. kangax describes cross-browser event support detection at http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
So you want to trigger an event after the [PDF] object is loaded?
If so, this might help you:
http://www.webdeveloper.com/forum/showthread.php?t=160792
----- EDITED [19/10/2011] -----
If you load the PDF inside an iframe, it will work.
Check this: http://sykari.net/stuff/iframe
The script will alert only after the PDF is completely loaded.
(Tested with FF7 + Win7).
----- EDITED [20/10/2011] -----
Using JQuery: http://jsfiddle.net/fcABz
To be sure it is working i have added a 36 pages PDF file to the iframe, so you can watch the progress bar (at least in FF7 there is one, not sure about Chrome) going up, and after it is fully loaded, you will see an alert.
Why? Because the .load method from JQuery will wait until all subelements inside the iframe are loaded.
The load event is sent to an element when it and all sub-elements have been completely loaded. This event can be sent to any element associated with a URL: images, scripts, frames, iframes, and the window object.
If you want to try more then once, clear the cache.
Or change the PDF to a bigger one, like this http://pubs.usgs.gov/tei/532/report.pdf (90 pages).
I'm not sure you can do this just using object attributes.
Have a look at this :
You can try something using
onreadystatechange
When data is well loaded,
readyState==4
andxmlhttp.status==200
You can try to use jQuery load function :
Export your
<object/>
in a page calledobject.html
.In your main page include :
<div id="theObject"></div> <script> $("#theObject").load("object.html", function(response, status, xhr) { alert('Loaded : '+status);}); </script>
The message will be display when the request completes.
精彩评论