Tema: Pasar datos de una ventana hija (modal) a ventana padre js
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/08/2013, 14:53
bsanchez0323
 
Fecha de Ingreso: julio-2013
Mensajes: 32
Antigüedad: 11 años, 4 meses
Puntos: 2
Respuesta: Pasar datos de una ventana hija (modal) a ventana padre js
Hola ocp001a tengo estos 2 archivos
Este es el script padre que al presionar algún input de telefono manda llamar al script hijo en el cual respecto a una serie de validaciones puedo capturar en un input el número telefónico y ese número telefónico necesito regresarlo al al input del script padre lo cual hago con la funcion insertar, todo funciona bien con window open pero quisiera saber como hacerlo con window.showModalDialog

Código HTML: 
Ver original
  1. <HTML>
  2.     <head>
  3.             <TITLE>DIALER - MODO PREDICTIVO</TITLE>
  4.     </head>
  5.         
  6. <script language=javascript>
  7. function validar_telefono(id){
  8.     window.showModalDialog("validar_telefono.html?id="+id,window.document,"center=yes;dialogheight=410px;dialogwidth=360px;");
  9. }
  10. </script>
  11. <BODY BGCOLOR="white" TEXT="#2000A0" STYLE="font-family: ARIAL,HELVETICA,SANS-SERIF">
  12. <form action="" method="post" name="form" id="form">
  13.  
  14. <div id="formulario" name="Formulario">     
  15.         
  16.         <table border='0'style="background-color: WHITE; WIDTH:150px; margin-left: -10px;" >
  17.         <tr>
  18.             <td style="color: black; font-family: Arial; width: 80px;font-size:14px;" ><small>Telefono 1: </small></td>
  19.             <td > <input id="Telefono1" name="Telefono1" value="" type="text"  onchange=" " size="12" style="font-family: Arial; font-size: 8pt;height: 16px;" onDblClick="validar_telefono('Telefono1');" readonly></td>
  20.             <td style="color: black; font-family: Arial; font-size:14px;"><small>Telefono 2: </small></td>
  21.             <td> <input id="Telefono2" name="Telefono2" value="" type="text"  onchange=" " size="12" style="font-family: Arial; font-size: 8pt;height: 16px;" onDblClick="validar_telefono('Telefono2');" readonly></td>
  22.         </tr>
  23.         <tr>
  24.             <td style="color: black; font-family: Arial; width: 80px; font-size:14px;"><small>Telefono 3: </small></td>
  25.             <td > <input id="Telefono3" name="Telefono3" value="" type="text"  onchange=" " size="12" style="font-family: Arial; font-size: 8pt;height: 16px;" onDblClick="validar_telefono('Telefono3');" readonly></td>
  26.             <td style="color: black; font-family: Arial; font-size:14px;"><small>Telefono 4: </small></td>
  27.             <td> <input id="Telefono4" name="Telefono4" value="" type="text"  onchange=" " size="12" style="font-family: Arial; font-size: 8pt;height: 16px;" onDblClick="validar_telefono('Telefono4');" readonly></td>
  28.         </tr>
  29.     </form>
  30.     </table>
  31. <iframe name="trastero" style="width:0px;height:0px;visibility:hidden"></iframe>
  32. </div>
  33. </Body>
  34. </HTML>

script hijo

Código HTML: 
Ver original
  1. <HTML>
  2.     <head>
  3.             <TITLE>Cliente Scripter</TITLE>
  4.     </head>
  5.     <script language=javascript>
  6.     
  7.     query=window.location.search.substring(1);
  8.     q=query.split("="); //clienteid=123456789,valor=opcion1
  9.     var id =q[1];
  10.      document.getElementById("LargaDistancia").style.display = 'none';
  11.      
  12.      function larga_distancia(){
  13.          document.getElementById("Tel_completo").disabled=true; 
  14.          document.getElementById("LargaDistancia").style.display = '';
  15.          document.getElementById("Local").style.display = 'none';
  16.          document.getElementById("Tel").value=''; 
  17.          document.getElementById("Tel_completo").value='';
  18.      }
  19.      
  20.      function local(){
  21.          document.getElementById("Tel_completo").disabled=true; 
  22.          document.getElementById("LargaDistancia").style.display = 'none';
  23.          document.getElementById("Local").style.display = '';
  24.          document.getElementById("Tel").value='';
  25.          document.getElementById("Tel_completo").value='';
  26.      }
  27.      function ld_fijo(){
  28.          document.getElementById("Tel_completo").disabled=false; 
  29.          var input = document.getElementById ("Tel_completo");
  30.          input.maxLength = 10;
  31.          document.getElementById("Tel").value='901'; 
  32.          document.getElementById("num_caracteres").value= 10;
  33.          document.getElementById("Tel_completo").value='';
  34.          document.getElementById('Tel_completo').focus();
  35.      }
  36.      
  37.      function ld_movil(){
  38.          document.getElementById("Tel_completo").disabled=false; 
  39.          var input = document.getElementById ("Tel_completo");
  40.          input.maxLength = 10;
  41.          document.getElementById("Tel").value='9045'; 
  42.          document.getElementById("num_caracteres").value= 10;
  43.          document.getElementById("Tel_completo").value='';
  44.          document.getElementById('Tel_completo').focus();
  45.      }
  46.      
  47.      function loc_fijo(){
  48.          document.getElementById("Tel_completo").disabled=false; 
  49.          var input = document.getElementById ("Tel_completo");
  50.          input.maxLength = 8;
  51.          document.getElementById("Tel").value='9'; 
  52.          document.getElementById("num_caracteres").value= 8;
  53.          document.getElementById("Tel_completo").value='';
  54.          document.getElementById('Tel_completo').focus();
  55.      }
  56.      
  57.      function loc_movilFijo(){
  58.          document.getElementById("Tel_completo").disabled=false; 
  59.          var input = document.getElementById ("Tel_completo");
  60.          input.maxLength = 10;
  61.          document.getElementById("Tel").value='9044'; 
  62.          document.getElementById("num_caracteres").value= 10;
  63.          document.getElementById("Tel_completo").value='';
  64.          document.getElementById('Tel_completo').focus();
  65.      }
  66.      
  67.      function insertar(){
  68.       var ret = validar_num_caracteres();
  69.       if (ret != false){
  70.           if(confirm("El número " + document.getElementById("Tel").value + document.getElementById("Tel_completo").value + " ¿es correcto?")){
  71.               window.opener.document.getElementById(id).value = document.getElementById("Tel").value + document.getElementById("Tel_completo").value;
  72.               window.close(); 
  73.           }
  74.       }
  75.      } 
  76.      
  77.      function validar_num_caracteres() {
  78.          var num_caracteres = document.getElementById("num_caracteres").value;
  79.           if (form.Tel_completo.value.length < num_caracteres) {
  80.             alert('El número de no puede contener menos de ' + num_caracteres + " caracteres." );
  81.             form.Tel.focus();
  82.             return false;
  83.           }
  84.         }
  85.      function validarNro(e) //Esta funcion valida que solo se acepten números donde corresponda.
  86.      {
  87.         var key;
  88.                 if(window.event) 
  89.                     {
  90.                     key = e.keyCode;
  91.                     }
  92.                 else if(e.which) 
  93.                     {
  94.                     key = e.which;
  95.                     }
  96.                 
  97.                 if (key < 48 || key > 57)
  98.                     {
  99.                     if(key == 46 || key == 8) 
  100.                         { return true; }
  101.                     else 
  102.                         { return false; }
  103.                     }
  104.                 return true;
  105.      }  
  106.      
  107.      function cancelar(){
  108.          window.close(); 
  109.      } 
  110.      
  111.     </script>
  112. <BODY BGCOLOR="white" TEXT="#2000A0" STYLE="font-family: ARIAL,HELVETICA,SANS-SERIF">
  113. <form id="form" method="post" action="" id="form">
  114. <center style="color: black; font-family: Arial;"><h3>Tipo de teléfono</h3></center>
  115. <table align="center">
  116.   <tr>
  117.       <td style="color: black; font-family: Arial;"><input type="radio" name="myradio" value="Desabasto" onClick="larga_distancia();">Larga Distancia </td>     
  118.       <td style="color: black; font-family: Arial;"><input type="radio" name="myradio" value="No le interesa" onClick="local();">Local</td>
  119.       <td style="color: black; font-family: Arial;" height="10"></td>       
  120.     </tr>
  121. </table>
  122. <div id="LargaDistancia" style="display:none;"  name="LargaDistancia">
  123. <table align="center">
  124.     <tr>
  125.         <td style="color: black; font-family: Arial;"><input type="radio" name="myradio_2" value="Baja rotacion" onClick="ld_fijo();">Teléfono fijo</td>        
  126.         <td style="color: black; font-family: Arial;"><input type="radio" name="myradio_2" value="No esta en portafolio" onClick="ld_movil();">Teléfono movil</td>
  127.         <td style="color: black; font-family: Arial;" height="10"></td>             
  128.     </tr>
  129. </table>
  130. </div>
  131. <div id="Local" style="display:none;"  name="Local">
  132. <table align="center">
  133.     <tr>
  134.         <td style="color: black; font-family: Arial;"><input type="radio" name="myradio_2" value="Baja rotacion" onClick="loc_fijo();">Teléfono fijo</td>       
  135.         <td style="color: black; font-family: Arial;"><input type="radio" name="myradio_2" value="No esta en portafolio" onClick="loc_movilFijo();">Movil fijo</td>
  136.         <td style="color: black; font-family: Arial;" height="10"></td>         
  137.     </td>               
  138.     </tr>
  139. </table>
  140. </div>
  141. <center>
  142.   <input id="Tel" name="Tel" value="" type="text"  size="12" style="font-family: Arial; font-size: 8pt;height: 16px; border:none;" disabled onkeypress="javascript:return validarNro(event)">
  143.   <input id="Tel_completo" name="Tel_completo" value="" type="text"  size="12" style="font-family: Arial; font-size: 8pt;height: 16px; " disabled onkeypress="javascript:return validarNro(event)">
  144.   <input id="num_caracteres" name="num_caracteres" value="" type="hidden"  size="12" style="font-family: Arial; font-size: 8pt;height: 16px;" >
  145.   <br>
  146.   <br>
  147.   <input type="button" value="Guardar" onClick="insertar();" style="WIDTH: 125px; HEIGHT: 25px">
  148.   <input type="button" value="Cancelar" onClick="cancelar();" style="WIDTH: 125px; HEIGHT: 25px">
  149. </center>
  150.  
  151. </form>     
  152. </Body>
  153. </HTML>


Gracias por anticipado =)