Como crear un Pop Up en tu página Web

Primeramente explicar que un PopUp es simplemente una ventana que se abre automáticamente o bien al clicar en un link (sin cerrar la página en la que estamos, es decir abriendo una nueva pantalla del navegador).

Ahora viene la parte del código que hay que introducir en el html para abrir un Popup al cargar o al cerrar una página. Hay que hacer los 2 pasos:

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

<script language=”JavaScript” type=”text/javascript”>
<!–
function PopWindow()
{
window.open(‘http://www.donkeyisland.net&#8217;, ‘Donkeyisland’, ‘width=450,height=275, menubar=yes,scrollbars=yes,toolbar=yes ,location=yes,directories=yes, resizable=yes ,top=0,left=0’);
}
//–>
</script> 

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 <body> una instrucción de carga que hará que quede de esta forma:

<body onLoad=”JavaScript:PopWindow()”>

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

<body onUnLoad=”JavaScript:PopWindow()”> 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: