onmouseover et onmouseout

Bonjour tout le monde, :)

Voilà je suis débutant en javascript et
je voulais faire un script permettant de
changer d'image quand la souris passe dessus donc j'ai fait:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function changeImages(name,image) { window.document.name.src = image ; /* d�claration des images */ Anormal = new Image() Aselection = new Image()     /* lien des images */ Anormal.src = "template/boutona.php" Aselection.src = "template/boutonasel.php"   } </SCRIPT>

---

avec ceci

Code:

---

<input type="image" src="template/boutona.php" id="1" name="1" onmouseover="changeImages('1','Aselection');return true" onmouseout="changeImages('1','Anormal');return true" onclick="" />

---

Je n'ai aucune erreur et malheureusement aucun changement ce fait.


Merci de votre aide. :)

L'erreur est sûrement à :

Code:

---

window.document.name.src

---

à remplacer par

Code:

---

window.document[name].src

---

car là tu récupères la propriété "name" de l'objet document, au lieu d'utiliser la variable String name.

Sinon, pour ce que tu souhaites faire, il est beaucoup plus simple et pratique de faire ça en CSS. Cherche "rollover image css", tu devrais vite trouver ton bonheur.

Merci SylvainPV

j'ai trouver plus simple et qui marche

Code:

---

1 2	<input type="image" src="template/boutona.php" id="1" name="1" onmouseout="javascript:this.src='template/boutona.php';" onmouseover="javascript:this.src='template/boutonasel.php';" onclick="" />

---

merci :)

Tu peux faire comme suit:

Code:

---

1 2 3

function changeImages(id,image) { document.getElementById(id).src = image; }

---

Code:

---

1 2 3

<input type="image" src="template/boutona.php" id="id1" onmouseover="changeImages('id1','template/boutonasel.php')" onmouseout="changeImages('id1','template/boutona.php')" />

---