Utilisation des événements de l'objet Link (niveau 2)
Votre site dispose d'une galerie de photos que vous souhaiteriez agrémenter d'un commentaire. Nous allons utiliser ici les événements de l'objets Link. Voici le résultat de l'atelier (survolez les images) :


Pour arriver à ce résultat, copiez entre les balises <BODY> et >/BODY> le code suivant :

*Tapez entre les guillemets de "<img src=" le chemin de votre image (../Images/atel.JPG, ici). Modifiez la taille et la largeur (Width et Height) ainsi que la bordure (Border).

*onMouseOver spécifie l'événement tout comme onMouseOut auquel l'image réagira : quand la souris passera sur l'image le message entre guillemets après Value s'affichera. Ici, "Les ateliers" s'affichera lorsque la souris sera sur l'image et aucun message n'apparaitra lorsqu'elle sera en dehors. Le code diffère un peu pour le cilc et le double-clic :

 

Tout comme l'autre code, celui-ci fait réagir l'image lors d'un clic (onClick) ou d'un double-clic (onDblClick).

Répétez l'opération pour toutes les images puis insérez le code suivant : il crée un formulaire avec une zone de texte simple (une seule ligne) qui fera apparaître vos messages.

Ne modifiez pas le nom de la zone de texte sans quoi le script ne fonctionnerait pas normalemnt.

Retour sommaire