Bonjour à tous,

J'ai une fonction de création d'un div au survol de la souris et une qui l'efface à la sortie de la souris. Cela fonctionne niquel sous FF mais pas sous IE, sa me met une erreur JS... je ne vois pas le soucis et je vais finir par casser mon PC...

Enfin voila la carte :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<map name="Map" id="Map">
    <area shape="rect" coords="233,461,305,478" href="#" alt="Vieux-Boucau" onmouseover="fenetre('Vieux-Boucau','#','233','470');" onmouseout="close_fen();" />
    <area shape="rect" coords="227,480,289,492" href="consulter.php?port=Bayonne" alt="Bayonne" />
    <area shape="rect" coords="231,493,293,505" href="consulter.php?port=SAINT-JEAN-DE-LUZ" alt="Saint Jean de Luz"  onmouseover="fenetre('Saint Jean de Luz','#','225','500');" onmouseout="close_fen();"   />
  </map>
et les fonctions JS

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
29
 
 
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("id","maclasse");
monCalque.setAttribute("idName","maclasse");
monCalque.style.left = larg+'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.getElementById("maclasse"));
 
}