Controlar popUp con window.opener dudas

marco64yes · #1 (**permalink**) 18/02/2013, 11:20

Hola amigos,

Actualmente deseo manipular el contenido de un popup (ya que el mismo cuenta con un listbox y un boton), lo que deseo es cambiar el valor de un listbox y dar click autoamticamente controlando todo eso desde otra pagina.

Buscando en la red, encontre esta propiedad: window.opener pero al realizar unas pruebas no me funciona, no se si exista algun otro metodo o que estoy haciendo mal?

Código:

<!DOCTYPE html>
<html>
<head>
<script>
function openWin()
{
window.open('','','width=200,height=100');
window.opener.document.write(location.href);
}
</script>
</head>
<body>

<input type="button" value="Open 'myWindow'" onclick="openWin()" />

</body>
</html>

Realizando esta pequeña prueba me sale el sig. mensaje de error:

window.opener is null or not an object
De que manera podria logar lo que les menciono?
Muchas gracias!!

emprear · #2 (**permalink**) 18/02/2013, 11:34

El opener solo actua en la ventana hija
Si desde el index haces

window.open('pagina.html','nueva_ventana','width=2 00,height=100');

en pagina.html el window.opener referirá a index.html

Salu2

marco64yes · #3 (**permalink**) 18/02/2013, 15:40

Hola emprear,

Gracias por tu respuesta, aclaras muy bien mi duda ... Habra alguna forma de controlar desde la pagina padre a la pagina hija (el POPUP) :S?

Gracias!!

satjaen · #4 (**permalink**) 18/02/2013, 16:00

Cita:

Iniciado por marco64yes

Hola emprear,

Gracias por tu respuesta, aclaras muy bien mi duda ... Habra alguna forma de controlar desde la pagina padre a la pagina hija (el POPUP) :S?

Gracias!!

Tengo esto, a ver si te sirve:

Código PHP:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
    <title>Untitled</title>
    <script>
    var popup = null;
        function abrirVentana()
        {
            // Si el popup ya existe lo cerramos
            if(popup!=null)
                popup.close();
 
            // Capturamos las dimensiones de la pantalla para centrar el popup
            altoPantalla = parseInt(screen.availHeight);
            anchoPantalla = parseInt(screen.availWidth);
            
            // Calculamos el centro de la pantalla
            centroAncho = parseInt((anchoPantalla/2))
            centroAlto = parseInt((altoPantalla/2))
    
            // dimensiones del popup
            anchoPopup = 400;
            altoPopup = 300;
 
            // Calculamos las coordenadas de colocación del Popup
            laXPopup = centroAncho - parseInt((anchoPopup/2))
            laYPopup = centroAlto - parseInt((altoPopup/2))
            
            // Definimos que página vamos a ver
            pagina = "prueba.htm";
            
            popup = window.open(pagina,"Imagenes","scrollbars=yes,status=no,width=" + anchoPopup + ", height=" + altoPopup + ",left = " + laXPopup + ",top = " + laYPopup);
        }
    </script>
</head>
 
<body>
<a href="javascript:abrirVentana();">PINCHA</a>
 
 
</body>
</html>

Saludos

marco64yes · #5 (**permalink**) 18/02/2013, 16:04

Hola satjaen
Es una funcion padre para crear un popUp , lo cual te lo agradezco porq me servira de mucho en futuros proyectos.

Pero ahi solo lo creas y yo necesito una vez creado ahora manipularlo desde la pagina padre (la creadora del popup) ya sea cambiar un valor del listbox, obtener un valor, etc. DEL Popup :)

Saludos!

Reedyseth · #6 (**permalink**) 18/02/2013, 16:39

Tambien te puedo dar otra sugerencia, pero es algo con un poco mas de trabjo. Puedes crear un lightbox con el contenido que quieras y manejar todo en una misma pagina. Si tienes que hacer trabajo con el servidor puedes usar ajax para enviar y recibir datos. Y pues como manejas el lightbox lo puedes manipular para mostrar, ocultar, dar estilo etc. con jQuery.

Tambien puedes usar el modal de jQueryUI para evitar crearlo desde cero. La situacion es que tienes muchas herramientas para obtener tu informacion, pero no esta de mas sugerirte algunas.

Cuentanos que mas has hecho o si te interesa mi respuesta, saludos.

marco64yes · #7 (**permalink**) 18/02/2013, 16:57

Gracias Reedyseth :)

Vere que puedo hacer xD,

saludos!!

Reedyseth · #8 (**permalink**) 18/02/2013, 17:11

Por nada, cuando quieres realizar aplicaciones un poco mas interactivas es cuando empieza lo bueno de la programacion

emprear · #9 (**permalink**) 18/02/2013, 18:40

Ejemplo de intercambio de datos entre ventanas
http://foros.emprear.com/javascript/...entana/nv.html

SAludos