Discussion :

[picoule]

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,

[Bovino]

Code :

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

onMouseOver="affiche('iceland')" onMouseOut="affiche(efface)"

[picoule]

Merci pour la correction de cette erreur.
Par contre, je n'ai toujours rien qui s'affiche lorsque je passe sur la zone définie?!

[E.Bzz]

Bonjour,
et sans les quotes ?

Code :

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

onMouseOver="affiche(iceland)" onMouseOut="affiche(efface)"

A+

[Bovino]

Code :

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

with (document.carte)

fait référence à ton map, qui ne contient pas d'éléments nom etc.
Change ta méthode pour accéder aux input.

[picoule]

Merci à vous deux pour vos réponses.

Finalement, j'ai enlevé les guillemets et j'ai remplacé document.carte par this.carte et cela semble fonctionner.