Bonjour,

Mon but est d'avoir une image réactive avec des zones, où lorsqu'on les survole on affiche des informations.

Pour cela : j'ai récupéré des bouts de code ici et là et j'ai fait :

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
<script language="javascript">
efface = new Array("", "", "", "", "", "");
 
iceland = new Array("Iceland", "contact", "adresse 1", "adresse 2", "tel", "email");
 
function affiche(pays) {
	with (document.carte) {
		nom.value = pays[0];
		contact.value = pays[1];
		adresse1.value = pays[2];
		adresse2.value = pays[3];
		tel.value = pays[4];
		email.value = pays[5];
	}
}
</script>
j'ai défini ma zone :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<map name="carte">
  <area shape="rect" coords="4,33,26,53" href="#" onMouseOver="affiche(iceland)" onMouseOut="efface(iceland)">
et j'ai créé un tableau avec les zones à remplir en fonction de la zone survolée :

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
<table width="300" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/CarteEurope207.gif" usemap="#carte" width="207" style="text-decoration:none"></td>
  </tr>
  <tr>
    <td>
	<input type="text" name="nom" id="nom" value=""><br />
	<input type="text" name="contact" value=""><br />
        <input type="text" name="adresse1" value=""><br />
	<input type="text" name="adresse2" value=""><br />
	<input type="text" name="tel" value=""><br />
	<input type="text" name="email" value=""><br />
   </td>
  </tr>
</table>
Mais rien ne s'affiche et je ne vois pas pourquoi ?
Quelqu'un peut-il me dire où est l'erreur ?
Merci,