Pasar dato de ventana hija a padre.

luismi78 · #1 (**permalink**) 24/07/2008, 01:19

Hola gente. Tengo una ventana padre donde hay un campo de texto y un botón. Al pinchar este boton me abre un popup donde tengo un objeto radio y un botón, que si marcando dicho radio y pinchando en el botón, me manda el valor del objeto radio al campo de texto que tenía en la venta padre. Hasta ahí me funciona bien. Os pongo el código y a continuación os explico el problema:

VENTANAPADRE.HTML

<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form>
<input type="Text" id="tela">
<input type="button" value="Seleccionar tela" onclick="window.open('ventanahija.html','miventana ','width=308,height=200,menubar=no,scrollbars=1'); ">
</form>
</body>
</html>

VENTANAHIJA.HTML
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form>
<input type="radio" name="Dato" value="uno" id="Dato">
Dato1<br>
<br>
<br>
<input type="button" value="Recupera Dato" onclick="recuperaDato();">
</form>
</body>
</html>

<script>
function recuperaDato(){
window.opener.document.all.tela.value = document.all.Dato.value;
}
</script>

El problema es que con un solo objeto radio me funciona correctamente, pero si añado más ya no me carga el valor del radio, si no que me carga un undefined. Eso es debido a que a todos los radio los llamo con el mismo nombre para que solo se pueda coger una opción. ¿Alguien me podría decir como tener varios radio y que me envíe correctamente su valor?. No soy capaz.

Muchas gracias.

caricatos · #2 (**permalink**) 24/07/2008, 01:45

Hola:

En principio si usas document.all estás discriminando a los navegadores que no sean explorer y opera (y no es estándar), entonces te recomiendo que uses getElementById... y con distintos id's puedes referenciarlos...

Y si quieres recuperar el value del radio seleccionado, debes recorrer ese array... por ejemplo:

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
function recuperaDato(f){
valor = "";
for (i = 0, d = f.dato, total = d.length; i < total; i ++)
 if (d[i].checked) valor = d[i].value;
 if (valor == "") alert("debe seleccionar un radio...")
 else {
  opener.document.getElementById("tela").value = valor;
  window.close();
 }
}
</script> 
</head>

<body>
<form>
<input type="radio" name="dato" value="uno" >
Dato1<br>
<input type="radio" name="dato" value="dos" >
Dato1<br>
<br>
<br>
<input type="button" value="Recupera Dato" onclick="recuperaDato(this.form);">
</form>
</body>
</html>

Pruébalo y nos cuentas.

luismi78 · #3 (**permalink**) 24/07/2008, 03:15

Pues que quieres que te diga, que MUCHÍSIMAS GRACIAS. Lo he montado y adaptado a mi código y funciona perfectamente. Es lo que quería conseguir hacer.

Un saludo y mil gracias.