Página inicial

Unidad 16. Comportamientos Avanzados (I)

En el tema anterior vimos algunos de los comportamientos básicos, en este tema veremos otros comportamientos y veremos cómo utilizarlos y aprovecharnos de esta característica de Dreamweaver para crear diversas funcionalidades automáticamente.

 

Mensajes emergentes

 

Este comportamiento te permitirá crear avisos emergentes como en el siguiente ejemplo.

Haz clic aquí.

Este comportamiento es útil para poder enviar mensajes al usuario. Ten en cuenta que no deberás abusar de ellos, pues a la larga pueden resultar un poco incómodos, utilízalos con un objetivo concreto y no porque quieras atraer la atención del usuario.

 

Para crear un mensaje emergente deberás seleccionar el elemento al cual irá asociado el mensaje, en el ejemplo es un texto.

Una vez seleccionado ves al panel Comportamientos (Mayus+F4) pulsa el botón añadir comportamiento y selecciona la opción Mensaje emergente.

Se abrirá el siguiente cuadro de diálogo:

Cuadro de diálogo de Mensaje emergente

Aquí deberás introducir el Mensaje que quieras que se muestre. Pulsa Aceptar cuando hayas acabado y estará listo.

 

Es aconsejable que asocies este comportamiento al evento onClick (cuando el usuario hace clic). Es más intuitivo para el usuario, por ejemplo, si asocias el mensaje a un evento onMouseOver (cuando se pase el ratón por encima) el usuario no sabrá muy bien porque se ha generado el mensaje de aviso.

En realidad no habrá hecho ningún movimiento voluntario para recibir ese tipo de respuesta. Debido a esto (el estimulo-respuesta que espera el usuario), el evento onClick es el más indicado para este caso.

 

Texto de la Barra de Estado

 

El Texto de la Barra de Estado es un elemento muy utilizado a la hora de personalizar una página web. Aunque no funciona en algunos navegadores.

Si observas esta barra cuando navegas verás que va cambiando su texto según te encuentres sobre un enlace o no. Normalmente, las páginas que no tratan la Barra de Estado (por ejemplo, esta) no muestran ninguna información. Únicamente cuando posicionas el puntero sobre un enlace el texto de la Barra cambia para mostrar la dirección a la que este se dirige.

Observa este ejemplo, si haces clic sobre él te llevará a la página principal de aulaClic.

Cambiar el Texto de la Barra de Estado significaría modificar el texto que aparece en ese momento cuando realizamos un evento sobre un elemento en particular. Por ejemplo:

aulaClic.es

Este comportamiento es muy útil para personalizar mucho más tu página y mostrar información que de otra forma no sería posible. Aunque no todos los navegadores son capaces de responder a este comportamiento.

 

Para crear este comportamiento selecciona el elemento al cual quieres asociar este comportamiento. Abre el panel Comportamientos (Mayus+F4) y pulsa el botón añadir comportamiento.

Luego selecciona la opción Definir texto y haz clic en Establecer texto de la barra de estado.

Establecer texto de la barra de estado

Aquí deberás escribir el texto que quieres que aparezca en el cuadro Mensaje, luego pulsa Aceptar y listos.

 

¿Dónde y cómo asociar el texto en una página? es sencillo. Una de las opciones que te da este comportamiento es poder asociar un texto en concreto a la página en sí.

Es decir, que cuando abras una página se muestre inmediatamente (y permanentemente) un texto en la barra de estado. Eso es posible creando el mensaje asociado al body de la página (para ello tendrás que insertar el comportamiento sin seleccionar ningún elemento para que se asocie con toda la página) y lanzándolo en el evento onLoad (en la carga del documento). De esta forma cuando se abra la página se mostrará el mensaje en la barra de estado y permanecerá allí hasta que se produzca un cambio (por ejemplo, que se posicione el cursor sobre un enlace).

 

Ahora veamos cómo debemos actuar al establecer texto para los enlaces. En este caso será necesario que introduzcamos dos comportamientos.

El primero, asociado al evento onMouseOver (cuando el ratón se encuentra encima) que mostrará el mensaje que queramos.

El segundo deberá ir asociado al evento onMouseOut (cuando el ratón deja de estar encima) que deberá limpiar la barra de estado para que recupere su estado anterior.

En el caso de que hubiésemos establecido un mensaje para el body de la página, al salir de un enlace (en el onMouseOut) deberemos volver a escribir ese mensaje para que siga mostrándose.

En el caso de que la página no tuviese un mensaje personalizado, deja el cuadro Mensaje en blanco para que la barra de estado recupere su estado natural.

 

Observa que si no estableces el segundo comportamiento, cuando posiciones el ratón sobre el enlace (o imagen, párrafo..., da igual) el texto de la barra de estado cambiará. Pero cuando el ratón deje de estar sobre el elemento no habrá ninguna orden para que el texto vuelva a cambiar y se mantendrá fijo con el mensaje del anterior comportamiento.

 

 




  Ir a la página anterior Índice del curso  Ir a la siguiente página  

Pág. 16.1

© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.