Detectar change desde ventana hija
Publicado por Ajaramillo (1 intervención) el 16/07/2012 23:09:51
Buenas a tod@s,
Tengo los siguientes codigos
Codigo padre.html
hija.php
La idea es la siguiente: Al escribir algo en el campo Nombre se abre la ventana popUp (hija.php) mostrando una lista tipo radioBotton y al seleccionar alguna opción se actualizan los campos en la ventana padre (padre.html) hasta aquí ta todo ok.
El lío es que al hacer la actualización de los campos en la ventana padre (padre.html) se registra el cambio en la caja Id debería ejecutar el código jquery que hay en $("#id").change( function () { .... mostrando el alert LLEGO, pero esto no sucede.
Qué debo hacer para que funcione de esa manera?
Gracias de antemano por su ayuda
Tengo los siguientes codigos
Codigo padre.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!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>
hija.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?
$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 la siguiente: Al escribir algo en el campo Nombre se abre la ventana popUp (hija.php) mostrando una lista tipo radioBotton y al seleccionar alguna opción se actualizan los campos en la ventana padre (padre.html) hasta aquí ta todo ok.
El lío es que al hacer la actualización de los campos en la ventana padre (padre.html) se registra el cambio en la caja Id debería ejecutar el código jquery que hay en $("#id").change( function () { .... mostrando el alert LLEGO, pero esto no sucede.
Qué debo hacer para que funcione de esa manera?
Gracias de antemano por su ayuda
Valora esta pregunta
0
