waiting for an iframe to load before passing information to it

Question

Apologies if this is already answered elsewhere, but I've been searching all morning and not found a solution, so I'm hoping someone can help.

So - from javascript I am opening an iframe

righttop.location = "timesheet_notes.php";

and then wanting to pass information to it:

righttop.document.notesform.ID_client.value = Client;

Obviously though, that line isn't going to work until the page has fully loaded in the iframe, and that form element is there to be written to.

So, what is the best/most efficient way to address this? Some sort of timeout loop? Ideally I would really like to keep it all contained within this particular script, rather than having to add any extra stuff to the page that is being opened.

I'd really appreciate some advice - very many thanks in advance!

Answer 1

First of all I believe you are suppose to affect the src property of iframes, not location. Second of all hook the iframe's load event to perform your changes:

var myIframe = document.getElementById('righttop');
myIframe.onload = function() {
    this.contentWindow.document.notesform.ID_client.value = Client;
};
myIframe.src = 'timesheet_notes.php';

Again, this is all presuming you mean iframe, not framesets.

Answer 2

I guess you can pretty easily do this with jQuery... jQuery Home Just hook the page to the jQuery $ function ()... for e.g

$(document).ready(function() { $('iframe').load(function() { // write your code here.... }

Have a quick look at the file uploader example here.. Using iframes for multiple file uploads...

Please check whether this is useful to you...