No detecta change desde ventana hija

augusto_jaramil · #1 (**permalink**) 16/07/2012, 12:45

Buenas tardes,

La situación es la siguiente: Tengo un form con 2 inputText (id y nombre), al digitar en el textBox nombre algo como A* se abre una popUp que muestra en una lista radioBotton el resultado de la consulta a la base de datos con el id y el nombre y al seleccionar alguno de ellos actualiza en el form principal los datos seleccionados. Hasta acá todo Ok.

El lío que tengo es que al suceder esto con jQuery no se activa el evento change que tengo definido para el campo id y así hacer otra serie de validaciones que debo hacer.

De ahí mi pregunta: cómo puedo detectar el cambio en el campo id cuando se actualiza desde una popUp?

De antemano Mil Gracias por su ayuda

emprear · #2 (**permalink**) 16/07/2012, 13:17

No entiendo bien del todo, pero te dejo un modelo de como recibir variables desde hija a padre

padre.html

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>Padre</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
var nuevaVentana = null;
function abrirNuevaVentana(){
if ((nuevaVentana != null) && (nuevaVentana.closed == false)){
if( nuevaVentana.closed == false )
nuevaVentana.close();
nuevaVentana = null;
}
 
var abrirUrl = 'hija.html';
var nombreVentana = 'NewWindow_' + new Date().getTime();
var carcateristicasVentana ='width=1000px,height=700px';
 
nuevaVentana = window.open(abrirUrl, nombreVentana, carcateristicasVentana);
if(parseInt(navigator.appVersion) >= 4){nuevaVentana.window.focus();}
 
if (nuevaVentana) {
    var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    if (isChrome && nuevaVentana.parent) {
        nuevaVentana.parent.blur();
    }
    nuevaVentana.focus();
}
}
 
function llamarFuncionEnHija(){
if((nuevaVentana != null) && (nuevaVentana.closed == false)){
if(parseInt(navigator.appVersion) >= 4){
nuevaVentana.window.focus();
}
nuevaVentana.funcionEnHija('pasado desde parent');
}else{
alert('Abrir el popup primero');
}
}
// -->
</script>
</head>
<body>
<button onclick="abrirNuevaVentana();">abrir pop</button>
<button onclick="llamarFuncionEnHija();">Recibir resultados de función en hija</button>
</body>
</html>

hija.html

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>hija</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function funcionEnHija(valordesdeparent){
alert(valordesdeparent + ' - ' +document.getElementById('prueba').value);
}
//]]>
</script>
</head>
<body>
Rellenar campo y llamar otra vez desde parent con 'Recibir resultados de función en hija'<br />
sin cerrar esta ventana.
<input type="text" value="" id="prueba"/>
<input type="button" value="Cerrar" onclick="self.close()" />
</body>
</html>

Saludos

augusto_jaramil · #3 (**permalink**) 16/07/2012, 13:56

Gracias emprear por tu respuesta.....

Voy a mirar el codigo que me enviaste, sin embargo te envio los codigos con los que estoy haciendo las pruebas

Codigo padre.html

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title></title> 
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script> 
    <script> 
        $().ready(function () { 
            $("#id").change( function () { 
                alert("LLEGO"); 
            }); 
        return false; 
        }); 
 
    function buscar(nom) { 
        var llega = "hija.php?nom="+nom.value; 
        window.open(llega,"BUSCAR","fullscreen=no,status=no,dependent=yes, width=350, height=400,resizable=0,top=220,left=600"); 
    } 
    </script> 
</head> 
<body> 
    <form id="depe" name="depe"> 
        <td>Id: </td><td><input type="text" id="id" name="id" value="" /></td> 
        <br> 
        <td>Nombre: </td><td><input type="text" id="nombre" name="nombre" value="" onChange="buscar(this);" /></td> 
    </form< 
</body> 
</html>

Codigo hija.php

Código PHP:

  
<? 
$arr[0]["id"] = "1"; 
$arr[0]["nombre"] = "A1"; 
$arr[1]["id"] = "2"; 
$arr[1]["nombre"] = "A2"; 
$arr[2]["id"] = "3"; 
$arr[2]["nombre"] = "A3"; 
 
?> 
<html> 
    <head> 
        <script language="javascript"> 
            function enviar(a,b) { 
                opener.document.depe.id.value=a.value; 
                opener.document.depe.nombre.value=b.value; 
                window.close(); 
            } 
        </script> 
    </head> 
    <body> 
        <form> 
            <table border="1"> 
                <tr><th>Id</th><th>Nombre</th></tr> 
        <?php 
            $w=0; 
            for($j=0; $j<3; $j++) { 
                $h=$w+1; 
                echo "<td><input type='radio' name='x' onclick='enviar(this.form.c$w, this.form.c$h);'><input type='hidden' name='c$w' value='". $arr[$j]['id'] ."'>". $arr[$j]['id']."</td><td>"; 
                echo "<input type='hidden' name='c$h' value='". $arr[$j]['nombre'] ."'>". $arr[$j]['nombre']; 
                $w = $w + 2; 
                echo "</TR>\n"; 
            } 
        ?> 
        </form> 
    </body> 
</html>

La idea es registrar algún cambio en la caja Nombre, ahí se abre la hija.php, seleccionar cualquier opción, se actualiza en la papá los datos y se debe ejecutar el código jQuery $("#id").change (function () { ..... es decir, debería aparecer el alert "LLEGO", pero pailas, no lo hace....

Mil Gracias

augusto_jaramil · #4 (**permalink**) 17/07/2012, 15:12

Listo compañer@s, solucionado...

En la ventana hija antes de hacer el window.close() hay que incluir esto

window.opener.$("#id").change();

De esta manera sí hace el alert LLEGO

Ahora, si a alguien se le ocurre otra solución, se lo agradezco