Le déclencheur d'évènement

01/01-2004 à 00:00 : Comment ajouter un script à un élément ?Lorsque vous appuyez sur F8 ou que cliquez sur dans la partie inférieure droite, la palette comportements s'affiche.


Comment ajouter un script à un élément ?
Lorsque vous appuyez sur F8 ou que cliquez sur dans la partie inférieure droite, la palette comportements s'affiche. Explications



Dreamweaver : La palette des comportements



Un comportement s'ajoute avec le bouton . lorsque vous le cliquez, plusieurs choix sont possibles. Ces choix peuvent varier suivant que vous attribuez un comportement à une image (), la page (), un lien (), un menu (). .. Mais nous verrons cela plus en détails dans les exemples.


Pour comprendre la suite, nous allons ajouter le plus simple des comportements. Cliquez sur dans la barre d'état , dans la partie inférieure. Ajoutez le comportement Message contextuel à l'aide de , vous arrivez sur cette fenêtre.



Tapez simplement votre message puis validez
Afficher un message



Une ligne s'est ajoutée dans la palette comportements. Il est inscrit onLoad / Message contextuel.


Qu'est-ce que ce champ onLoad ?
Que va faire l'internaute pour déclencher l'action ? Voilà comment vous pourriez traduire. C'est à partir de cette zone de liste que vous décidez ceci. Comme précisé ci-dessus, chaque comportement peut ne pas être compatible avec tous les types d'éléments. Il en est de même pour les déclencheurs. onLoad est un déclencheur. Par exemple, il est peu probable que vous souhaitiez produire une action si l'internaute double Clic sur la page.


Les comportements possibles sur la balise BODYLes choix possibles pour la page ()
onBlur : si la fenêtre du navigateur n'est plus en premier plan (si elle n'est plus active)

onerror : si une erreur survient

onFocus : A chaque fois que la fenêtre du navigateur est active

onLoad : lors du chargement de la page (pratique pour rerouter vers une autre adresse par exemple)

onResize Lorsque l'internaute redimensionne la fenêtre (pratique pour Netscape, certaines fonctionnalités (notamment les calques), nécessitent un rechargement de la page si la fenêtre est redimensionnée)

onUnload lorsque l'internaute quitte la page (fermeture de navigateur ou l'internaute quitte le site pour aller sur une autre adresse).




Les comportements possibles sur la balise A et/ou IMGLes choix possibles sur une image ()
onAbort : lorsque l'internaute clique sur Arrêter le chargement pendant le chargement de l'image.

onError : en cas d'erreur

onLoad : lors du chargement de l'image


les déclencheurs ci-dessous sont valables pour une image () et un lien ()

OnClick, onDoubleClick : comme son nom l'indique.

onKeyDown, onKeyPress, onKeyUp : dès qu'une touche clavier est pressée avec le lien actif. Je ne vois personnellement pas trop l'intérêt de ceci sur un lien ou une image. (Si quelqu'un a une idée...)

onMouseDown, onMouseOver : il y a une différence à noter entre ces deux déclencheurs. L'un déclenchera l'action avant que le Clic soit "fini", l'autre après. Cette différence peut être importante pour certaines actions.

onMouseOver, onMouseOut : lorsque l'on survole le lien ou de l'image (onMouseOut), lorsque l'on s'écarte (onMouseOver). Pratique pour mettre un descriptif du lien dans la barre d'état par exemple ou pour créer une image survolée.



Les comportements possibles sur la balise SELECTChoix possibles sur une zone de liste ()
onBlur : Dès que la zone de liste n'a plus le focus

onChange : dès que la valeur est changée.

onFocus : dès que que la zone a le focus (est active).  



onBlur : Cliquez sur cette liste Valeur1Valeur2Valeur3puis cliquez sur un endroit vide de la page pour bien comprendre. (il faut que la zone de liste ne soit plus active).

onChange : Changez la valeur de la zone de liste ici Valeur1Valeur2Valeur3

onFocus : dès que vous cliquez sur la zone de liste Valeur1Valeur2Valeur3




Avec quel navigateurs seront compatibles mes comportements ?Je n'ai choisi que les déclencheurs valables pour navigateurs version 4.0 minimum (Netscape et Internet Explorer). Si vous choisissez de n'insérer que des scripts compatibles avec les versions 3.0, vous aurez moins de choix. Vous pouvez également choisir de n'utiliser que des scripts compatibles Internet Explorer 4 ou Netscape 4.0. Vous aurez alors d'autres choix possibles. Dans ce cas, n'oubliez pas de faire 2 versions de votre site afin que les utilisateurs de l'autre navigateur puissent voir et/ou utiliser votre site.


Pour un maximum de compatibilité et de fonctionnalité, le choix 4.0 and Later Browsers semble le plus adapté.


Cela peut également être une choix technique, par exemple dans le cadre d'une utilisation en Intranet, si vous savez que tout le monde utilise Netscape ou Internet Explorer de telle version.


Vous avez compris à quoi servent les déclencheurs ? passons à la pratique, les scripts eux-mêmes. Qu 'est-ce qu'on peut faire exactement ?



Dossiers

Accédez rapidement aux propriétés système sous Windows VistaAccéder rapidement aux propriétés système de votre Windows : raccourcis -...

Mettez rapidement en page votre site web sous DreamweaverUne commande pour répéter ou annuler la dernière action sous Dreamweaver

Explorer rapidement le contenu de son PC sous Windows VistaUn clic droit et c'est réglé

Afficher rapidement les propriétés d'un élément sous WindowsUn petit raccourci très simple pour afficher rapidement les propriétés de vos...

Bien se comprendre sur Internet : les smileys et la netiquettePas toujours facile de faire passer la joie, la colère, le dégoût par email ou...

Raccourci pour taper une adresse internet plus rapidementhttp, www, .com , .net ou .org autant de sigles qu'il vous est maintenant inutile...

Déplacer votre barre des tâches WindowsUn clic de souris et votre barre des tâches a la bougeotte

Redémarrez votre PC plus rapidementNe redémarrer que Windows pas votre ordinateur

Développer rapidement l'arborescence d'un répertoire sous Windows2 raccourcis bien pratique pour développer les répertoires au sein de...

Naviguer rapidement sous Internet ExplorerDes raccourcis claviers très utiles pour naviguer rapidement sous Internet Explorer


Banque de sons WAV et MP3

Accident de voiture