Poput
Páginas: 28 (6903 palabras)
Publicado: 3 de abril de 2014
Para ello utilizamos el método open del objeto window, que es el encargado de abrir la ventana. La sintaxis del método es la siguiente.
window.open(URL,nombre_ventana,parametros_configuración)
El primer parámentro es la URL de la página que deseamos mostrar en la ventana secundaria.
El segundo parámetro es el nombre que le damos a la ventana. Este nombre es utilizable desde el HTMLpara que sirva como target de enlaces o formularios. Es decir, si colocamos un enlace y queremos que actualice la ventana secundaria ponemos el atributo TARGET del enlace igual al nombre de la ventana.
El tercer parámetro es la configuración de la ventana, para indicar el tamaño, qué barras de menús se tienen que ver y cuales no, si tiene o no barras de desplazamiento, etc.
A continuaciónpodemos ver un ejemplo de utilización del método open.
window.open("pagina.html","miventana","width=300,height=200,menubar=no")
Si se desea obtener más información sobre cómo abrir ventanas secundarias y el método open() podemos consultar el artículo sobre abrir ventanas secundarias con Javascript publicado en DesarrolloWeb.com.
En determinadas ocasiones es muy útil abrir un enlace en unaventana secundaria, es decir, una ventana aparte que se abre para mostrar una información específica. Algunas ventajas de abrir un enlace en una ventana secundaria pueden ser que:
El usuario no se marcha de la página donde estaba el enlace.
La ventana secundaria se puede configurar libremente con lo que se pueden hacer ventanas más grandes o pequeñas y con más o menos menús.
En general, el grado decontrol de la ventana secundaria utilizando Javascript aumenta.
Pincha aquí para ver lo que es una ventana secundaria
Para abrir una ventana secundaria podemos hacerlo de dos maneras, con HTML y con Javascript. Veamos cada una de ellas
Abrir una ventana con HTML
Se puede conseguir abrir una ventana secundaria muy fácilmente con tan solo HTML. Para ello podemos utilizar el atributo TARGETde las etiquetas HREF. Si ponemos target="_blank" en el enlace, la página se abrirá en una ventana secundaria. También podemos poner target="xxx" para que el enlace se presente el la ventana llamada xxx o en el frame xxx.
El enlace tendría que tener esta forma:
< a href="mipagina.html" target="_blank">
El problema de abrir una página secundaria con HTML consiste en que no podemos definirla forma de ésta ni podremos ejercer mayor control sobre élla, tal como comentábamos entre las ventajas de abrir una ventana secundária con Javascript. La ventana que se abre siempre será como el usuario tenga definido por defecto en su navegador.
Abrir una ventana con Javascript
Para abrir una ventana con Javascript podemos utilizar la sentencia window.open(). No pasa nada por que noconozcas Javascript, puesto que es muy sencillo utilizarlo para este caso. Vamos a ver paso a paso cómo abrir una ventana secundaria utilizando Javascript.
1. Sentencia Javascript para abrir una ventana
La sentencia es simplemente la función window.open(), lo más complicado es saber cómo utilizar esa función, pero ahora veremos que no reviste ninguna complicación.
La función window.open()recibe tres parámetros, que se colocan dentro de los paréntesis, de este modo:
window.open(URL,nombre_de_la_ventana,forma_de_la_ventana)
Veamos rápidamente cada uno de estos parámetros por separado.
URL: representa el URL que deseamos abrir en la ventana secundaria, por ejemplo http://www.desarrolloweb.com
nombre_de_la_ventana: es el nombre que se le asigna a esta ventana para dirigir enlacescon el atributo target del HTML
forma_de_la_ventana: se indica el aspecto que va a tener la ventana secundaria. Por ejemplo se puede definir su altura, anchura, si tiene barras de desplazamiento, etc
Veamos un ejemplo de sentencia Javascript completa para abrir una ventana secundaria:
window.open("http://www.desarrolloweb.com" , "ventana1" , "width=120,height=300,scrollbars=NO")
Esto...
window.open(URL,nombre_ventana,parametros_configuración)
El primer parámentro es la URL de la página que deseamos mostrar en la ventana secundaria.
El segundo parámetro es el nombre que le damos a la ventana. Este nombre es utilizable desde el HTMLpara que sirva como target de enlaces o formularios. Es decir, si colocamos un enlace y queremos que actualice la ventana secundaria ponemos el atributo TARGET del enlace igual al nombre de la ventana.
El tercer parámetro es la configuración de la ventana, para indicar el tamaño, qué barras de menús se tienen que ver y cuales no, si tiene o no barras de desplazamiento, etc.
A continuaciónpodemos ver un ejemplo de utilización del método open.
window.open("pagina.html","miventana","width=300,height=200,menubar=no")
Si se desea obtener más información sobre cómo abrir ventanas secundarias y el método open() podemos consultar el artículo sobre abrir ventanas secundarias con Javascript publicado en DesarrolloWeb.com.
En determinadas ocasiones es muy útil abrir un enlace en unaventana secundaria, es decir, una ventana aparte que se abre para mostrar una información específica. Algunas ventajas de abrir un enlace en una ventana secundaria pueden ser que:
El usuario no se marcha de la página donde estaba el enlace.
La ventana secundaria se puede configurar libremente con lo que se pueden hacer ventanas más grandes o pequeñas y con más o menos menús.
En general, el grado decontrol de la ventana secundaria utilizando Javascript aumenta.
Pincha aquí para ver lo que es una ventana secundaria
Para abrir una ventana secundaria podemos hacerlo de dos maneras, con HTML y con Javascript. Veamos cada una de ellas
Abrir una ventana con HTML
Se puede conseguir abrir una ventana secundaria muy fácilmente con tan solo HTML. Para ello podemos utilizar el atributo TARGETde las etiquetas HREF. Si ponemos target="_blank" en el enlace, la página se abrirá en una ventana secundaria. También podemos poner target="xxx" para que el enlace se presente el la ventana llamada xxx o en el frame xxx.
El enlace tendría que tener esta forma:
< a href="mipagina.html" target="_blank">
El problema de abrir una página secundaria con HTML consiste en que no podemos definirla forma de ésta ni podremos ejercer mayor control sobre élla, tal como comentábamos entre las ventajas de abrir una ventana secundária con Javascript. La ventana que se abre siempre será como el usuario tenga definido por defecto en su navegador.
Abrir una ventana con Javascript
Para abrir una ventana con Javascript podemos utilizar la sentencia window.open(). No pasa nada por que noconozcas Javascript, puesto que es muy sencillo utilizarlo para este caso. Vamos a ver paso a paso cómo abrir una ventana secundaria utilizando Javascript.
1. Sentencia Javascript para abrir una ventana
La sentencia es simplemente la función window.open(), lo más complicado es saber cómo utilizar esa función, pero ahora veremos que no reviste ninguna complicación.
La función window.open()recibe tres parámetros, que se colocan dentro de los paréntesis, de este modo:
window.open(URL,nombre_de_la_ventana,forma_de_la_ventana)
Veamos rápidamente cada uno de estos parámetros por separado.
URL: representa el URL que deseamos abrir en la ventana secundaria, por ejemplo http://www.desarrolloweb.com
nombre_de_la_ventana: es el nombre que se le asigna a esta ventana para dirigir enlacescon el atributo target del HTML
forma_de_la_ventana: se indica el aspecto que va a tener la ventana secundaria. Por ejemplo se puede definir su altura, anchura, si tiene barras de desplazamiento, etc
Veamos un ejemplo de sentencia Javascript completa para abrir una ventana secundaria:
window.open("http://www.desarrolloweb.com" , "ventana1" , "width=120,height=300,scrollbars=NO")
Esto...
Leer documento completo
Regístrate para leer el documento completo.