Ventanas PopUp

 

Un sencillo código para mostrar una ventana emergente (PopUp) al pulsar en un enlace, sencillo y funcional.

Dentro de la ventana emergente puedes poner cualquier URL, por ejemplo:

Una imagen: Pulsa para PopUp de una imagen.

Una página web: Pulsa para abrir Google.

 

Este es el código:

Código

<!-- INICIO CODIGO VENTANAS POPUP -->
<a onclick="window.open(this.href, this.target,
'toolbar=0,scrollbars=0,location=0,statusbar=0,
menubar=0,resizable=0,width=400,height=400,left = 250,
top = 250'); return false;" href="URL DEL ENLACE"
target="_blank"><p>TEXTO DEL ENLACE</p>
</a>
<!-- FIN CODIGO VENTANAS POPUP -->

 

… y para el texto del código en una ventana PopUp: (Pulsa aquí para ver el código).

En este caso es un documento de texto generado con Google docs y guardado/subido en formato HTML a mi servidor de archivos.

Personalización:

1.) Sustituye la URL DEL ENLACE y TEXTO DEL ENLACE  para tu enlace.

2.) Puedes adaptar los siguientes valores:

 

• toolbar=0 (Indica si la ventana mostrará la barra de herramientas, 0=No / 1=Si )
• scrollbars=0 (Indica si se mostrarán las barras de desplazamiento horizontal y vertical, 0=No / 1=Si )
• location=0 (Indica si se mostrará la dirección URL, 0=No / 1=Si )
• statusbar=0 (Indica si se mostrará la barra de estado de carga, 0=No / 1=Si )
• menubar=0 (Indica si se mostrarán los menús del explorador, 0=No / 1=Si )
• resizable=0 (Indica si el usuario podrá cambiar el tamaño de la ventana, 0=No / 1=Si )
• width=400 (Anchura de la ventana - en pixels)
• height=400 (Altura de la ventana - en pixels)
• left = 250 (Posición inicial de la esquina superior izquierda desde la izquierda - en pixels)
• top = 250 (Posición inicial de la esquina superior izquierda desde arriba - en pixels)

 

Espero que te sirva.