Introduction à l'Utilisation des Comportements
Objectifs
Les objectifs de cette vidéo sont :
1. Comprendre comment ajouter des comportements JavaScript prédéfinis dans Dreamweaver.
2. Configurer un élément pour ouvrir une nouvelle fenêtre du navigateur.
3. Personnaliser les propriétés de cette fenêtre ainsi que l'événement déclencheur.
Résumé
Cette leçon explique comment ajouter des comportements JavaScript dans Dreamweaver pour ouvrir des fenêtres, et ainsi ajouter plus d' interactivité à vos pages web.
Description
Dans cette leçon, nous explorons l’ajout de comportements JavaScript prédéfinis dans Dreamweaver, particulièrement celui d’ouvrir une fenêtre du navigateur. Les comportements permettent de rendre les pages web plus interactives sans avoir à écrire manuellement du code JavaScript. Nous commençons par ouvrir la fenêtre des comportements à partir du menu fenêtre de Dreamweaver.
La première étape consiste à sélectionner l'élément qui déclenchera l'ouverture de la nouvelle fenêtre. Par exemple, dans nos exercices, nous avons attribué un lien avec une cible précise, mais cette fois, nous utilisons un caractère dièse pour que la fenêtre s'ouvre sans redirection proprement dite.
Nous configurons ensuite les propriétés de la fenêtre, comme sa largeur, hauteur, et divers attributs d'aspect. Le nom de la fenêtre est crucial si nous voulons éviter l'ouverture de multiples fenêtres distinctes; en attribuant le même nom à plusieurs comportements, la même fenêtre sera réutilisée.
Enfin, nous choisissons l'événement déclencheur, comme onMouseUp, qui permet d'afficher la nouvelle fenêtre lorsque l'utilisateur relâche le clic de la souris. Nous testons ensuite le comportement configuré dans un navigateur comme Firefox pour vérifier son fonctionnement.