Evento en iframe especial

salbatore · #1 (**permalink**) 13/01/2013, 15:53

Hola a todos,

Tengo un iframe, puro y duro. El caso es que necesito detectar cuando se pide ejecutar una url en él. Actualmente con el evento "onload" detecto cuando se termina de cargar algo en el. Pero no me vale, ya que lo que necesito es detectar cuando el src del iframe cambia, no saber cuando termina de cargar su contenido, si no justo el momento en que el src del iframe es modificado.

¿Sabeis como puedo hacerlo?, he buscado bastante y no creo que exista un evento para ello.

¿Que pensais?.

Osea, quiero clicar en un link dentro del iframe, he inmediatamente que me salte un alert(); . Antes de cargar la url especifica. :P

emprear · #2 (**permalink**) 13/01/2013, 19:06

Si lo he entendido, algo así te va a servir

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
span{
cursor: pointer;
}
span:hover{
color: green;
}
 
/*]]>*/
</style>
 
<script type="text/javascript">
//<![CDATA[
/* script */
var actual = "about:blank";
function cambiar(laUrl){
var el_Iframe = document.getElementById('destino');
if(laUrl != actual){
alert('se modifica la url del iframe');
el_Iframe.src = laUrl;
actual = laUrl;
}
 
}
//]]>
</script>
</head>
<body>
<div>
<span onclick="cambiar('a.html')">Página A</span><br />
<span onclick="cambiar('b.html')">Página B</span>
</div>
<iframe src="about:blank" name="destino" id="destino" width="200" height="200"></iframe> 
</body>
</html>

en var actual definí la url por defecto del iframe, yo usé una página en blanco

Saludos