Entrar



Compartir en redes sociales o envíar una copia por email de esta página
Como crear un Pop Up o ventana emergente en tu página Web

Hay que hacer los 2 pasos:

Paso 1.- Esto hay que copiarlo y pegarlo dentro del HEAD del documento HTML en cuestión:


function PopWindow()
{
window.open(‘http://www.donkeyisland.net’, ‘Donkeyisland’, ‘width=450,height=275, menubar=yes,scrollbars=yes,toolbar=yes ,location=yes,directories=yes, resizable=yes ,top=0,left=0?);
}
//–>

Como véis la función window.open tiene los siguientes parámetros:

  • URL de la página que queréis que se abra.
  • Nombre de la ventana Popup.
  • Tamaño de la ventana (anchura y altura)
  • Características como si queréis que tenga barras de desplazamiento, de herramientas, que se pueda modificar el tamaño de la ventana,…

Sólo tenéis que modificar el código con los valores y parámetros que queráis.

Paso 2.- Si queréis que se abra al cargar la página tenéis que poner dentro de la etiqueta una instrucción de carga que hará que quede de esta forma:

 

Si por el contrario queréis que aparezca el popup al cerrar la página la modificación tendrá que ser la siguiente: