Changement de couleur au passage de la souris

Version imprimable

bjr,

Code:

1
2
<map name="MapFrance">  carte de france
<img src='a.gif' id='Bretagne'  département sans fond découper et rogner

avec photoshop
le problème est que le href ne marche pas, et que lorsque je passe la souris sur la bretagne la couleur n'arrête pas de changer quand je bouge la souris ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
 
<img src='a.gif' id='Bretagne' 
style="display:none;position:absolute;top:229px;left:32px;" /> 
 
 
<img src='carteregion.JPG' border=0 usemap='#MapFrance'>
 
 
<map name="MapFrance"> 
 
                                        <area shape="poly" 
        onmouseover="document.getElementById('Bretagne').style.display='inline';"  onmouseout="document.getElementById('Bretagne').style.display='none';" 
	coords="42,245,53,259,74,268,95,286,114,281,134,273,148,261,166,255,187,254,195,237,194,219,193,206,169,199,159,190,136,191,112,190,101,175,75,179,48,185,28,189,5,185,2,204,9,227" href="bretagne.html" alt="Bretagne"  ></area>
 
</map>
</body>

02/02/2009, 10h33
SpaceFrog

mousover => souris au dessus ...
comme tu passes sur l'images Bretagne le mousout de l'area se declenche ...
02/02/2009, 10h55
librepierre

merci pour la réponse, effectivement cela se comprend, mais comment faire alors pour que l'image reste sur la bretagne et quand je clique dessus une autre page s'ouvre et quand je quitte la bretagne l'image redevient normale, c'est à dire sur la map "mapfrance"
cordialement
02/02/2009, 13h31
SpaceFrog

regarde du coté de cancelBubble et stopPropagation et eventuellement un flag poru savoir sur quel elemetn tu te trouves suivi d'un test sur le flag
02/02/2009, 15h27
librepierre

OK, pas trés bien compris car novice en langage javascript

peut être plus simple
peut t'on retarder les mouseout de quelques secondes et les annuler si
il y a un mouseover rapproché.

cela peut t'il marcher dans mon cas ? voir le problème plus haut !

et si ce forum n'est pas pour les novice dite le moi !!!!

cordialement,
02/02/2009, 15h32
SpaceFrog

setTimeout et clearTimeout peuvent t'aider ...