Discussion :

[ced-46]

Bonjour,

J'ai trés peu de connaissances en code HTML.

Je cherche un code permettant d'afficher une nouvelle image lors du survol de la souris sur une zone. En fait il s'agit d'une carte de france divisée en région avec une région qui change de couleur lors du survol de la souris et qui renvoit vers une autre page lors du clic sur cette région.

J'utilise ce code qui fonctionne parfaitement sur dreamweaver mais une fois dans IE lors du survol de la souris l'image disparait :

Code :

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

1
2
3
4
5
6
 <img src="http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png"
 usemap="#map" name="img" border="0">
<map name="map">
<area
 shape="poly" coords="175,261,180,259,183,263,187,263,190,263,195,269,195,272,202,274,208,269,214,265,218,271,218,277,221,288,224,294,230,299,230,303,226,309,222,313,219,313,218,319,208,319,207,323,205,327,201,328,190,328,184,327,180,331,180,334,183,340,186,343,183,348,182,351,182,354,188,354,191,356,185,359,180,360,177,360,171,357,167,356,162,353,154,351,153,349,147,347,142,352,134,353,127,350,118,347,115,344,118,339,121,334,124,328,127,323,125,317,123,314,121,311,122,303,130,299,137,297,148,297,156,292,157,285,160,279,167,272,171,264"
 href="http:.../garage-midi-pyrenees-f51/" alt="Garage Midipyrenees" target"_self" onmouseover=document.img.src='"http://i14.servimg.com/u/f14/11/74/57/55/carte_16.png"'; onmouseout=document.img.src='"http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png"'>

Je doit avoir une erreur quelque part ....

Merci d'avance pour votre aide.

[sebhm]

bonjour,

essaie deja ceci :

Code :

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

1
2
3
4
5
6
<img src="http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png"
usemap="#map" name="img" border="0" id="mon_image">
<map name="map">
<area
shape="poly" coords="175,261,180,259,183,263,187,263,190,263,195,269,195,272,202,274,208,269,214,265,218,271,218,277,221,288,224,294,230,299,230,303,226,309,222,313,219,313,218,319,208,319,207,323,205,327,201,328,190,328,184,327,180,331,180,334,183,340,186,343,183,348,182,351,182,354,188,354,191,356,185,359,180,360,177,360,171,357,167,356,162,353,154,351,153,349,147,347,142,352,134,353,127,350,118,347,115,344,118,339,121,334,124,328,127,323,125,317,123,314,121,311,122,303,130,299,137,297,148,297,156,292,157,285,160,279,167,272,171,264"
href="http:.../garage-midi-pyrenees-f51/" alt="Garage Midipyrenees" target"_self" onmouseover="document.getElementById('mon_image').src='http://i14.servimg.com/u/f14/11/74/57/55/carte_16.png'" onmouseout="document.getElementById('mon_image').src='http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png'">

ajout d'un ID à l'image afin d'utiliser la fonction getElementById et modif de la syntaxe javascript

[ced-46]

Bonjour,

Que dire à part, merci beaucoup beaucoup pour ce coup de pouce qui m'évite de perdre beaucoup de temps .

Le code marche à merveille

Encore merci de ton aide.