Navigation

 

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>

Retour au début