AjMrDeSiGn

Templates Blogger, exquisitez para usuarios curiosos.

Crear PopUp ventana emergente

27 nov. 2012

Que es un popup, en español: ventana emergente, denota un elemento que se utiliza generalmente dentro de terminología web, se utiliza con el objeto de mostrar un aviso, imagen, pagina web, etc. Un popup se ejecuta, siempre que el usuario quiera verlo, mediante un enlace, no de forma automática.

Crear PopUp ventana emergente

Antes de </head> pegamos el código de abajo:

<script type='text/javascript'>
//<![CDATA[
// Crear PopUp ventana emergente - AjMrDeSiGn 2012
// http://ajmrdesign.com/2012/11/crear-popup-ventana-emergente.html
function a(b) {
c = new Date();
d = c.getTime();
eval("ajmrdesign" + d + " = window.open(b, '" + d + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,top = 180,left = 210,width=300,height=250');");
}
//]]>
</script>

y luego para que funcione tenemos que añadir el enlace de esta forma:

<a href="javascript:a('url')">ventana PopUp</a>

Demo

ventana PopUp de una pagina

ventana PopUp de un formulario contacto

ventana PopUp de una imagen

Valores y definición de cada uno

Toolbar - (barra de herramientas)
Scrollbars - (barras de desplazamiento)
Location - (barra de direcciones)
Statusbar - (barra de estado)
Menubar - (barra de menú)
Resizable - (modificar el tamaño de la ventana)

Se cambia el 0 por un 1 para mostrar el toolbar, scrollbars, location, statusbar, menubar y resizable. Para cambiar el tamaño de la ventana, top (mover arriba), left (desplazar a la izquierda), width (ancho) y height (alto).

No hay comentarios:

Normas comentarios › Leer antes de comentar...

« »

Suscríbete a nuestro feed...