|
Con este ejemplo vamos a crear un pop-up en nuestro
sitio. Podemos hacerlo de dos formas: que se abra en
forma automatica al iniciar la pagina, o simplemente a
traves de un enlace. Cuando hacemos el enlace (<a
href...) llamamos a la funcion que hayamos creado
anteriormente y entre parentesis ponemos la pagina html
que se abrira dentro de ese pop-up. Si queremos crear
mas pop-ups con el mismo tamaño, basta con indicar en el
enlace la misma funcion y otra pagina. Si queremos abrir
otro pop-up de otro tamaño, creamos otra funcion con sus
caracteristics y luego en el enlace llamamos a esa
funcion. Cambia solamente lo que aparece en
negrita.
1º Abrir un pop-up a traves de un
enlace:
Colocar el siguiente codigo 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 codigo donde queramos que
aparezca el enlace para abrir el
pop-up
<a
href="javascript:Abrir_ventana('popup.html')">Click
aqui para abrir la ventana</a>
2º Abrir un pop-up automaticamente al cargar una
pagina:
Colocar el siguiente codigo 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 codigo en la etiqueta
<body> de forma que quedara
asi:
<body
onload="Abrir_ventana('popup.html')">
| 
apuntes