Ciao a tutti.
Ho un problema, ho creato (o meglio scopiazzato) la funzione che vi ho scritto sotto. Essa viene utilizzata per creare un tooltip consistente in una tabella html che viene visualizzato al passaggio del mouse sopra determinate immagini.
Nessun problema in merito alla visualizzazione quanto al posizionamento, vorrei fare in modo che questo "tooltip-tabella" sia ancorato al movimento del puntatore del mouse.......ma non mi riesce proprio. Una volta che è aperto anche se sposto il mouse non si muove di un millimetro....
function visualizePath(msg)
{
trail.style.visibility = "visible";
var content ='<table class="app" cellpadding="2" cellspacing="0" border="1" bordercolor="#000099"><tr><td>'+ msg +'</td></tr></table>';
trail.innerHTML = content;
Xoffset = +1; //gestisce la posizione della mano rispetto al bordo superiore della tabella
Yoffset = -15; //gestisce la distanza della mano dal bordo superiore della tabella
if ( event.clientX > 392)
var x = event.clientX + document.body.scrollLeft - ((msg.length)*4.5);
else
var x = event.clientX + document.body.scrollLeft +0;
var y = event.clientY + document.body.scrollTop -20;
trail.style.left = x + Xoffset;
trail.style.top = y + Yoffset;
}
Rispondi quotando