Question

I have a button that loads two different pages in two iframes. I need to wait for those loads to complete (like ready(), don’t care about images and other content) and then trigger another action. How can I do this?

Answer 1

One way would be for the iFrame content to signal that it is ready. Here is a simplistic way to do this:

Main Page

var status = [false, false];

function doneLoading(index)
{
   status[index] = true;
   if (status[1] && status[2])
      alert("Both iframes are done loading");
}

In each iFrame

$(document).ready(function() { parent.doneLoading(1) }); // or 2