Question

This is my code :

​<div id="myContent​​​​​​​"></div>​

$('#myContent').html('<iframe height="200" frameborder="0" src="www.google.com"></iframe>');​

and I’d like, when the whole page in the frame is totally loaded, call a function, like alert("I'm finished");.

How can I do it?

P.S. dunno why jsfiddle doesnt catch the google page 🙂

Answer 1

You can do it with the event .load() (Check the api for more info).

Example:

$('#myContent').html('<iframe id="winId" height="200" frameborder="0" src="www.google.com"></iframe>');

$('#winId').load(function() {alert('loaded')})