Cómo hacer un pop-up con JavaScript

Autor: Fabian Muller () - 17/06/2002

Cómo implementar en lenguaje JavaScript.un pop-up en su sitio para que se abra en forma automática al iniciar la página, o simplemente a través de un enlace.

Abrir un Pop-Up a través de un enlace. Util para mostrar alguna información fuera del sitio.

JavaScript: se ubica entre las etiquetas <head> y </head>

Se puede observar el código fuente de la función encargada de abrir la ventana, y dentro del cuerpo de la página (<body>) el enlace que llama a dicha función. Copiar el código fuente y pegar en su página entre <head> y </head>

Abrir una Pop-Up automáticamente
Utilizamos el mismo script que el anterior pero con la diferencia de agregar un tag en el <body> para que se ejecute la función al iniciar la carga de la página. No es recomendable este tipo de ventana, pues puede ser molesta para algunos usuarios

Nota:
Se puede configurar las opciones de la ventana que se va a abrir. Algunas de ellas son la posibilidad de mostrar o no la barra de herramientas, la de direcciones, la de status, la de menúes, las de desplazamiento, si se permite o no la posibilidad de cambiar el tamaño, y las medidas de la ventana.

function Abrir_ventana (pagina) {
var opciones= "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
volver