sinprogramar.blogspot.com

7/10/09

Abrir nueva ventana con javascript

Voy a explicar como abrir una nueva ventana del navegador con dimensiones definidas. Algo que para un programador no tiene ningún misterio, pero para el resto es algo útil que probablemente no sepan como hacer.

Para abrir la nueva ventana vamos a hacer uso de una pequeña función de javascript que personalizaremos desde el enlace.

La función:
function abrir_ventana(url,nombre,dimensiones){
window.open(url,nombre,dimensiones);
}


El enlace que abre la nueva ventana:
<a href="#" onclick="abrir_ventana('http://google.es','buscador','width=300,height=200')">Buscador </a>

Para ejecutar la función he añadido un evento de "onclick" al enlace donde llama la función y dentro de los paréntesis se definen los 3 parámetros (la URL, un nombre identificador y las dimensiones).

Para añadirlo en tu página debes incluir la función dentro del "HEAD" y personalizar los parámetros del enlace.

Ejemplo completo:
<html>
<head>

<script type="text/JavaScript">

function abrir_ventana(url,nombre,dimensiones){
window.open(url,nombre,dimensiones);
}
</script>

</head>


<body>

<a href="#" onclick="abrir_ventana('http://google.es','buscador','width=300,height=200')">Buscador</a>

</body>

</html>


No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.


Creative Commons License