ayuda con el opener????

barba negra · #1 (**permalink**) 21/07/2003, 11:38

necesito ayuda :

como hago para actualizar un combo que tengo en una ventana padre desde una subventana en la cual tengo una caja de texto y un boton..... el combo de la ventana padre se actualizara con el contenido de la cja de texto al hacer click en boton?

el codigo que utilizo es el siguiente:

Código PHP:

  function guardar() 
{                               
   var obj=new Option(); 
   obj.value=document.form1.criterio.value;  
   obj.text=document.form1.criterio.text; 
  opener.document.forma1.criterio.options  [opener.document.forma1.criterio.options.length]=obj; 
  window.close(); 
}

la funcion guardar la llamo desde un evento onclick del boton de la pop up......
document.form1.criterio.value es el contenido de la caja de texto de la pop up
opener.document.criterio es el combo de la ventana padre que quiero actualizar......

no se porque no funciona ayudenme....
por favor enviar ejemplo..... lo necesito urgente.....

gracias.......
un saludo

TurKa · #2 (**permalink**) 21/07/2003, 19:04

Todo depende de lo que necesites hacer con tu combo. Es decir, deseas actualizarlo en que forma???
Modificando el texto de un option
Agregando una o más opciones

Por ejemplo, tienes un combo en tu "ventana padre" (como la llamas tu):

Código:

<form name="formulario1">
<select name="combo" size=4>
<option value="1">opcion 1</option>
</select>
</form>

Suponte que lo que quieres hacer es agregar una opcion con el texto que se escribe en el text de la otra ventana:

este sería el código de la otra ventana:

Código:

<script languaje="javascript">
function nuevaOpcion() {
if (formulario.texto.value != "") {
text = formulario.texto.value;
o = opener.document.formulario1.combo.options.length;
opener.document.formulario1.combo.options[o++] = new Option(text,text,"","");
   }
}
</script>

<form name="formulario">
<input type="text" name="texto">
<input type="button" onClick="nuevaOpcion()" value="Agregar">
</form>

Espero te sirva, pero de todas formas, depende de la forma en la cual quieras actualizar tu combo.

Saludos!!!!

mackpipe · #3 (**permalink**) 22/07/2003, 14:12

Este ejemplo no funciona, ya se le hizo las pruebas pertinentes pero no funciona, que podra estar pasando?

TurKa · #4 (**permalink**) 22/07/2003, 16:42

Estuve probándolo y lo que creo que está pasando (para mi sorpresa) es que el constructor new Option no funciona desde un formulario externo.

Plantearé esta pregunta en un nuevo tema.

TurKa · #5 (**permalink**) 24/07/2003, 20:45

Aquí te dejo el código modificado, por si a alguien le sirve además.
Fíjate que está comentado, por si las dudas.

Código:

<body bgcolor="#009999">
<script languaje="javascript">   
function guardar() {                              
if (forma1.criterio1.value != "") {
	text = forma1.criterio1.value; // este es el texto que escribe el usuario
	o = forma1.criterio.options.length; // cuenta la cantidad de opciones del select
	forma1.criterio.options[o++] = new Option(text,text,"","");
	// forma1.criterio.options[o++] ==> suma 1 a las opciones actuales
	// new Option(text,text,"",""); ==> crea una nueva opción
	alert("\""+text+"\" ha sido agregado"); // da un mensaje de alerta diciendo que se agregó la opción
	}
}
</script>

<form name="forma1" method="post" action="">
  <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr> 
      <td colspan="2"><div align="center"><strong>Ingreso de Datos</strong></div></td>
    </tr>
    <tr> 
      <td width="9%">Criterio:</td>
      <td width="91%"><select name="criterio" id="criterio">
        </select>
      <input type="text" name="criterio1" class="BoxNameAncha" value="nuevo criterio" onClick="this.value=''" size="20">
        <input type="button" name="boton_envio" value="Agregar" onClick="guardar()"></td>
    </tr>
    <tr> 
      <td>Nombre:</td>
      <td><input type="text" name="textfield" size="20"></td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td><input type="submit" name="Submit" value="Enviar Datos"></td>
    </tr>
  </table>
</form>
</body>

Saludos!