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 :
et les fonctions JS
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>
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")); }
Partager