inject html from parent to child window when the child window is ready, using jquery

Question

My preliminary code to do this is something like this.

$j(document).ready(function() {
   var w = window.open(childPage);

   $j(w.document).ready(function() {
      $j('#DestinationElement', w.document).html($j('#SourceElement').html());
   });
});

However, this only works for me when I set a breakpoint on the html injection statement, meaning that it's not really waiting for the child window to be ready before doing the injection.

Can somebody fix this? Thanks.

Answer 1

Here are some alternatives: attach an event listener to the window onload event. Waiting for child window loading to complete (but in IE you would use attachEvent to 'onload')

In the child window itself, get the opener's html when the document is ready.

$j(document).ready(function() {
   $j('#DestinationElement').html($j('#SourceElement', window.opener.document).html());
});

But it still bothers me that I don't see why the original solution fails.