25-08-2009, 03:50 PM
getElementById est une fonction javascript qui permet de récupérer, dans javascript, un élément en spécifiant son id (qui doit, d'après les normes HTML, être unique sur la page).
Un exemple :
Notes l'ajout de l'attribut id sur l'image. Encore une fois, celui-ci doit être unique. Et ensuite, la fonction lancée au onmouseover :
Et voila On change juste l'attribut src de l'image par la valeur qu'on souhaite
Un exemple :
Code :
<img src="images/village1.png" usemap="#village" alt="" style="border:none;" id="monImageMap" />
Notes l'ajout de l'attribut id sur l'image. Encore une fois, celui-ci doit être unique. Et ensuite, la fonction lancée au onmouseover :
Code :
function change()
{
var image = document.getElementById('monImageMap'); // Note que je lui passe en paramètre l'id donné plus haut
image.src = 'images/village1_clignotante.gif';
}
Et voila On change juste l'attribut src de l'image par la valeur qu'on souhaite