onmouseout et IE

Bonjour à tous,

Je suis confronté à un problème. Au survol de la souris je créer unediv auquel j'associe une classe. Une fois que le survol n'est plus actif j'efface mon div créer. Tout fonctionne sur FF et Chrome mais j'ai une erreur dans mon script avec IE. Il créer bien mon div mais ne l'efface pas..

Quel serais le problème ?

Merci

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<script type="text/javascript"> function fenetre(titre,url,left,top) {   var larg = (window.innerWidth); larg = larg /2; larg = larg - 405; larg = parseInt(larg,10)+ parseInt(left,10);   var haut = parseInt(top,10) + 80+20;   var monCalque=document.createElement('div'); var test =document.getElementById("carteL"); monCalque.setAttribute("class","maclasse"); monCalque.setAttribute("className","maclasse"); monCalque.style.left = left+'px'; monCalque.style.top = haut+'px'; monCalque.style.position = 'absolute';   monCalque.innerHTML="<a href='"+url+"'>"+titre+"</a>"; test.appendChild(monCalque); }   function close_fen() {   document.getElementById("carteL").removeChild(document.getElementsByClassName("maclasse")[0]);   }

---

et l'appel onmouseover="fenetre('ville','#','225','500');" onmouseout="close_fen();"

J'ai un doute sur la prise en compte correcte de setAttribute selon les versions d'IE... quelqu'un peut confirmer ? ^^

En attendant et juste par curiosité, webpxis, tu peux toujours faire un test en utilisant la "vieille méthode", histoire de voir si ça fait la même chose sous IE :

Code:

---

monCalque.className = "maclasse";

---

normalement avec ie 6 et 7 hormis les ajouts d'evenement setattribute fonctionnement bien, mois ce qui me fait douter c'est

Code:

---

monCalque.setAttribute("className","maclasse");

---

className n'est pas un attribut mais une proprieté il me semble et il est possible que ie arret le script a cette endroit.

Citation:

---

Envoyé par mekal

normalement avec ie 6 et 7 hormis les ajouts d'evenement ...

---

Voilà je me disais bien que ça me rappelait quelque chose ;)
Bon en l'occurrence c'était pas ça le problème :aie:

Mais la remarque de Mekal est très pertinente : c'est une bonne piste de résolution ^^

Bonjour,

Essayes de faire

Code:

---

1 2	var aSupprimer = document.getElementsByClassName("maclasse")[0]; aSupprimer.parentNode.removeChild(aSupprimer);

---

devyan

getElementsByClassName n'est pas implémenté dans IE :mrgreen:

Bon on va dire que je me répête ^^ mais je ne comprends pas pourquoi tout le monde essaie d'accéder à des éléments avec tout un tas de moyens pas surs, pas clairs, tordus, alors qu'il y a la propriété id dont c'est la fonction explicite...
Quand tu crées ton élément au départ, tu lui donnes un id, tu réutilises cet id pour le supprimer dans la deuxieme fonction, et hop là problème suivant :mrgreen: :roll:

une fonction qui devrait marcher sa fait un peut tordu ;) mais sa a la particularite d'etre compatible ie 6

Code:

---

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

function close_fen() { if(document.getElementById("carteL").hasChildNodes()){ var all= document.getElementById("carteL").getElementsByTagName("*"); if(all){ for (var i=0;i<all.length;i++){   if(all[i].className=="maclasse"){ document.getElementById("carteL").removeChild(all[i]); i-- } } } } }

---

Mon soucis c'est que je ne peux créer d'id car il y a plein div qui ce génére sur une carte et qui peuvent se chevaucher. L'avantage de la class c'est que sa me parait plus simple à gérér.