Discussion :

[narnou]

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 :

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

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 :

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

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 :

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

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

[SpaceFrog]

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

[narnou]

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

Code :

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

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

fonctionne lui, mais pas :

Code :

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

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

:'(

Je cible pourtant le meme objet :'(

[SpaceFrog]

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

[SpaceFrog]

testé sous IE sasn souci ...

Code :

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

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>

[narnou]

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 :'(

[SpaceFrog]

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

inverse l'ordre des deux lignes

Code :

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

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

ça devrait aller mieux ...

[narnou]

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