Ventana Modal Html JavaScript

Abrimos una ventana modal a través del showModalDialog y envíamos parametros de la ventana hijo a la ventana padre.

• Ventana Padre: ventana1.html

   

  

<form id="frmVentana1" method="post" name="frmVentana1">

<table align="center" border="0" cellpadding="0" cellspacing="0">

   <tr>

      <td>

         <input onclick="abrirVentana()" type="button" value="abrir" />

      </td>

   </tr>

</table>

<table align="center" border="0" cellpadding="10" cellspacing="0">

   <tr> 

      <td>Parametro 1: </td>

      <td>

         <input name="txtParametro1" readonly="true" type="text" />

      </td>    

   </tr>

   <tr>

      <td>Parametro 2: </td> 

      <td>

         <input name="txtParametro2" readonly="true" type="text" />

      </td>

   </tr>

</table>

</form>

• Ventana Hijo: ventana2.html

        
      
  
<form action="" id="frmVentana2" method="post" name="frmVentana2">

<table align="center" border="0" cellpadding="10" cellspacing="0">

   <tr> 

      <td>Parametro 1: </td>

      <td>

         <input name="txtParametro1" type="text" />

      </td>    

   </tr>

   <tr>

      <td>Parametro 2: </td> 

      <td>

         <input name="txtParametro2" type="text" />

      </td>

   </tr>

   <tr>

      <td colspan="2">

         <input onclick="enviar();" type="button" value="Enviar" />

      </td>

   </tr>

</table>

</form>