Autor Tema: Alguna Idea? Combos Y Js (Leído 1680 veces)

moonshadow88 · « **en:** Jueves 13 de Diciembre de 2007, 11:51 »

Tengo una página web con un combo y un boton que me abre un popup. Desde ese popup quiero insertar un nuevo option en el combo de la ventana padre y no hay manera. alguna idea?

os pongo el código:

fichero: main.html

Código: Text

 
&#60;html&#62;
&#60;head&#62;
  &#60;title&#62;prueba&#60;/title&#62;
&#60;head&#62;
&#60;script language=&#34;javascript&#34;&#62;
  function haz(){
    window.open(&#34;popup.html&#34;,&#34;&#34;,&#34;top=0; left=0; height=350; width=450; location: no; status: no; scrollbars: yes;&#34;);
  }
&#60;/script&#62;  
&#60;body&#62;
  &#60;select name=&#34;slct&#34; id=&#34;slct&#34; size=&#34;5&#34;&#62;
    &#60;option value=&#34;sin valor&#34;&#62;sin texto&#60;/option&#62;
  &#60;/select&#62;
&#60;input type=&#34;button&#34; value=&#34;accion&#34; onClick=&#34;javascript:haz();&#34;&#62;&#60;br&#62;
&#60;input type=&#34;text&#34; name=&#34;texto&#34; id=&#34;texto&#34; value=&#34;texto antes de modif&#34; size=&#34;50&#34;&#62;
&#60;/body&#62;
&#60;/html&#62;
 
 

fichero: popup.html

Código: Text

 
&#60;html&#62;
&#60;head&#62;
  &#60;title&#62;pop up&#60;/title&#62;
&#60;head&#62;
&#60;script language=&#34;javascript&#34;&#62;
  function acc(){
    var TmpOpt = new Option(&#34;opcion1.jpg&#34;,&#34;opcion1.jpg&#34;);
    var obj = top.window.opener.document.getElementById('slct');
    var obj2 = document.getElementById('slct2');
    var obj3 = top.window.opener.document.getElementById('texto');
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto texto: &#34; + obj3+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto texto.text: &#34; + obj3.value+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto select: &#34; + obj+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto select.type local: &#34; + obj2.type+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto select.type remoto: &#34; + obj.type+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto tmpopt: &#34; + TmpOpt+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;valor tmpopt: &#34; + TmpOpt.value+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;texto tmpopt: &#34; + TmpOpt.text+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto select options: &#34; + obj.options+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto select options[0].value: &#34; + obj.options[0].value+&#34;&#092;n&#34;;
    document.getElementById(&#34;log&#34;).value = document.getElementById(&#34;log&#34;).value + &#34;objeto select options[0].text: &#34; + obj.options[0].text+&#34;&#092;n&#34;;
    obj3.value = &#34;texto cambiado desde ventana remota&#34;;
    obj2.options[1] = TmpOpt;
    obj.options[1] = TmpOpt;     // por que no funciona esto?????
  }
&#60;/script&#62;  
&#60;body&#62;
  &#60;input type=&#34;button&#34; value=&#34;accion&#34; onClick=&#34;javascript:acc();&#34;&#62;&#60;br&#62;&#60;br&#62;
  &#60;textarea name=&#34;log&#34; cols=&#34;50&#34; rows=&#34;12&#34;&#62;&#60;/textarea&#62;
  &#60;select name=&#34;slct2&#34; id=&#34;slct&#34; size=&#34;3&#34;&#62;
    &#60;option value=&#34;sin valor local&#34;&#62;sin texto local&#60;/option&#62;
  &#60;/select&#62;
&#60;/body&#62;
&#60;/html&#62;
 
 

JrcsDev · « **Respuesta #1 en:** Lunes 5 de Mayo de 2008, 15:23 »

Pienso que para esto necesitarias especificar más... por ejemplo, suponiendo que las opciones del combo las cargues desde la base de datos, entonces podrías usar ajax para insertar registros en la tabla. Pero si tu combo se carga directamente de código HTML, entonces puedes crear un objeto option de javascript...

posman · « **Respuesta #2 en:** Lunes 5 de Mayo de 2008, 16:34 »

Alguna vez me paso el mismo problema. No se cual haya sido la causa. Tal vez el problema sean las referencias de memoria entre los objetos creados en una ventana hija y hacer referencia a ellos desde la ventana padre. Seguramente habra una explicacion mas "cientifica", pero cambie un poco el codigo que pusiste. Lo que hice fue agregar una funcion "agregar" (que original, verdad?) a la pagina principal para que ella misma cree el objeto. Y en el popup, se manda llamar esa funcion.

main.html

Código: Text

 
function agregar(param1,param2) {
  var obj = document.getElementById(&#34;slct&#34;);
  obj.options[obj.options.length] = new Option(param1, param2);
}
function haz() {
    window.open(&#34;popup.html&#34;,&#34;&#34;,&#34;top=0; left=0; height=350; width=450; location: no; status: no; scrollbars: yes;&#34;);
}
 
 

popup.html

Código: Text

 
function acc() {
    //var TmpOpt = window.opener.crear(&#34;opcion1.jpg&#34;,&#34;opcion1.jpg&#34;);
  dato1 = &#34;opcion1.jpg&#34;
  valor1 = &#34;opcion1.jpg&#34;
    var TmpOpt = new Option(dato1,valor1);
    var obj = top.window.opener.document.getElementById('slct');
    var obj2 = document.getElementById('slct2');
    var obj3 = top.window.opener.document.getElementById('texto');
    log = document.getElementById(&#34;log&#34;);
    log.value += &#34;objeto texto: &#34; + obj3+&#34;&#092;n&#34;;
    log.value += &#34;objeto texto.text: &#34; + obj3.value+&#34;&#092;n&#34;;
    log.value += &#34;objeto select: &#34; + obj+&#34;&#092;n&#34;;
    log.value += &#34;objeto select.type local: &#34; + obj2.type+&#34;&#092;n&#34;;
    log.value += &#34;objeto select.type remoto: &#34; + obj.type+&#34;&#092;n&#34;;
    log.value += &#34;objeto tmpopt: &#34; + TmpOpt+&#34;&#092;n&#34;;
    log.value += &#34;valor tmpopt: &#34; + TmpOpt.value+&#34;&#092;n&#34;;
    log.value += &#34;texto tmpopt: &#34; + TmpOpt.text+&#34;&#092;n&#34;;
    log.value += &#34;objeto select options: &#34; + obj.options+&#34;&#092;n&#34;;
    log.value += &#34;objeto select options[0].value: &#34; + obj.options[0].value+&#34;&#092;n&#34;;
    log.value += &#34;objeto select options[0].text: &#34; + obj.options[0].text+&#34;&#092;n&#34;;
    obj3.value = &#34;texto cambiado desde ventana remota&#34;;
    obj2.options[1] = TmpOpt;
    try {
    //obj.options[1] = TmpOpt;     // por que no funciona esto?????}
    window.opener.agregar(dato1,valor1);
  }
  catch(e) {
    alert(e.message);
  }
  }
 
 

SoloCodigo

Autor Tema: Alguna Idea? Combos Y Js (Leído 1680 veces)

moonshadow88

Alguna Idea? Combos Y Js

JrcsDev

Re: Alguna Idea? Combos Y Js

posman

Re: Alguna Idea? Combos Y Js