| Accueil | table JavaScript | index JavaScript | précédent | suivant |

Exemple - DropDownMenu1 exemple de tables

Voici les tables (fichier France1.js) qui définissent le menu. Elles contiennent une simple liste des titres des sous-menus. Notez que toute erreur de syntaxe dans les tables empêchera le menu de fonctionner.

// tables personnalisables décrivant le menu
var menu=
[
"<a href='../index.php'>Accueil</a>",
"villes",
"fleuves",
"montagnes"
];

// régions de France
var régions=
[
"Bretagne",
"Haute-Normandie",
"Basse-Normandie",
"Pays de la Loire",
"Limousin"
];

// départements de Bretagne
var Bretagne=
[
"Côtes-d'Armor",
"Finistère",
"Ille-et-Vilaine",
"Morbihan"
];

// villes du Finistère
var Finistère=
[
"<a href="javascript:alert('Description d\'Audierne')">Audierne</a>",
"<a href="javascript:alert('Description de Douarnenez')">Douarnenez</a>",
"<a href="javascript:alert('Description de Guilvinec')">Guilvinec</a>",
"<a href="javascript:alert('Description de Concarneau')">Concarneau</a>"
];

// départements de Basse Normandie
var Basse_Normandie=
[
"Calvados",
"Manche",
"Orne"
];

//villes du Calvados
var Calvados=
[
"<a href="javascript:alert('Description de Bénouville')">Bénouville</a>",
"<a href="javascript:alert('Description de Cabourg')">Cabourg</a>",
"<a href="javascript:alert('Description de Caen')">Caen</a>",
"<a href="javascript:alert('Description de Houlgate')">Houlgate</a>",
"<a href="javascript:alert('Description de Livarot')">Livarot</a>"
];

// départements de Haute Normandie
var Haute_Normandie=
[
"Eure",
"Seine-Maritime"
];

// départements des Pays de la Loire
var Pays_de_la_Loire=
[
"Loire-Atlantique",
"Maine-et-Loire",
"Mayenne",
"Sarthe",
"Vendée"
];

// départements du Limousin
var Limousin=
[
"Corrèze",
"Creuse",
"Haute-Vienne"
];

// fleuves de France
var fleuves=
[
"Seine",
"Loire",
"Garonne",
"Rhône"
];

// montagnes de France
var montagnes=
[
"Alpes",
"Pyrénées",
"Massif Central"
];

// sommets des Alpes
var Alpes=
[
"<a href="javascript:alert('Description du Mont Blanc')">Mont Blanc</a>",
"<a href="javascript:alert('Description du Dôme du Goûter')">Dôme du Goûter</a>",
"<a href="javascript:alert('Description des Grandes Jorasses')">Grandes Jorasses</a>",
"<a href="javascript:alert('Description de l\'Aiguille Verte')">Aiguille Verte</a>"
];

// sommets des Pyrénées
var Pyrénées=
[
"<a href="javascript:alert('Description du Pic d\'Aneto')">Pic d'Aneto</a>",
"<a href="javascript:alert('Description du Mont Perdu')">Mont Perdu</a>",
"<a href="javascript:alert('Description du Vignemale')">Vignemale</a>",
"<a href="javascript:alert('Description Pic de Néouvielle')">Pic de Néouvielle</a>"
];




suivant