Hola a todos, mi problema es el siguiente:
Quiero poner un tooltip a unas pequeñas imagenes, el problema es que las imagenes estan en un div fijo al pie de la página, osea cuando movemos el scroll el div siempre esta abajo. El tooltip se muestra pero cuando movemos el scroll se queda fijo y si lo movemos mucho se pierde.
Aca les dejo el ejemplo:
http://www.zylestt.com/ej.html
El codigo javascript es:
Código Javascript
:
Ver original<script type="text/javascript">
var theObj="";
function toolTip(text,me) {
theObj=me;
theObj.onmousemove=updatePos;
document.getElementById('toolTipBox').innerHTML=text;
document.getElementById('toolTipBox').style.display="block";
window.onscroll=updatePos;
}
function updatePos() {
var ev=arguments[0]?arguments[0]:event;
var x=ev.clientX;
var y=ev.clientY;
diffX=-20;
diffY=-25;
document.getElementById('toolTipBox').style.top = y-2+diffY+document.body.scrollTop+ "px";
document.getElementById('toolTipBox').style.left = x-2+diffX+document.body.scrollLeft+"px";
theObj.onmouseout=hideMe;
}
function hideMe() {
document.getElementById('toolTipBox').style.display="none";
}
</script>
Muchas gracias de antemano
