Unidad 16. Comportamientos avanzados (IV)

16.4. Abrir Ventana del Navegador

Este comportamiento, aunque a primera vista creas que no sirva para mucho, te ayudará a crear enlaces mucho más personalizados.

Asociaremos este comportamiento normalmente a un enlace, o como mucho a una imagen o un botón. Pero siempre lo haremos asociado al evento onClick de estos elementos.

Otra opción es asociarlo al evento onLoad del body para que cuando se cargue el documento abra al mismo tiempo una nueva ventana que dirigiremos a la URL que queramos.

En esencia este comportamiento es un creador de pop-ups o ventanas emergentes, así que si el usuario dispone de un bloqueador es posible que no se pueda llevar a cabo la apertura de la nueva ventana. De todas formas, no es nada recomendable llenar nuestro sitio de estos elementos, salvo si realmente aportan información importante.

Pero veamos qué debemos hacer para poder abrir una ventana de este modo.

Primero seleccionaremos elemento asociado al comportamiento, si lo que queremos es que se asocie al body de la página haremos clic en una área vacía del documento.

Luego abre el panel Comportamientos (Mayus + F4) y pulsa el botón añadir comportamiento para desplegar la lista.

Selecciona la opción Abrir ventana del navegador y verás el siguiente cuadro de diálogo:

Abrir ventana del navegador

Veamos las opciones que podemos seleccionar aquí.

En Mostrar URL: escribiremos la URL de la página que queremos abrir.

En los cuadros de texto de Ancho de la ventana: y Alto de la ventana: podremos especificar su tamaño en píxeles.

El cuadro Nombre de la ventana: te permitirá darle un nombre a la nueva ventana. Así, más tarde, utilizando JavaScript, podríamos referenciarnos a ella utilizando este nombre.

En Atributos: marca las casillas para que los elementos como la barra de estado o la barra de menús aparezcan en la nueva ventana.

Si dejas todos desmarcados, la ventana se abrirá sin ningún elemento y aparecerá únicamente rodeada de un marco de página.

Pág. 16.4

Atrás  Inicio  Adelante





Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.