Hola amigos. Tengo este código:
Código Javascript
:
Ver originalfunction sigueme(e) {
var x = (document.layers || !document.all)? e.pageX : event.x+document.body.scrollLeft;
var y = (document.layers || !document.all)? e.pageY : event.y+document.body.scrollTop;
var x2 = x + 10;
var y2 = y + 10;
document.getElementById('siguelo').style.left=x2+'px';
document.getElementById('siguelo').style.top=y2+'px';
return true
}
function muestrame(texto) {
document.onmousemove = sigueme;
document.getElementById('siguelo').innerHTML=texto;
/*if (navigator.appName=="Microsoft Internet Explorer") {
document.getElementById('siguelo').style.position='absolute';
} else {
document.getElementById('siguelo').style.position='fixed';
}*/
document.getElementById('siguelo').style.display='block';
if (document.layers) { document.captureEvents(Event.MOUSEMOVE); }
}
function quitame() {
document.getElementById('siguelo').style.display='none';
}
Como véis hay un trozo comentado y es que tengo problemas para visualizar la caja que sigue al ratón en internet explorer.
Si la position es absoluta, internet explorer no pilla bien las coordenadas x e y del ratón , en cambio firefox sí, pero para que funcione en los dos tengo que ponerle fixed a firefox, el cual es un problema porque al hacer scroll nunca queda al lado del ratón.
Pueden probarlo aquí:
http://213.60.40.182/gap-dev/index.php
al ponerse encima de los títulos de ARTÍCULOS QUE INTERESAN. El código está en el script Funciones.js
Entonces, cómo hago para que funcione correctamente en todos los navegadores ? Al menos que funcione igual.
Saludos y gracias.
edición:
he probado con esto:
Código Javascript
:
Ver originalfunction sigueme(e) {
var x = e.clientX + 15;
var y = e.clientY + 15;
document.getElementById('siguelo').style.left = x + 'px';
document.getElementById('siguelo').style.top = y + 'px';
return true;
}
pero en IE 8 se queda la capa arriba a la izquierda sin solución posible.