FireFox y <area onFocus="this.blur()">

[pituzo]

Buenas tardes a todos.

A ver si a alguno se le ocurre cómo deseleccionar un elemento area de un map de una imagen para FireFox. Es decir, usando este código:

Código:

<IMG src="imagen.gif" name="imagen" usemap="#map1">
<map name="map1">
   <area shape="rect" coords="..." href="..." onClick="..."
     onFocus="this.blur()">
</map>

Usando IE al hacer click sobre el area de la imagen ésta no queda seleccionada debido a la acción de blur pero sí queda seleccionada usando FireFox.

¿Alguna posible solución?

Gracias.

[pituzo]

¡No puede ser que a nadie se le ocurra cómo hacerlo!

[furoya]

Hola pituzo :

Prueba con -moz-outline , -moz-user-focus , :focus img { -moz-outline: 0px none none }

http://www.blooberry.com/indexdot/cs...extensions.htm

[SiR.CARAJ0DIDA]

no deberia recibir el foco si tiene el atributo tabindex="-1"

[furoya]

Pero tampoco debería saltar con el tabulador, y no sé si conviene hacerlo...

[pituzo]

He estado probando y no lo consigo. No os he tenido que entender correctamente. ¿Pódeis escribir cómo sería el código? Mi código está más arriba.

Gracias.

[SiR.CARAJ0DIDA]

con CSS:

AREA:FOCUS {
outline:0px;
}

[pituzo]

No me funciona :(

Mi código es:

Código:

 <style type="text/css">
    AREA:FOCUS {
       outline:0px;
    }
 </style>
 ...
 <IMG src="imagen.jpg" name="imagen" usemap="#map1" border="0">
 <map name="map1">
    <area shape="rect" coords="..." href="..." tabindex="-1"
    style="cursor:hand;" onClick="javascript:..." onFocus="this.blur()">
 </map>