Muchos me han preguntado como hacer enlaces que abran pequeñas venanas en lugar de páginas, así que ahí va eso.
En la página donde se desee colocar este tipo de enlace o PopUp, en lugar del típico enlace como este:
Además, en cada una de las páginas en las que deseais colocar un enlace de este tipo, hay que insertar este otro código dentro del HEAD, es decir, entre las líneas <HEAD> y </HEAD>:
<SCRIPT LANGUAGE="JavaScript">
Por supuesto, a parte de colocar estos códigos, hay que crear la ventana que se va a abrir. Para eso solo creais la página con extensión html como si se tratara de una página normal y la guardais. Luego, en el enlace poneis que se abra esa página y listo. Osea, si la llamais popup-01.html y la guardais en la carpeta popups, el código sería:
Cualquier duda al respecto, escribidla en este mismo mensaje. Un saludo
En la página donde se desee colocar este tipo de enlace o PopUp, en lugar del típico enlace como este:
Texto del enlaceHay que colocar este otro:
javascript:popUp('ruta-de-la-pagina.htm')"]Texto del enlace
Además, en cada una de las páginas en las que deseais colocar un enlace de este tipo, hay que insertar este otro código dentro del HEAD, es decir, entre las líneas <HEAD> y </HEAD>:
<SCRIPT LANGUAGE="JavaScript">
<!-- BeginDentro de este código se puede escoger por ejemplo, el tamaño del PopUp que se va a abrir, sin más que cambiar los valores señalados en azul, y la posición en la que aparecerá. El valor top=50 indica que el PopUp aparecerá a 50 pixeles desde la parte superior del monitor hacia abajo.
function popUp(URL) {
eval("page" + " = window.open(URL, '" + "', 'width=350,height=150,top = 50');");
}
// End -->
</script>
Por supuesto, a parte de colocar estos códigos, hay que crear la ventana que se va a abrir. Para eso solo creais la página con extensión html como si se tratara de una página normal y la guardais. Luego, en el enlace poneis que se abra esa página y listo. Osea, si la llamais popup-01.html y la guardais en la carpeta popups, el código sería:
Click aquí
Cualquier duda al respecto, escribidla en este mismo mensaje. Un saludo