Utilisation des comportements "behaviors"
Dans ce module, nous allons apprendre les caractéristiques de base des comportements, et également voir une paire d'exemples d'applications possibles.
Introduction
Les Comportements sont des actions qui se produisent lorsque l'utilisateur produit quelque chose sur un objet, par exemple le déplacement de la souris sur une image, en cliquant sur un texte, un double clic sur une image carte, etc
Les Comportements n'existent pas en tant que code HTML, ils sont programmés avec le langage JavaScript. Dreamweaver vous permet de les insérer par le biais du panneau de comportements, de sorte qu'il n'est pas nécessaire d'écrire une ligne de code JavaScript pour programmer.
L'image ci-dessous a un comportement associé. Placez la souris dessus pour voir ce qui se passe.
L'image a deux comportements associés à montrer et cacher la couche. Nous allons nous intéresser à ce genre de comportement plus tard.
D'autres comportements que vous avez vus sont ceux appliqués à la subtitution de bars et de barres de navigation, elles sont prédéfinies, et pour cette raison, il n'est pas nécessaire de présenter l'ensemble des comportements à travers le panneau des Comportements.
Pour valider les formes que vous avez vues certaines des caractéristiques du panneau comportement. Permettez-moi de rappeler que nous avons besoin d'insérer comportements plus tard.
Le panneau Comportement peut être ouvert par l'intermédiaire du menu Fenêtre, puis l'option de comportements, également en appuyant sur Maj + F3.
Dans ce groupe, vous devez cliquer sur le bouton 
, et dans Afficher les événements pour le choix d'une version à partir de la liste des navigateurs.
Certains comportements ne fonctionnent pas avec certains navigateurs. Selon le navigateur choisi, vous verrez ou non certains des comportements possibles.
Il y a beaucoup de comportements pour Internet Explorer, mais ils ne fonctionnent pas avec Netscape. Comme la plupart des utilisateurs se servent d'Internet Explorer, nous allons choisir ce navigateur. Vous pouvez choisir l'une de ses versions les plus récentes: IE 5,5 ° IE 6,0.
Une fois que le navigateur est sélectionné, il n'est pas nécessaire de le sélectionner à nouveau la prochaine fois que vous voulez insérer un comportement.
[ Haut de page ]
Insertion d'un comportement
Quand vous aurez créé un navigateur, vous pouvez insérer les comportements.
La première chose à faire est de choisir l'objet sur lequel le comportement va être appliqué, il peut être une image, un fragment de texte, etc
Lorsque vous cliquez sur le bouton dans le panneau Comportements, vous verrez les événements pour l'option Afficher. Aussi, vous verrez une liste de toutes les actions possibles dans le navigateur sélectionné précédemment, vous pouvez donc en choisir une.
En fonction de l'élément sur lequel vous souhaitez appliquer les comportements, vous pouvez sélectionner certaines actions, et pas d'autres.
Dans ce cas, l'action Valider forme ne peut pas être sélectionné parce qu'il n'y a pas une forme quelconque dans la page.
Après avoir choisi une action, le comportement correspondant apparaît dans le panneau Comportements. Dans ce cas, deux comportements ont été insérés.
Comme vous pouvez le voir, chaque comportement a une action et un événement associé à celui-ci.
Les actions sont celles qui ont été sélectionnées dans la liste précédente, et l'événement indique l'action par lui-même (quand il est fait).
Pour effacer tout comportement, vous devez sélectionner dans le panneau Comportements et cliquez sur le bouton 
. Vous pouvez aussi changer l'ordre des comportements appliqués à un objet, en les sélectionnant et en organisant leur ordre grâce aux boutons 
.
[ Haut de page ]
