Esperar iframe para cargar en JavaScript

Question

Estoy abriendo un iframe en JavaScript:

righttop.location = "timesheet_notes.php"; 

y luego quieren pasar información a la misma:

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

Obviamente, sin embargo, esa línea no se va para trabajar hasta que la página se haya cargado completamente en el iframe, y ese elemento de formulario está allí para ser escrito.

Entonces, ¿cuál es la mejor/más eficiente manera de abordar esto? ¿Algún tipo de ciclo de tiempo de espera? Idealmente, me gustaría mantener todo dentro de este script en particular, en lugar de tener que agregar elementos adicionales a la página que se está abriendo.

Answer 1

En primer lugar, creo que se supone que afecta a la propiedad src de iframes, no a location. En segundo lugar, el gancho de eventos del marco flotante load para realizar los cambios:

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

Una vez más, todo esto es suponiendo que decir i marco, no de marcos.

Answer 2

Supongo que puede hacer esto con jQuery ... jQuery Home Simplemente conecte la página a jQuery $ function() ... p. Ej.

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

echar un vistazo rápido en el ejemplo de archivo de subida aquí: Using iframes for multiple file uploads...

Answer 3

prueba este ...

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