bueno el problema es simple como siempre funciona en todos los browsers menos en ie 6 y 7
el tema es el siguiente tengo un mapa de españa y a medida q el cursor va pasando por encima de las provincias quiero que se acomode el div al lado del mouse mostrando un mensaje "buscar en la provincia ....", estoy trabajando con prototype 1.6.0.2
tengo un div#idtt con el siguiente estilo
div#idtt{
position:absolute;
z-index:100;
padding:2px 4px;
background-color:#FFF;
border:1px dashed #3D6F98;
top:0;
left:0;
font-weight:bold;
}
/*
con este evento muestro y oculto el div donde aparece el mensaje
este funciona iben en todas partes
*/
Event.observe(window,'load',function(){
var areas=$$('area');
for(var i=0;i<areas.length;i++){
areas[i].onmouseover = function (event){
$('idtt').show();
$('idtt').innerHTML='<p>buscar en :: <span>'+this.alt+'</span></p>';
}
areas[i].onmouseout = function (){
$('idtt').hide();
}
}
});
/*
con este evento acomodo el div a 25px mas a la derecha para q no se solape con el puntero
funciona correctamente en ff, o y s, pero en ie 6 y 7 se me queda plantado en la posicion 0,0 (como esta definido en la hoja de estilo
si pongo un alert(); para ver los valores q devuelve el evento no me devuelve nada ergo aca esta el problema pero no se como solucionarlo :(
*/
Event.observe(window, 'mousemove', function(event){
$('idtt').style.left=(Event.pointerX(event)+25)+'p x';
$('idtt').style.top=Event.pointerY(event)+'px';
});
saludos
