|
Con este ejemplo vamos a crear un pop-up en nuestro
sitio. Podemos hacerlo de dos formas: que se abra
en forma automática al iniciar la página,
o simplemente a través de un enlace. Cuando
hacemos el enlace (<a href...) llamamos a la función
que hayamos creado anteriormente y entre paréntesis
ponemos la página html que se abrirá
dentro de ese pop-up. Si queremos crear más
pop-ups con el mismo tamaño, basta con indicar
en el enlace la misma función y otra página.
Si queremos abrir otro pop-up de otro tamaño,
creamos otra función con sus característics
y luego en el enlace llamamos a esa función.
Cambia solamente lo que aparece en negrita.
1º Abrir un pop-up a través de un
enlace:
Colocar el siguiente código entre las
etiquetas <head> y </head>:
<script language="JavaScript">
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);
}
</script>
Ubicar el siguiente código donde queramos
que aparezca el enlace para abrir el pop-up
<a href="javascript:Abrir_ventana('popup.html')">Click
aquí para abrir la ventana</a>
2º Abrir un pop-up automáticamente
al cargar una página:
Colocar el siguiente código entre las
etiquetas <head> y </head>:
<script language="JavaScript">
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);
}
</script>
Incluir el siguiente código en la etiqueta
<body> de forma que quedará así:
<body onload="Abrir_ventana('popup.html')">
Link
de prueba
|