Discussion :

[rollergirl]

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

[polkduran]

IE ne connaît pas

Code :

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

window.innerWidth

pour IE c'est

Code :

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

document.body.offsetWidth

je ne sais pas si les autres l'acceptent, si non tu fait une condition

Code :

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

1
2
 
var larg = window.innerWidth?window.innerWidth:document.body.offsetWidth;

j'espère que ca marchera.

après c'est se taper le retour des dimensions qui varie selon le navigateur, c'est toujours la galère, je recommande toujours pour js utiliser un framework crosbrowser comme jQuery (le roi des frameworks js) c'est hyper facile avec jquery.