ansaurus

Question

Dynamically created iframe not working on Safari

Answer 1

+2 A:

Make sure to attach the load event handler before it can possibly fire, like this:

$('<iframe id="myiframe" name="myiframe" />')
  .css({'height':'40px','width':'200px'})
  .load(function() {
     $(this).contents().find("body").html('greetings from the iframe !');
  })
  .appendTo('#container');

That being said, I'm not positive the load event is required to fire if there was no actual load (your frame has no src), all browsers may be following the spec here, yet still be inconsistent. But...Safari has always been a little "off" with load and ready events, so using the approach above will help that as much as possible. One last note, .appendTo() can take a selector directly ;)

Nick Craver 2010-06-12 18:53:15

Dear Nick,Thank you for your answer, it works fine !I'm quite newbie with jQuery and I honnestly don't understand why my piece of code does not work like yours. Is it something about synchro/asynchro ?Thank you once again,mhammout

2010-06-12 19:06:35

@mhammout - The issue is that the `load` event fires *immediately* when you inserted it into the DOM, before your `.load(...)` even had a chance to run, so even though it rigged up a handler to run when that event happens, the event *already* happened, make sense?

Nick Craver 2010-06-12 19:08:20

it does, thank you !

2010-06-12 19:15:47

@mhammout - Welcome :)

Nick Craver 2010-06-12 19:19:07

ansaurus

tags:

views:

answers:

Dynamically created iframe not working on Safari

related questions