Comentaros que este script que os voy a poner a continuación ha de ir entre las etiquetas <head> y </head>. El código:
<script language=”JavaScript”>
function Abrir_ventana (pagina) {
var opciones=”toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=640, height=480, top=100, left=100″;mi_ventanapop=window.open(pagina,”",opciones);
}
</script>
Una vez declarada nuestro script, solo debemos de llamar a la función declarada, en esta ocasión sería “Abrir_ventana” la cual recibe el parametro pagina, que será la url a la que apunta. ¿Como se haría? Muy sencillo, esta vez el código se inserta entre las etiquetas <body> y </body>. Veamos la llamada:
<a href=”javascript:Abrir_ventana(‘vertutoriales.html’)”>Abrir ventana emergente – PopUp</a>
on eso ya tendríamos las dos partes conseguidas, pero vamos a ver algunos de los atributos de la función Abrir_ventana.
- Toolbar: Si queremos la barra de herramientas.
- Location: Si queremos la barra de direcciones.
- Status: La barra de estado.
- menubar: La barra de menú.
- scrollbars: Si queremos la barra de desplazamiento.
- resizable: Si puede cambiar de tamaño.
- width, height, top y left: Para el tamaño y posición de la ventana al abrir.
Además y para terminar os dejo como abrir el PopUp justo al abrirse la página, es muy sencillo, pero yo personalmente no recomiendo el uso. Solo debemos de insertar el siguiente código en la etiqueta <body>:
<body onload=”Abrir_ventana(‘tutorial.php)”>
Cuando queramos cerrar la ventana:
mi_ventanapop.close();
