Cómo detectar cuando un iframe terminó de cargar?

Gustavo72 · #1 (**permalink**) 29/11/2008, 12:39

Quisiera detectar con Javascript cuando un iframe terminó de cargar.

He probado con onload pero esto solo funciona cuando carga por primera vez. Al hacer una segunda carga ya no funciona.

JavierB · #2 (**permalink**) 29/11/2008, 12:47

Hola Gustavo72

¿Pones el onload en las páginas que cargas en el iframe o en la página principal? Te adelanto que si las páginas que van en el iframe no son tuyas no podrás hacer nada.

Saludos,

Gustavo72 · #3 (**permalink**) 29/11/2008, 12:51

Las páginas son mías pero las acciones las tengo que realizar sobre la página principal así que la detección debería hacerla esta.

Panino5001 · #4 (**permalink**) 29/11/2008, 13:31

Probá así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script>
function $(id){
    return document.getElementById(id);    
}
var asignar=setInterval(function(){
    if($('pp')){
        if(window.ActiveXObject){
            $('pp').onreadystatechange=function(){
                if($('pp').readyState=='complete'){
                       alert('cargó');
                }
            }
            clearInterval(asignar);
            return;
        }
        $('pp').onload=function(){
            alert('cargó');
        }
        clearInterval(asignar);
    }
},10);
</script>
</head>

<body>
<iframe id="pp" width="300" height="200" src="b.php"></iframe>
</body>
</html>

Gustavo72 · #5 (**permalink**) 29/11/2008, 14:04

Magnífico hice una prueba rápida y funcionó 10 puntos para: Firefox 3, IE7, Safari y Chrome.

Saludos y mil gracias Panino5001.

Panino5001 · #6 (**permalink**) 29/11/2008, 14:10

Me alegra que te haya servido