[Solucionado] - eventos sobre zona interactiva de un mapa

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
OSCARABI

[Solucionado] - eventos sobre zona interactiva de un mapa

Mensajepor OSCARABI » Mié Jul 26, 2006 11:57 am

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>

nickelao

problema con un mapa de imágenes

Mensajepor nickelao » Jue Sep 28, 2006 9:42 am

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

jarbell

capas en mozilla

Mensajepor jarbell » Mié Oct 04, 2006 4:06 pm

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.

alb

Re: eventos sobre zona interactiva de un mapa

Mensajepor alb » Mar May 05, 2009 8:19 am

Gracias por el truco de moverlo 1pixel, yo ya me estaba volviendo loco con el mozilla jjj

arangoca

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

Mensajepor arangoca » Vie Feb 24, 2017 4:46 pm

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 :)


Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: Yahoo [Bot] y 3 invitados