Discussion :

[l.laurent60]

Dans une carte j'ai une fonction qui est appelé onmouseover="javascript:showid('<?php echo "je suis ici";?>')"
pour afficher une tooltip, dans Firefox le roi de navigateur aucun bug mais dans IE8 la position de la tooltip reste fixe, elle ne suit pas la position de la sourie
Je ne vois pas ce qui peux faire bugger ou ce qu'il faut modifier pour que cela fonctionne correctement avec IE8 car avec IE7 c'est good.
merci par avance de votre aide.

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
 
  <script language="JavaScript">
 
    var isNav=(navigator.appName.indexOf('Mozilla')!=-1);
    var isWin=(navigator.platform.indexOf('Win')!=-1);
 
    var xpos=500,ypos=140;
 
    function addLoadEvent(func) {var oldonload = window.onload; if (typeof window.onload != 'function') {window.onload = func;} else {window.onload = function() {if (oldonload) {oldonload();} func(); }}}
    addLoadEvent( function() {if (window.addEventListener != null){window.addEventListener("mousemove", getXY, true);} else {window.attachEvent("onmousemove", getXY);}});
 
    function getXY(e) {if(e.pagesX) {xpos = e.pageX;ypos = e.pageY;} else if(e.clientX) {
    xpos = e.clientX + (document.documentElement.scrollLeft ? docuement.docuementElement.scrollLeft : document.body.scrollLeft); ypos = e.clientY + (document.documentElement.scrollTop ? docuement.docuementElement.scrollTop : document.body.scrollTop);}}
 
    function init() {if (window.addEventListener != null){window.addEventListener("mousemove", getXY, true);} else {window.attachEvent("onmousemove", getXY);}}
 
    function show_hide_layer(command)
    {var obj; obj = document.getElementById('idlayer'); if (obj!=null) { if (obj.style) { command=(command=='show')?'visible':(command='hide')?'hidden':command; }
    obj.style.left=xpos+30+'px'; obj.style.top=ypos-30+'px'; obj.style.visibility=command; } }
 
    function showid(value) { 
            var obj=document.getElementById('idlayer'); 
            htmlval="<table border=1 cellspacing=0 cellpadding=5 >"+"<tr><td bgcolor='#E7E8F7'>"+value+"</td></tr></table>";
          if (obj!=null) { if (isNav) { obj.document.write(htmlval); obj.document.close(); } else obj.innerHTML=htmlval; } show_hide_layer('show');}
 
    </script>

[RomainVALERI]

Quelques remarques en passant (bien que je ne croie pas que ça résolve directement le problème décrit) :

1) document.write est fortement déconseillé d'une manière générale (et même combattu pour les plus acharnés ^^)

2) la mention "javascript:" est inutile dans une propriété html de type gestionnaire d'événement (onmouseover, onmouseout, onfocus, etc.) (voir explications de notre camarade Bovino dans la FAQ)

3) attention à la syntaxe ici :

Code javascript :

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

xpos = e.clientX + (document.documentElement.scrollLeft ? docuement.docuementElement.scrollLeft : document.body.scrollLeft); ypos = e.clientY + (document.documentElement.scrollTop ? docuement.docuementElement.scrollTop : document.body.scrollTop);}}

[l.laurent60]

Romain,

Ton status de membre expert n'est pas usurpé, bravo.
J'ai fais les modifications et ça marche, je te remercie pour ton aide.