|  |
Guía práctica de JavaScript - 5ta. entrega
Cómo crear ventanas a medida
Esta es la última parte del tutorial de JavaScript de Terra. Y es el momento de aprender a crear y manejar ventanas. Con este lenguaje lo podés hacer a tu gusto. Además, más funciones para que tu sitio pueda dialogar con los usuarios.
En esta quinta y última entrega de la guía paso a paso de JavaScript te vamos a enseñar a diseñar una ventana Pop-Up, las ventanas flotantes que se abren sobre una principal, y que son generalmente de menor tamaño.
Usando las propiedades y métodos del objeto Window podemos hacerlo. Y lo bueno es que, con JavaScript, podemos controlar el tamaño y la apariencia de la ventana.
La sintaxis para abrir una ventana es:
Windows.open("URL","NombreDeLaVentana"[, "OtrasCaracteristicas" ]
Cómo vemos, hay que aclarar tres parámetros: una URL de destino (que puede ser un sitio o un documento alojando en el mismo servidor), un nombre para la nueva ventana y las características que tendrá.
Las características son los diferentes componentes que una ventana puede tener y que cambian su apariencia. Es un parámetro opcional, por lo que si no se lo incluye, la ventana tendrá las características de una ventana de browser. Si se especifican las características en el tercer parámetro -la manera de hacerlo es separarlas con comas- sólo esas aparecerán.
Las principales características son:Toolbar (yes o no) | Para que aparezca o no la barra
de herramientas | | Locion (yes o no)at | Barra de dirección. | | Directories (yes o no) | Barra de vínculos | | Status (yes o no) | Barra de estado | | MenuBar (yes o no) | Barra de menú | | Scrollbars (yes o no) | Permite que las barras de desplazamiento
aparezcan cuando son necesarias | | Resizable (yes o no) | Posibilidad de achicar o agrandar la ventana nueva | | Width (numérico) | El ancho de la ventana (en pixeles) | | Height (numérico) | El largo de la ventana (en pixeles) |
Por ejemplo, si queremos abrir la página http://www.terra.com.ar, en una ventana con nombre "Nueva" que no tenga ninguna barra ni menú de width 800 y height 600, así seria la instrucción:Window.open("http://www.terra.com.ar", "Nueva","toolbar=no,location=no,directories<
=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=600")
Si queremos que algún menú aparezca tendríamos que cambiar donde dice "no" por "yes". La función que creamos en este ultimo ejemplo la podemos ejecutar en cualquier momento hasta con el evento onLoad , esto nos servirá para que cuando entremos a una página se abra otra de menor tamaño.
Veamos un ejemplo:Presionen aquí para ver el ejemplo
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="jAVASCRIPT">
function abrir(){
window.open("http://www.terra.com.ar","nueva","toolbar=no,location=no,directories=<
no,status=no,menubar=no,scrollbar=no,resizable=no,width=600,height=600")
}
</SCRIPT>
<a href="javascript:abrir();">Abrir
</BODY>
</HTML>
Próxima página » Dime que sitios visitas y te diré quien eres
Terra
| |
 Partes de esta nota |
 Noticias
relacionadas |
|
|
)
Ahora todos pueden retratar la realidad.