Discussion :

[dedepsg]

Bonjour a toutes et a tous,

J'ai un petit soucis avec les focntions onmousseover et onmousseout.

Voici mon code:

Code :

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

1
2
3
4
<div>
	<object data="images/1.png" onmouseover="this.data='images/1_MO.png'"; onmouseout="this.data='images/1.png'"></object><br/>
	<object data="images/2.png" onmouseover="this.data='images/2_MO.png'"; onmouseout="this.data='images/2.png'"></object>
</div>

Le résultat que j'obtiens est le suivant:

L'image clignote sans arrêt. Lorsque je passe ma souris sur mon image elle se met a clignoter entre la première et la seconde image, elle ne s'arrête jamais.

Quelqu'un aurait-il une solution a mon problème ?
Devrais-je écrire mon code autrement ?

Merci d'avance à tous et bonne soirée

[Invité]

Salut

C'est très simple, chaque objet doit avoir un ID différent sinon, il l'interprète comme si c'était le même ID partout, d'où le switch entre les images.

Yroubag

[Auteur]

bonjour,

pourquoi utilises-tu la balise object (attention il y a des ";" qui se baladent dans la balise ouvrante) ?
Utilise la balise img :

Code :

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

1
2
3
4
5
 
<div>
	<img src="images/1.png" onmouseover="this.src='images/1_MO.png'" onmouseout="this.src='images/1.png'" /><br/>
	<img src="images/2.png" onmouseover="this.src='images/2_MO.png'" onmouseout="this.src='images/2.png'" />
</div>

C'est très simple, chaque objet doit avoir un ID différent sinon, il l'interprète comme si c'était le même ID partout, d'où le switch entre les images.

Un id différent . Dans ses balises il n'y a pas d'attribut id, mais data. Dans ce cas this désigne l'objet qui génère l'événement, il n'y a donc pas d'erreur dans le code si ce n'est que les balises utilisées ne sont pas les bonnes.

[dedepsg]

En effet merci !!! ça fonctionne mais il y a quelque chose qui ne fonctionne pas... enfin que je ne comprend pas.

Tu me dit de ne pas mettre de ";" mais si je n'en met pas, aptana me dit que j'ai une erreur du type:

Code :

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

1
2
Il manque ';' avant une instruction      ligne 159
erreur de syntaxe     ligne 160

En sachant que la ligne 159 c'est bien ma ligne qui contient mon image.

Donc que dois-je faire?
Dans les deux cas cela fonctionne mais ...

En tout cas merci !!

[Auteur]

ton ";" était en dehors de l'instruction javascript.
Exemple :
- Erreur :

Code :

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

1
2
<img src="images/1.png" onmouseover="this.data='images/1_MO.png'"; onmouseout="this.data='images/1.png'" />

- Pas d'erreur:

Code :

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

1
2
<img src="images/1.png" onmouseover="this.data='images/1_MO.png';" onmouseout="this.data='images/1.png'" />

tu vois la différence ?
L'instruction javascript se trouve après l'événement et entre guillemets.

[dedepsg]

A ouaiiiiiiiii !!! d'accord ! merci beaucoup !!!