Menu Déroulant, outils pour créer le code d'un menu déroulant

Script pour utiliser un menu déroulant

Voici le résultat que vous allez obtenir :

Commentaires et explications :

Remplacer les URL's http://www.mon_site.com/pageX.html par les URL's appropriées.

Modifier les titres Choix n°X par vos rubriques.

Copier et coller le code entre les balises <body> et </body>

<p><form name="menu">
<div align="center">Le texte qui précède le menu déroulant
<select name="popup"
onChange="change_site();" style="background-color:#F0F0F0; color:#000000" size="1">
<option value="http://www.mon_site.com/page0.html">-   Faites votre choix   -</option>
<option value="http://www.mon_site.com/page1.html">-  Choix n°1</option>
<option value="http://www.mon_site.com/page2.html">-  Choix n°2</option>
<option value="http://www.mon_site.com/page3.html">-  Choix n°3</option>
<option value="http://www.mon_site.com/page4.html">-  Choix n°4</option>
<option value="http://www.mon_site.com/repertoire/page5.html">-  Choix n°5</option>
</select>
</div>
</form>
</p>
<script>
function change_site()
{
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</script>