Evènements souris


Liens hypertextes

Les liens hypertextes d'un document HTML permettent de gérer les évènements ONMOUSEOVER et ONMOUSEOUT qui sont déclenchés lorsque la souris passe au dessus du lien ou lorsqu'elle le quitte.

On peut, par exemple, utiliser cette possibilité pour afficher un message dans la ligne de statut du navigateur.

L'exemple suivant affiche dans la ligne de statut du navigateur la signification de quelques extensions de fichier.

Les différents liens sont écrits de la façon suivante :

<A HREF="javascript:void(0)" ONMOUSEOVER="status='Document Word'; return true"
ONMOUSEOUT="status=''; return true">.doc</A>

Note : la fonction associée à ONMOUSEOVER doit renvoyer true pour indiquer que l'évènement est pris en compte et empêcher le traitement normal par le navigateur.

La ligne de statut est modifiée à chaque passage de la souris sur le lien hypertexte.


Images réactives

Pour modifier une image au passage de la souris, on peut utiliser le principe précédent. Il suffit de placer un lien hypertexte sur l'image et de changer sa souce lors des évènements ONMOUSEOVER et ONMOUSEOUT.

L'exemple suivant montre comment procéder pour obtenir ce résultat.

Il a suffi de changer la source de l'image nommée "image0" à chaque passage de la souris.



Retour au menu