[POO] Soucis avec onmousseover / onmousseout

Bonjour a toutes et a tous,

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

Voici mon code:

Code:

---

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

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

bonjour,

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

Code:

---

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>

---

Citation:

---

Envoyé par yroubag

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

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:

---

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

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

Code:

---

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

---

- Pas d'erreur:

Code:

---

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.

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