Discussion :

[badibad]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

[SylvainPV]

L'erreur est sûrement à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.document.name.src

à remplacer par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[badibad]

Merci SylvainPV

j'ai trouver plus simple et qui marche

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[amelodydz]

Tu peux faire comme suit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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