Images réactives avec Javascript

Les fonctions Javascript sont en général déclenchées par des évenements.

Liste d'événements Javascript (non-exhaustive, certains évenement n'existe pas dans tous les navigateurs)

• onLoad, onUnload : fin du chargemement / début du déchargement d'un objet : le document, une image,...

• onMouseOver, onMouseOut

• onFocus, onBlur

• onMouseMove, onMouseUp, onMouseDown

• onKeyPress

Fonction de roll-over (images réactives)

Dans le cas d'un roll-over (comme utilisé au bas des pages de TP), on utilise les évenements onMouseOver et OnMouseOut sur les liens hypertextes.

/* Fonctions de survol d'image 

   Ces fonctions sont declenchees sur des evenements :
   - onMouseOver le deplacement du pointeur de la souris au-dessus de l'image, 
   - onMouseOut le deplacement du pointeur de la souris en dehors de l'image,
   Compatibilite avec Netscape : 
   Netscape 4 et inferieurs ne gere pas les evenemenets sur les images. 
   Il faut placer les declencheurs d'evenements sur le lien hypertexte qui entoure l'image.

*/

function active(image) {
	/* Debogage
	alert(document.images[image].src);
	   si necessaire ! ;-) */
	document.images[image].src="images/"+image+"_on.gif";
}

function passive(image) {
	document.images[image].src="images/"+image+"_off.gif";
}