JS: Actualizar ventana padre desde pop-up.

Muchas veces, abrimos una ventana flotante donde hemos puesto un formulario desde el cual actualizamos datos. Casi siempre suele ser un listado de datos, registros listados de una base de datos y el pop-up suele contener un pequeño FROM para actualizar datos básicos.

Solemos abrir este pop-up para actualizar datos y cuando hacemos esto, lo ideal es que la ventana donde esta el listado (padre del pop-up que hemos abierto) se actualice al hacer el submit de los datos y de este modo podamos ver el resultado sin tener que forzar la recarga de dicho listado con un click o usando cualquier atajo de teclado.

Esto es muy fácil de hacer desde javascript, solamente necesitamos una linea de código. Ésta linea tenemos que añadirla al final de la página que procesa el PHP o ASP, vamos el lenguaje de servidor que realice la inserción de los datos en la base de datos.

JAVASCRIPT:
  1. window.opener.location.reload();

Fácil, no? Pues si además queremos que una vez recargada la página padre el pop-up se cierre automáticamente, solamente le tenemos que añadir una linea mas a este código.

JAVASCRIPT:
  1. window.opener.location.reload();
  2. window.close();

Cabe destacar que este código sirve para cualquier página que esté escrita en lenguaje script, ASP o PHP ya que dicho código es javascript y se interpreta íntegramente en el navegador del cliente/usuario.

Participa con nosotros, publica tu comentario.