Erreur "Null ou n'est pas un objet" sur onMouseOver

Bonjour,

J'ai un petit bout de JS simple pour pouvoir changer l'image au survol de la souris.

Code:

---

1 2 3

<div id="top"> <a href="index.php" onMouseOver="document.logo.src='images/Logo_red.jpg';" onMouseOut="document.logo.src='images/Logo.jpg';"><img id="logo" src="images/Logo.jpg" width="170" border="0" ></a> </div>

---

ce qui fonctionne très bien sous FF mais ne marche pas sous IE (8), où l'image ne s'affiche carrément pas du tout, avec l'erreur : "document.logo a la valeur Null ou n'est pas un objet".

merci de votre aide !

Bonjour,
il existe une méthode pour récupérer un objetDOM, getElementById( id_element), autant l'utiliser.

Code:

---

1 2 3 4 5

<a href="index.php" onmouseover="document.getElementById('logo').src='images/Logo_red.jpg';" onmouseout ="document.getElementById('logo').src='images/Logo.jpg';"> <img id="logo" src="images/Logo.jpg" width="170" border="0" > </a>

---

Merci à toi, l'erreur a disparu !