Crear un pop up (ventana emergente)

Crear un pop up (ventana emergente) con JavaScript

Un pop-up, también conocido como ventana emergente, es un modo de mostrar contenido dentro de una web. Consiste en lanzar una ventana adicional del navegador, normalmente por encima de la principal y de menor tamaño, para suministrar una determinada información o realizar un proceso sin tener que salir de la navegación actual.

Los ventanas emergentes se lanzan con JavaScript, usando una función como la siguiente:

function AbrirVentana(){
window.open("file.html","name","width=400,height=425,scrollbars=no"); 
}

Nos encontramos con una función que usa el método window.open, que es el que hace saltar la ventana. Éste a su vez tiene una serie de parámetros a configurar; la url, el nombre de la ventana y las dimensiones y otras propiedades. Después lo que hay que hacer es llamar a la función desde el enlace que vaya a abrirla.

<a href="javascript:AbrirVentana();">abrir</a>

Es cierto que el uso de pop-up ya no es tan habitual como antes, sobre todo porque donde más se usa es a la hora de bombardearte con publicidad. Por ello, actualmente hay navegadores y extensiones de los mismos que controlan este empleo indiscriminado.

Sin embargo aún puede ser útil de vez en cuando si se quiere añadir algo a la web sin modificar la estructura principal. Por eso no está de más saber cómo se hace, nunca se sabe si nos hará falta más adelante para veteasabertu qué proyecto.

Por último, os dejo el enlace a un generador de pop-up que os permitirá crear el código de las ventanas emergentes, pudiendo personalizarlas a nuestro gusto. Ya sabemos que el tiempo es oro y todo lo que podamos ahorrar, bien si eres diseñador o si eres programador, bueno es.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *