Deselecionar map/area para FireFox

pituzo · #1 (**permalink**) 09/05/2006, 02:14

Saludos a todos,

Me gustaría saber si a alguno se le ocurre la manera de deseleccionar una area de un map asociada a una imagen mediante Javascript para FireFox (con IE funciona correctamente).

Código:

<IMG src="imagen.gif" name="imagen" usemap="#map1" border="0">
<map name="map1">
   <area shape="rect" coords="..." href="pagina.php" tabindex="-1"
    style="cursor:hand;" onClick="javascript:selecciona(...)"
    target="..." onFocus="this.blur()">
</map>

Forma parte de una barra de menú en la que al pulsar sobre un botón (imagen) éste queda seleccionado (otra imagen) y se carga la página deseada en otro frame. El problema es que queda también el marco de selección del <AREA>.

¿Ideas?

Gracias.

caricatos · #2 (**permalink**) 09/05/2006, 02:26

Hola:

En tu código sobra lo de cursor: hand (no vale en mozilla, y por el hecho de haber un enlace se pone solo...

el onclick es mejor ponerlo en minúsculas y lo de javascript: es una redundancia... los eventos no lo necesitan...

Sobre lo que pides falta que pongas el código para seleccionar (suponiendo que los puntos suspensivos sean cosas correctas...)

Saludos

pituzo · #3 (**permalink**) 09/05/2006, 02:59

Gracias caricatos por la rápida respuesta.

Código:

onclick="selecciona(window.document.imagen1, '1')"

function selecciona(imagen, num) {
   if (seleccionado != num) {
      imgsel.src = soltado[seleccionado].src;
      imgsel = imagen;
      seleccionado = num;
      imagen.src = pulsado[num].src;
   }
}

El código es cutre pero al menos funciona (bueno, menos lo de la deselección, claro). Por si no se entiende decir que únicamente se selecciona el botón si no lo estaba ya y que lo que se hace es volver a dejar el botón que antes estaba marcado sin marcar y marcar el nuevo.

caricatos · #4 (**permalink**) 09/05/2006, 03:14

Hola:

¡Hey, he visto que eres de Málaga...! ¿Cómo estás, paisano...

?

Bueno, tal como llamas a la función, creo que no lo acepta mozilla...

window.document.imagen1... si imagen1 es el id, deberías referenciarla así:
document.getElementById("imagen1")...
y si se tratase del name:
document.images.imagen1
... aunque de las 2 formas funcionaría bien, es recomendable la primera

Saludos

pituzo · #5 (**permalink**) 09/05/2006, 03:34

¡Saludos desde la Costa del Sol!

Si hago el cambio que me indicas (getElementById) deja de funcionar.

Ahora mismo todo funciona correctamente, el único problema es que el marco de selección se queda marcado aún cuando pulse otro botón (solo se quita si recargo la página). El marco al que me refiero es similar al que rodea a un enlace que acabas de pulsar. Supongo que el problema estará en que la orden this.blur() solo funciona en IE pero no sé su equivalente en Mozilla FireFox.

pituzo · #6 (**permalink**) 09/05/2006, 04:13

¡SOLUCIONADO!

Por si a alguno le interesa la solución ha estado en poner en el <AREA> en vez de this.blur() poner area1.blur(), donde area1 es la id del area. Osea:

Código:

<area id="area1" onfocus="area1.blur()" ...>