Jeg har et script, som gør følgende:
ved at føre musen over en <td>, så dukker der et tooltip op med text og billede, som følger cursoren når den flyttes hen over <td>.
Se det her
http://www.hpbiler.dk/galleritest.php både i IE og Firefox.
Problemet er, at når jeg scroller på siden, så er billedet der skal komme frem ved siden af cursoren i toppen af skærmen. Dette er et problem i IE men ikke i Firefox!
hvad kan problemet skyldes?
Scriptet ser således ud:
css-delen:
.tooltip {
position: absolute;
display: none;
background-color: #DCDCDC;
border:2px ridge #25346E;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
color:#000000;
padding:3px;
text-align: center;
z-index:100;
}
javascript-delen:
document.onmousemove = updateTT;
var wmtt;
function showTT(id) {
wmtt = document.getElementById(id);
//window.setTimeout("{wmtt.style.display = 'block'}", 500);
wmtt.style.display = "block";
}
function hideTT(id) {
wmtt = document.getElementById(id);
wmtt.style.display = "none";
}
function updateTT(e) {
if (wmtt == null) {
return;
}
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft;
posy = e.clientY + document.body.scrollTop;
}
wmtt.style.left = (posx + 8) + "px";
wmtt.style.top = (posy + 19) + "px";
}