Detectar eventos en un popup previamente lanzado

rubenql · #1 (**permalink**) 29/06/2007, 04:26

Hola a todos,

En uno de los apartados de mi web lanzo un popup mediante javascript utilizando la funcion "window.open"

Sin embargo, me ha surgido la necesidad de detectar (en la pagina principal) un evento que ocurra en el popup que antes he lanzado. ¿Hay alguna forma de que el popup se comunique con su "padre" (el que lo lanzó), o le envie una señal o algo?

Saludos

cleek · #2 (**permalink**) 29/06/2007, 23:33

Segun me acuerdo cuando abres una ventana usando window.open (jaja ¿hay de otra manera?) la ventana creada tiene la propiedad opener que es una referencia a la ventana que la creó, asi que si quieres cachar cosas desde una ventana abierta solo tienes que poner:

window.opener.algunaFuncionCoqueta();

desde la nueva ventana.

Nadamas ten cuidado que la ventana todavia exista cuando se llama, que exista la funcion en la ventana donde se llame la funcion, las eventualidades normales que puedan suceder en caso que algun navegante despistado pueda hacer de las suyas.

Espero te haya ayudado

Panino5001 · #3 (**permalink**) 30/06/2007, 04:16

Esta sería una manera lanzando el popup. Si no, como te dijeron, con las funciones en la ventana secundaria y referenciando via opener.

Código PHP:

  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script>
var ventana;
function checkwhere(e) {
if (document.all){
        xCoord = ventana.event.x +ventana.document.body.scrollLeft;
        yCoord = ventana.event.y +ventana.document.body.scrollTop;
}
        else if (ventana.document.getElementById && navigator.userAgent.indexOf('Safari')==-1){
        xCoord = e.clientX+ ventana.scrollX;
        yCoord = e.clientY+ ventana.scrollY;
}
        else if (document.getElementById) {
        xCoord = e.clientX;
        yCoord = e.clientY;
        }
        document.getElementById('pp').innerHTML='x: '+xCoord+'<br />'+'y: '+yCoord;
}
function v(){
ventana=window.open('','','width=500,height=500');
ventana.document.open();
ventana.document.write('<html><head></head><body><h1>hola</h1></body></html>');
ventana.document.close();
ventana.document.onmousemove=checkwhere;
}
window.onload=v;
</script>
</head>

<body>
<div id="pp"></div>
</body>
</html>