Comportamientos
 



Con los comportamientos (behaviors) es posible dar a nuestras páginas total interactividad, los comportamientos de Dreamweaver son en realidad rutinas de JavaScript prediseñadas que se incorporan a multitud de objetos(texto, imágenes, capas, etc...) No todos los navegadores aceptan los mismos comportamientos, hay versiones de Netscape que aceptan unos determinados comportamientos y en Explorer no funcionan, o al revés. Pero podemos conocer desde Dreamweaver los comportamientos que aceptan unos y otros.

Desde le Lanzador seleccionamos comportamientos , se abre el panel de comportamientos, en la parte superior hay una ventana, eventos, donde podemos elegir el navegador o grupo de navegadores que sean compatibles con los comportamientos que vamos a introducir.

 


Pulsamos sobre + y aparecen una serie de comportamientos que podemos incluir en nuestra página. Para borrar un comportamiento, pulsamos -.

A los comportamientos les podemos hacer que respondan a un evento(clic, load, etc...) y a una determinada acción. Ahora veremos una serie de comportamientos de ejemplo.

 

Abrir ventana en el explorador (funciona en todos los navegadores)


Vamos a colocar un botón de formulario, al cual, en la Paleta de Propiedades, en etiqueta, pondremos abrir.

En el Panel Comportamientos, abrimos la lista con + y elegimos Abrir ventana del explorador, aparece un cuadro de diálogo, en el cual vamos a introducir una dirección URL, en este caso http://www.terra.es.

En esa misma ventana tenemos una serie de opciones: si la ventana tendrá barra de desplazamiento, si tendrá barra de menú, etc...

Aceptamos y visualizamos la pagina en nuestro explorador (F12). Pulsamos sobre el boton abrir y se abre una ventana con las especificaciones antes introducidas. Si hacemos doble clic sobre el comportamiento, en la paleta de Comportamientos se abrirá el cuadro de diálogo con las opciones del comportamiento.

 

Mensaje emergente (funciona en todos los navegadores)


En una nueva ventana vamos a colocar un nuevo botón, lo seleccionamos y elegimos la acción mensaje emergente.

Aparece un cuadro de diálogo con una ventana donde podremos escribir texto; escribiremos por ejemplo: "Sus datos se han enviado correctamente" Aceptamos y visualizamos con F12.

Si pulsamos sobre la flecha del Panel Comportamientos podremos elegir el evento en el que sucederá la acción.

Este comportamiento está asociado a la función predefinida de JavaScript alert(); podemos comprobarlo desde el lanzador viendo el código fuente en la sección <HEAD>...

 

Mostrar / ocultar capas (funciona con Netscape a partir de 2.0-solo mostrar. Y con Explorer desde la versión 3)


Dibujamos una capa en la pantalla, que llamaremos foto(ID de capa); insertamos una imagen dentro de la capa, pulsamos + en el Panel Comportamientos, elegimos Mostrar / ocultar capas, se abre un cuadro de dialogo donde aparece la capa "foto" y elegimos ocultar, aceptamos.

 


Pulsamos sobre la flecha del panel Comportamientos y elegimos onMouseOver.

Guardamos la página y la visualizamos en el explorador F12, aparece la capa pero al pasar el ratón sobre ella, desaparece...

Prueba los distintos comportamientos que te ofrece Dreamweaver, son tan fáciles de utilizar como estos.