Changement couleur area avec survol souris

[Melkior]

Bonjour à tous.

J'ai cherché pendant un petit bout de temps une carte de france avec zones reactives des départements en libre de droit.

Pas trouvé (sauf 1 en flash chez les ricains)

Donc je me lance dans la mienne en html.

Suis en train de découper les départements en zones réactives..AREA

Ce qui donne un code qui ressemble à ceci pour un département:

<map name="Map" id="Map">
  <area shape="poly" coords="355,287,360,294,377,293,372,299,375,308,378,324,387,328,387,331,391,331,391
,337,383,346,373,338,358,340,362,331,351,317,353,310,349,306,355,304" href="ain.html" target="_blank" alt="ain" title="ain" />
</map>

Je me heurte à un probleme. J'aimerais lors du survol de la souris sur cette zone qu'elle change de couleur .

J'ai essayé plusieurs choses avec a:hover, mais à priori ca marche pas.

Est-ce possible d'y arriver ?

Merci

Modifié 5 Novembre 2008 par Melkior

[Dan]

Le plus élégant serait de créer des imagemaps en pur CSS.

Voici quelques liens utiles :

http://www.cssplay.co.uk/articles/imagemap/

http://www.cssplay.co.uk/menu/old_master.html

http://www.cssplay.co.uk/menu/imap.html

http://www.cssplay.co.uk/menu/mantis.html

[Melkior]

merci pour la réponse rapide, je vais jeter un coup d'oeil.

Suis pas doué en anglais

et c'est pas tout à fait ca.. je parlais de zone ploygone

Je vais voir par rapport à onmouseover ?

Merci quand même

Modifié 5 Novembre 2008 par Melkior

[captain_torche]

Il me semble que sarc a également eu le même genre de souci pour son site pitimonde (mais je ne me rappelle plus de la manière utilisée pour résoudre le souci). Tu pourrais le contacter par MP.

[Melkior]

Captain torche, je pense que tu parles de ca :

http://www.webmaster-hub.com/index.php?sho...mp;hl=area+sarc

Sinon j'ai trouvé une carte sur le site de vivastreet

						<area shape="poly" coords="552,142,548,150,536,151,528,143,522,150,526,158,538,161,532,175,526,182,532
,188,516,219,523,226,525,236,529,242,543,241,577,147,551,142" href="http://www.vivastreet.fr/alsace" title="Alsace" onmouseover="VIVASTREET.mapRollOver('alsace'); return false;" onmouseout="VIVASTREET.mapRollOut('alsace'); return false;">

Vous pouvez me décoder : VIVASTREET.mapRollOver

Comprendre pas trop

Merci

Pour info .. belle carte

[broadcastor]

Ca m'interesse bigrement car j'ai la meme problématique sur trouvermonterrain.com