Forinsur S.L.

Centro de Formacin | Manual de Usuario

Comportamientos
Qu son los comportamientos Los comportamientos son acciones que suceden cuando los usuarios realizan algn evento sobre un objeto, como puede ser mover el ratn sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc. Los comportamientos no existen como cdigo HTML, se programan en JavaScript. Dreamweaver permite insertarlos a travs del panel Comportamientos, por lo que no es necesario escribir ninguna lnea de cdigo JavaScript para programarlos. Otros comportamientos que ya has visto son los que se aplican sobre las imgenes de sustitucin y las barras de navegacin, que ya estn predefinidos, por lo que no es necesario introducir este conjunto de comportamientos a travs del panel Comportamientos. Para validar formularios ya viste algunas caractersticas del panel

Comportamientos. Vamos a recordar las que necesitamos para poder insertar comportamientos ms tarde. El panel Comportamientos se puede abrir a travs del men Ventana, opcin Comportamientos. Tambin pulsando Mays+F4. En este panel hay que desplegar el botn pulsando sobre l, y en

Mostrar eventos para elegir una versin de la lista de navegadores.

Tcnico Especialista en Diseo, Animacin y Programacin Web

Compatibilidad de los comportamientos Algunos comportamientos no funcionan para algunos navegadores, por lo que dependiendo del navegador elegido aparecern unos u otros comportamientos posibles.

Algunos comportamientos no funcionan para algunos navegadores, por lo que dependiendo del navegador elegido aparecern unos u otros comportamientos posibles. Existen comportamientos que funcionan en Internet Explorer pero no en Netscape. Debido a que la mayora de usuarios utiliza Internet Explorer, vamos a seleccionar este navegador. Puedes seleccionar alguna de sus ltimas versiones: IE 5.5 o IE 6.0. Una vez elegido un navegador ya no es necesario volver a elegirlo las siguientes veces que se desee insertar algn comportamiento. Eventos de ratn Cuando ya hay establecido algn navegador, ya se pueden insertar comportamientos. Lo primero que hay que hacer es seleccionar el objeto sobre el que se ha de aplicar el comportamiento, como puede ser una imagen, un fragmento de texto, etc. Al desplegar el botn del panel Comportamientos aparece la opcin

Mostrar eventos para, a travs de la cual se haba elegido el navegador.

Forinsur S.L. Centro de Formacin | Manual de Usuario

Tambin aparece la lista de todas las acciones posibles para el navegador elegido previamente, de entre las que se puede seleccionar una. Segn el elemento sobre el que se desee aplicar el comportamiento, se podrn elegir unas acciones, mientras que otras no.

En este caso la accin Validar formulario no puede seleccionarse porque no existe ningn formulario en la pgina. Despus de elegir alguna accin, el comportamiento correspondiente aparece en el panel Comportamientos. En este caso se han insertado dos comportamientos. Como puedes ver, cada comportamiento tiene asociados un evento y una accin. Las acciones son las que se han elegido en la lista anterior y el evento indica cundo se debe de realizar la accin.

Para eliminar un comportamiento, hay que seleccionarlo en el panel Comportamientos y pulsar sobre el botn . Tambin es posible cambiar

Tcnico Especialista en Diseo, Animacin y Programacin Web

el orden de los comportamientos aplicados a un objeto, seleccionndolos y ordenndolos mediante los botones Utilizando comportamientos Uno de los comportamientos ms habitual e interesante es el de MostrarOcultar capas. Resulta obvio que para poder aplicar este comportamiento han de existir capas en el documento. .

En la pgina anterior tenas un ejemplo de este tipo. Vamos a ver qu eventos y acciones hay que establecer para que se produzca dicho comportamiento. Despus de seleccionar la imagen hay que seleccionar una accin de la lista, pulsando sobre el botn Mostrar-Ocultar capas. Tras elegir la accin, hay que especificar qu capas han de mostrarse u ocultarse para el evento. Para ello hay que pulsar dos veces sobre la accin, en el panel Comportamientos. Entonces aparece una nueva ventana, con la lista de todas las capas que hay en la pgina, en la que puede indicarse la variacin que se va a producir sobre la visibilidad de cada una de las capas. . En este caso la accin tiene que ser la de

Forinsur S.L. Centro de Formacin | Manual de Usuario

Puede indicarse si se van a Mostrar, si se van a Ocultar, o si van a adquirir la visibilidad inicial (Predeterminada). Para determinar la visibilidad de cada una de las capas es necesario seleccionarlas una por una, indicando su visibilidad a travs de los botones inferiores de la ventana. No es necesario aplicar una visibilidad diferente a todas las capas de la pgina, solamente a las que se desea que cambien al producirse el evento. Por ejemplo, en este caso a la capa gatomes no se le ha aplicado ninguna visibilidad diferente, ya que no se desea que vare al producirse el evento. Si se desea eliminar una visibilidad establecida para alguna de las capas, simplemente hay que volver a pulsar sobre el botn correspondiente a la visibilidad que ya tiene aplicada. Por ejemplo, para eliminar la visibilidad aplicada a la capa gatosemana habra que volver a pulsar sobre el botn Mostrar. Hay que tener en cuenta en este caso que lo que se desea es que al situar el puntero sobre la imagen, se muestre la capa, y que cuando el puntero deje de estar sobre la imagen, la capa se vuelva a ocultar. Para ello es necesario insertar dos comportamientos con la accin Mostrar-Ocultar capas. Uno de ellos mostrar la capa para el evento onMouseOver (cuando el ratn est sobre), mientras que el otro la ocultar para el evento onMouseOut (cuando el ratn est fuera).

Tcnico Especialista en Diseo, Animacin y Programacin Web

Insertando SCRIPTS manualmente (programadores) Otro de los comportamientos que puede aplicarse sobre algn objeto es el de Llamar Javascript. Este comportamiento permite insertar cdigo JavaScript dentro del cdigo del documento. Por ejemplo, es posible hacer que se cierre la ventana del navegador al pulsar sobre un objeto. Para ello hay que insertar la lnea JavaScript "window.close();". Al igual que para el ejemplo de las capas, lo primero que hay que hacer es seleccionar el objeto sobre el que se desea aplicar el comportamiento. Seguidamente hay que seleccionar la accin Llamar Javascript a travs del botn .

Entonces aparece una nueva ventana en la que hay que introducir la lnea JavaScript.

Una vez insertado el comportamiento, en el panel Comportamientos hay que establecer el evento onclick (al hacer clic) para que la llamada a JavaScript se produzca al pulsar una vez sobre el objeto. Pulsando dos veces sobre la accin vuelve a abrirse la ventana anterior, y es posible modificar la lnea de cdigo.