Discussion :

[webpxis]

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 :

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

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();"

[RomainVALERI]

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 javascript :

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

monCalque.className = "maclasse";

[Invité]

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

Code :

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

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.

[RomainVALERI]

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

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

[devyan]

Bonjour,

Essayes de faire

Code :

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

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

devyan

[Bovino]

getElementsByClassName n'est pas implémenté dans IE

[Invité]

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

Code :

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

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

[webpxis]

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.