onmouseover qui ne se déclenche pas sous IE...

Bonjour tout le monde :)

Comme a l'accoutumée, c'est bien sur IE qui me pose problème, on change pas les bonnes habitudes évidemment...

Bon voila alors en gros ce qui se passe, j'injecte dans une boucle des divs contenant cet html :

Code:

---

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

<table border="0" cellpadding="0" cellspacing="0" width="150" height="90" align="center"> <tr> <td width="50" style="overflow:hidden" align="center"> <img src="test.jpg"> </td> <td align="right" style="overflow:hidden"> Blablabla<br> <span class="prixprod">320</span> <span class="prixprod">&euro;</span></td> <td width="10"> &nbsp; </td> </tr> </table>

---

(je sais c'est pas suuuuuper propre, mais ie posait encore des soucis...)

ensuite, j'effectue quelques manipulations dom pour modifier le contenu de chacun de ces divs :

Code:

---

1 2 3 4 5 6 7

//affinement selon infos produit (nom_pro, prix_prod et id_prod sont récup en xmlhttp)   produit.getElementsByTagName("td")[1].firstChild.data=nom_prod; produit.getElementsByTagName("span")[0].firstChild.data=prix_prod; //photo et mouseover var thumb=produit.getElementsByTagName("img")[0]; thumb.setAttribute("src","thumb.php?id="+id_prod);

---

Pour enfin affecter un mouseover a mon thumbnail (histoire d'afficher la photo en grand quand on passe sur le thumb)

Code:

---

1 2 3

thumb.onmouseover=function () { thumbOver(this); }; thumb.setAttribute("onmouseover","thumbOver(this);");

---

Evidemment, ca fonctionne nickel sous FF, mais le mouseover ne se déclenche pas sous IE... j'ai essayé pas mal de trucs, pas moyen...

A l'aide :'( j'en ai marre de ce IE :'(

Merci d'avance pour vos maux de crane :)

parceque Ie ne te retounre pas le firstChild auquel tu t'attends ...
teste le type du firstChild

désolé, mais je ne comprends pas :'(

Code:

---

1 2	thumb.setAttribute("src","thumb.php?id="+id_prod);

---

fonctionne lui, mais pas :

Code:

---

1 2 3

thumb.onmouseover=function () { thumbOver(this); }; thumb.setAttribute("onmouseover","thumbOver(this);");

---

:'(

Je cible pourtant le meme objet :'(

elle fait quoi ta focntion thumbover ...

ùmets un alert en première ligne de la fonction pour voir s'i c'est l'attribution du onmouseover qui plante ou ta focntion qui n'est pas compatible ...

testé sous IE sasn souci ...

Code:

---

1 2 3 4

<div style="height:100px; width:100px;background-color:red;" id="mydiv">di</div> <script type='text.javascript'> document.getElementById('mydiv').onmouseover=function(){alert('coucou')} </script>

---

8O

J'ai pris l'habitude de faire ca, ne mettre qu'une alerte dans ma fonction le temps de tester si l'event est bien déclanché, depuis que j'ai toutes ces merdes... :)

Et oui, c'est bien l'attribution qui foire :( le alert ne se déclenche pas sous ie :'(

arf je l'avais oublié celle là ...

inverse l'ordre des deux lignes

Code:

---

1 2	thumb.setAttribute("onmouseover","thumbOver(this);"); thumb.onmouseover=function () { thumbOver(this); };

---

ça devrait aller mieux ...

!!!!!!
inverser les 2 lignes et ca fonctionne :|

Bien joué SpaceFrog ! Merci infiniment, toujours la quand il faut :)

C'est completement dingue ce truc :| Et on s'étonne que je deviennes cinglé :|

Encore merci :)