jueves, 2 de julio de 2009

Abrir una ventana nueva con Window.open con Javascript

Hay 2 formas de abrir una ventana auxiliar con HTML o con JAVASCRIPT, la forma con HTML sería poniendo en la etiqueta <a></a> esto: target="_blank de esta forma se abrirá otra ventana nueva, un ejemplo sería así:

<a href=http://dudasweb.blogspot.com target="_blank">
Con la forma de JAVASCRIPT tendrás más opciones como lugar de la posición de la ventana nueva, el tamaño etc...

Tenemos una función JAVASCRIPT donde hará abrir esa ventana:

<script language=javascript>
function ventanaNueva(URL){
window.open(URL,"ventanaNueva","width=120,height=300")
}
</script>


2 ejemplos de llamar esa función son:

<a href="javascript:ventanaNueva('http://dudasweb.blogspot.com')">Abrir ventana nueva</a>

<span onlick="javascript:ventanaNueva('http://dudasweb.blogspot.com')">Abrir ventana</span>

Las características de window.open son estas:

window.open(URL,nombre de la ventana,características)

En las características puedes poner:

  • width: ancho.
  • height: alto.
  • top: posición de la ventana en alto.
  • left: posición de la ventana a lo ancho.
  • scrollbars: si pones NO no saldrán los scrolls al contrario YES.
  • resizable: si se pone YES el usuario podrá modificar el tamaño de la ventana.
  • location,menubar,status,titlebar,toolbar: YES si desea que cada uno de ellos se vea.
Modificar o insertar datos de la ventana padre desde la ventana hija (window.open) con window.opener

No hay comentarios:

Publicar un comentario