Changement d'image au passage de la souris

Bonjour,


Je dispose d'une carte du monde cliquable et je souhaiterai animer ma carte avec un changement de couleur de continent sur lequel survole la souris ,j'y arrive pas ! quelqu'un pourrait me dire ou se trouve la faille dans mon code svp !

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<MAP id="cartemap" name="cartemap">   <area id="afrique" shape="poly" coords="" href="javascript:" onclick="mafonction('Intercontinental','Africa')" onmouseover="document.NOM.src='"C:\eclipse\workspace\ContactMap\WebContent\images\carte_afrique.gif"';" onmouseout="document.NOM.src='"C:\eclipse\workspace\ContactMap\WebContent\images\world_map.gif"';" /> </MAP>   <img id="cartemap" src="C:\eclipse\workspace\ContactMap\WebContent\images\world_map.gif" name="NOM" USEMAP="#cartemap" border="0">

---

j'ai enlevé les valeurs des coords pour que ça fasse pas du code trop long ,la carte est cliquable mais pour le survol d'image ça marche pas !

Merci à l'avance pour votre aide

Salut,

Déjà les adresses des images en dur ce n'est pas très propre, et en plus tu t'emmèles les pinceaux avec les guillemets du onmouseover.

Code:

---

1 2 3 4 5 6 7

<area id="afrique" shape="poly" coords="" href="javascript:" onclick="mafonction('Intercontinental','Africa')" onmouseover="document.NOM.src='"C:\eclipse\...\carte_afrique.gif"';" ... </MAP>

---

ERE

C'est vrai pour les guillemets ,je les avais corrigé après mais ça marchait pas tous de même .
pour l'adresse des images j'avais essayé de ne mettre que le nom de l'image mais ça marchait pas ..faut toujours que je mette le path complet !

Citation:

---

Envoyé par foufatoon

C'est vrai pour les guillemets ,je les avais corrigé après mais ça marchait pas tous de même .
pour l'adresse des images j'avais essayé de ne mettre que le nom de l'image mais ça marchait pas ..faut toujours que je mette le path complet !

---

Travaille avec un server web plutôt qu'avec ton système de fichiers.
Et le document.NOM correspond à quoi ?

ERE

Il correspond à l'image associé au MAP

Code:

---

1 2 3

<img id="cartemap" src="C:\eclipse\workspace\ContactMap\WebContent\images\world_map.gif" name="NOM" USEMAP="#cartemap" border="0">

---

Re,

Citation:

---

Il correspond à l'image associé au MAP

---

Dans ce cas:

Code:

---

1 2	document.getElementById("cartemap").src= ...

---

ERE

Merci c'est bon c'est réglé !