Discussion :

[Bigoodheart]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[emmanuel.remy]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bigoodheart]

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 !

[emmanuel.remy]

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

[Bigoodheart]

Il correspond à l'image associé au MAP

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[emmanuel.remy]

Re,

Il correspond à l'image associé au MAP

Dans ce cas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ERE

[Bigoodheart]

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