image réactive et affichage d'informations
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:
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:
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:
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,
