[js] visualizzazione div

[pgm]

Ciao a tutti

ho una pagina nella quale vengono visualizzati una serie di record. al passaggio del mouse sulla prima colonna voglio far visualizzare un div che mi mostri un testo dinamico per ogni record. il problema è che quando ho uno scroll della pagina il div non viene più visualizzato vicino alla colonna ma a x pixel sopra.

vi riporto lo script js

var Xoffset= 0;
var Yoffset= 20;
var TooltipY = -1000;
var ActivateOver = false;

function f_ShowTooltip( msg, width )
{
var MyDivTooltip = document.getElementById("MyDivTooltip");

ActivateOver = true;
document.onmousemove=get_mouse;
TooltipY = Yoffset;
MyDivTooltip.innerHTML = msg;
MyDivTooltip.style.width = width;
MyDivTooltip.style.display = "block";
}

function get_mouse(e)
{
if (!ActivateOver) document.onmousemove = null;
var x = event.x + document.body.scrollLeft;
var y = event.y + document.body.scrollTop;
MyDivTooltip.style.left = x + Xoffset;
MyDivTooltip.style.top = y + TooltipY;

}

function f_Tooltip_Kill()
{
TooltipY = -1000;
MyDivTooltip.display = "none";
MyDivTooltip.style.width = 0;
ActivateOver = false;
}

questa è la parte html

<div id="MyDivTooltip" class="Tooltip"></div>
<table>
<tr>
<td onmouseover="f_ShowTooltip('testo dinamico','auto');" onmouseout="f_Tooltip_Kill();">codice</td>
<td>descrizione</td>
<td>qta</td>
<td>prezze</td>
</tr>
</table

sapreste indicarmi dove può stare il problema?

[pgm]

uppino

[Xinod]

prova cambiando queste 2 righe

var x = event.x + document.body.scrollLeft;
var y = event.y + document.body.scrollTop;

in queste

var x = event.x + document.documentElement.scrollLeft;
var y = event.y + document.documentElement.scrollTop;

ciao

[pgm]

funziona abbastanza

il problema rimane. voglio dire che se faccio lo scroll della pagina
il div si comporta come prima, ma almeno ora se passo sulla prima colonna appare vicino e non x pixel sopra.

ma per ora va bene così.

grazie mille