Actualizar ventana padre desde popup: JavaScript Ejemplos

Actualizar ventana padre desde popup. Si tenemos una ventana padre que lanza una ventana popup hijo y que al lanzarlo podemos modificar algunos criterios por ejemplo nombre, apellidos que son datos extraídos de la base de datos, sin embargo, podemos modificarla en una ventana emergente. Esta ventana tiene que actualizar una variable dentro de un formulario, una vez hecho los cambios la ventana padre se tiene que refrescar al cerrar la ventana hijo. Bien, aquí les muestro en código a implementar.

window.opener.location.reload();

Con este script que es propio del lenguaje JavaScript podremos realizar nuestro cometido de actualizar la ventana padre. Es muy útil cuando estemos desarrollando alguna aplicación web, para actualizar datos de manera dinámica y eficaz.

Ahora les mostrare dos ejemplos de cómo implementarlo en nuestros trabajos.

Actualizar ventana padre desde popup: JavaScript Ejemplos

Ejemplo #01

Código Javascript

<form method="post" aaction="index.php">
<input onclick="window.opener.location.reload(); window.close();" value="Cerrar">
</form>

Explicaremos el siguiente código

• Utilizando un formulario de método post o get
• Dentro de una caja input mediante OnClick llamaremos al JavaScript.
• Utilizamos reload para refrescar  y close() para cerrar la ventana.

Ejemplo #02 Funciones JavaScript

<script type="text/javascript">
function cargar(){
    opener.location.reload();
    window.close();
}
</script>

Ahora llamarlo desde el HTML

    <form method="GET">
        <input type="text" name="Apellidos" id="Apellidos" />
        <input type="submit" id="actualizar" value="Actualizar Datos" onclick="cargar()"/>
   </form>

Otro método para lograr este propósito detallaremos

• Mediante una declaración en el head, la función para ejecutar tal propósito.
• La función se llama cargar().
• Por ultimo lo llamamos con el OnClick dentro de un input.

Cabe resaltar que OnClick se puede utilizar en etiquetas de enlace, etc.

Descargar el Código Fuente

Referencia

Lenguaje JavaScript