Página 1 de 1

[Solucionado] - eventos sobre zona interactiva de un mapa

Publicado: Mié Jul 26, 2006 11:57 am
por OSCARABI
Hola, Agradeceré vuestra ayuda. Tengo una página web con un mapa en el que hay unas cuantas zonas activas, de tal manera, que al pasar el ratón por encima, se muestra justo en ese punto, una información referente a esa zona del mapa, y al quitar el ratón la información desaparece. El caso es que con el iexplorer funciona de cine, pero con el Firefox al pasar el ratón por encima, la capa que se debe mostar se hace visible y se oculta continuamente (como si vibrara), de tal manera que no hay manera de ver nada. Es como si al pasar el ratón por encima se desencadenaran continuamente los 2 eventos onmouseover y onmouseout:

<script>
function MuestraDatos(Lugar,evt)
{var el, x, y;
el = document.getElementById('capa');

if (window.event) /*Es iexplore*/
{
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}

else /*No es iexplore*/
{
x = evt.clientX + window.scrollX;
y = evt.clientY + window.scrollY;
}

if ((document.body.clientWidth - x)<210)
{
x=x-200;
}
if ((document.body.clientHeight - y)<110)
{
y=y-100;
}
el.style.left = x + "px";
el.style.top = y + "px";
el.style.visibility = "visible";
}

function OcultaDatos()
{
document.getElementById('capa').style.visibility = "hidden";
}
</script>

......
<body>
-----
<map name="Map">
<area shape="rect" coords="364,154,416,170" href="#"
onMouseOver="MuestraDatos('Juan',event);"
onMouseOut="OcultaDatos();">

<area shape="rect" coords="509,331,667,482" href="#"
onMouseOver="MuestraDatos('pepe',event);"
onMouseOut="OcultaDatos();">
...........
</map>


<div id="capa"
style=" position:absolute;
left:650px; top:373px; width:200px;
height:100px; visibility:hidden;">
. . . . . .
</div>
</body>

problema con un mapa de imágenes

Publicado: Jue Sep 28, 2006 9:42 am
por nickelao
Hola oscarabi, te agradecería que me enviases la url de la página web o el códiog HTML completo para poder ayudarte. Un saludo y gracias

capas en mozilla

Publicado: Mié Oct 04, 2006 4:06 pm
por jarbell
Yo tenía exactamente el mismo problema. Al final lo solucioné mostrando la capa en coordenadas distintas a las del raton, desplazandola 1 o mas pixels tanto en top como en left.

Re: eventos sobre zona interactiva de un mapa

Publicado: Mar May 05, 2009 8:19 am
por alb
Gracias por el truco de moverlo 1pixel, yo ya me estaba volviendo loco con el mozilla jjj

Re: [Solucionado] - eventos sobre zona interactiva de un mapa

Publicado: Vie Feb 24, 2017 4:46 pm
por arangoca
Buenos días, no entiendo mucho de esto, pero tengo eseproblema. Alguien me puede decir cómo ingreso el script a mozilla. Ya descargué Greasemonkey, pero creo que lo ingresé mal. Gracias :)