como hace que una capa se posicione justo al lado del mouse???

[elvisoftweb]

Hola maravillosa gente del FDW tengo un problemita sucede que tengo en mi web una capa que actua como un tooltip es decir que cuando un usario pasa con el mouse por un texto esta capa aparece y muestra una informacion extra, el tooltip funciona a la perfeccion los datos que quiero, pero cuando bajo el scrollbar(barra de dezplazamiento) la capa se muestra mas arriba de manera que si bajara aun mas el scrollbar el texto que deseo mostrar casi ni se nota.
Alguna sugerencia ha y les comento que el codigo que se ocupa de el tratamiento de la capa es un archivo llamado tooltip.js que tiene el siguiente codigo:

Código:

var xPos;
var yPos;

function showToolTip(title,msg,evt){
    if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
    xPos = evt.clientX;
    yPos = evt.clientY;

   var toolTip = document.getElementById("toolTip");
   toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
   toolTip.style.top = parseInt(yPos)+2 + "px";
   toolTip.style.left = parseInt(xPos)+2 + "px";
   toolTip.style.visibility = "visible";
   
}

function hideToolTip(){
   var toolTip = document.getElementById("toolTip");
   toolTip.style.visibility = "hidden";
}

desde ya Gracias por su aporte

[zerokilled]

no lo he comprobado, pero intenta con esta modificacion a las siguiente dos lineas.

Código:

    xPos = evt.clientX + document.documentElement.scrollTop;

[Panino5001]

Más compatible:

Código PHP:

  var scx=self.pageXOffset || (document.documentElement.scrollLeft+document.body.scrollLeft); 
 xPos = evt.clientX + scx; 
var scy=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop); 
xPos = evt.clientX + scx; 
yPos=evt.clientY + scy;  
   

[elvisoftweb]

ok gracias gente voy a probar lo que me aconsejan y luego les cuento....

[elvisoftweb]

hola ya lo probe y problema resuelto utilice el siguiente codigo y la verdad me funciono mas la ayuda de panino. Este es el codigo que funciono:

Código:

var xPos;
var yPos;
function showToolTip(title,msg,evt){
var scx=(document.documentElement.scrollLeft+document.body.scrollLeft);

var scy=(document.documentElement.scrollTop+document.body.scrollTop);
//xPos = evt.clientX + scx;

if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
	 xPos = evt.clientX + scx;
	 yPos = evt.clientY + scy;  
	//xPos = evt.clientX;
    //yPos = evt.clientY;

   var toolTip = document.getElementById("toolTip");
   toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
   toolTip.style.top = parseInt(yPos)-50 + "px";
   toolTip.style.left = parseInt(xPos)-50 + "px";
   toolTip.style.visibility = "visible";
   
}

function hideToolTip(){
   var toolTip = document.getElementById("toolTip");
   toolTip.style.visibility = "hidden";
}

Gracias a panino y a zerokiller y hasta la proxima