Attendere iframe per caricare in JavaScript

Question

sto aprendo un iframe in JavaScript:

righttop.location = "timesheet_notes.php"; 

e poi vogliono passare informazioni ad esso:

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

Ovviamente, però, che la linea non sta andando lavorare fino a quando la pagina non è completamente caricata nell'iframe e l'elemento del modulo è lì per essere scritto.

Quindi, qual è il modo migliore/più efficace per risolvere questo problema? Una specie di loop timeout? Idealmente mi piacerebbe davvero mantenere tutto contenuto in questo particolare script, piuttosto che dover aggiungere elementi aggiuntivi alla pagina che si sta aprendo.

Answer 1

Prima di tutto, credo che si suppone che si influenzi la proprietà src di iframe, non location. In secondo luogo, gancio eventi del iframe load per eseguire le modifiche:

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

Ancora una volta, questo è tutto presumendo che vuoi dire i telaio, non frame.

Answer 2

Immagino di poterlo fare facilmente con jQuery ... jQuery Home Basta agganciare la pagina al jQuery $ function() ... ad es.

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

hanno un rapido sguardo al file di esempio uploader qui: Using iframes for multiple file uploads...

Answer 3

provare questo ...

$('iframe').each(function() { 
    $(this).ready(function() { 
     $('#result').html("ready"); 
    }); 
});