positionnement de Tooltip dans IE8
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:cry:
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:
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> |
