Il faut copier dans la source de la page, entre <head...> et</head >, le texte suivant par un "copier coller" :
<header>
<script language="JAVASCRIPT">
TelephonesSudest=new Array("sud-est : 04",
"0494 896532 lui ",
"0494 789562 moi ",
"0494 657845 toi ",
"0494 456213 eux ",
"0494 459635 elle ",
"0494 259876 ? ",
"0494 758632 paul ");
TelephonesParis=new Array("Paris : 01",
"0158 896532 jean ",
"0136 449562 un tel ",
"0189 657845 toi ",
"0158 758632 ? ");
ToutVider=Array('Sélectionnez une région SVP');
function AfficheTelephones(ListeTelephonesLocaux)
{
document.forms[0].numero.value="";
resultat="";
document.forms[0].Forme.value=ListeTelephonesLocaux[0];
for (i=1; i<ListeTelephonesLocaux.length; i++)
{
resultat=resultat+ListeTelephonesLocaux[i]+'\n';
}
document.forms[0].numero.value=resultat;
}
</script>
</header>
Puis recopier dans la source
de la page, entre <body...> et</body >
pour l'image mappée et le formulaire
<table>
<tr>
<!Row 1>
<td width="49%"><img src="FRANCE.GIF" border="0"
usemap="#France" width="200" height="200">
<map name="France">
<!--sud-est--> <area
shape="POLY"
coords="120,97,108,104,112,127,100,137,108,143,116,135,124,161,95,173,95,194,120,194,116,178,137,169,171,181,179,174,193,197,199,197,196,162,180,148,175,133,182,129,177,108,153,105,135,110"
href="" onmouseover="AfficheTelephones(TelephonesSudest)"
onmouseout="AfficheTelephones(ToutVider)">
<!--Paris--> <area
shape="POLY" coords="99,42,98,53,115,66,128,56,120,43" href=""
onmouseover="AfficheTelephones(TelephonesParis)"
onmouseout="AfficheTelephones(ToutVider)">
</map> </td>
<td width="49%">Liste des numéros de
téléphones par régions <br>
(Sud-est et Paris seuls actifs...) <form name="region">
<p><input name="Forme" size="25"> <br>
<textarea name="numero" rows="15" cols="20">
</textarea> </p>
</form>
</td>
</tr>
</table>