Bonjour j'ai un petit soucis sous IE
je voudrais faire apparaitre une bulle d'infos à la position de la souris
mais event.x semble dépendre de la taille de la fenêtre
Quelqu'un aurait il une idée ? Merci d'avance
voici le code :
//le css
.infobulle{
z-index: 4;
width:200px;
text-align: justify;
position: absolute;
visibility : hidden;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #F1F1F1;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
-moz-border-radius:9px;
}
//le javascript
var i=false;
function move(e)
{
if(document.documentElement.clientWidth>0)
{
document.getElementById("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
document.getElementById("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
}
else
{
document.getElementById("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
document.getElementById("curseur").style.top=10+event.y+document.body.scrollTop+"px";
}
}
function montre(text)
{
if(i==false)
{
document.getElementById("curseur").style.visibility="visible";
document.getElementById("curseur").innerHTML = text;
i=true;
}
}
function cache()
{
if(i==true)
{
document.getElementById("curseur").style.visibility="hidden";
i=false;
}
}
document.onmousemove=move;
//l'html
...
<body>
<div id='curseur' class='infobulle'></div>
<p class='ligne'><a href='' style='cursor:pointer;' onMouseOut="cache();" onMouseOver="montre('<div align=center>le texte de la bulle</div>');">09</a></p>
</body>
...