Changement de couleur au passage de la souris

**librepierre** · 02/02/2009, 10h22

bjr,

Code :

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

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 :

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

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>

**SpaceFrog** · 02/02/2009, 10h33

mousover => souris au dessus ...
comme tu passes sur l'images Bretagne le mousout de l'area se declenche ...

**librepierre** · 02/02/2009, 10h55

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

**SpaceFrog** · 02/02/2009, 13h31

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

**librepierre** · 02/02/2009, 15h27

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,

**SpaceFrog** · 02/02/2009, 15h32

setTimeout et clearTimeout peuvent t'aider ...

Changement de couleur au passage de la souris

JavaScript

Discussions similaires

Partager

Partager