Créer un menu vertical déroulant orienteur

Un menu déroulant extrêmement simple à réaliser en javascript

Tout en Confiance Les Premiers Pas en Confiance

Vous collez les 2 pavés à la suite, tels quels, en html.

<script language="JavaScript">
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}</script>

<form name="form1">
<div align="center">
<select name="menu" onChange="menuderoulant(this)">
<option value="#">menu</option>
<option value="menu1.htm">Page 1</option>
<option value="menu2.htm">Page 2</option>
</select>
</div>
</form>

Toujours en html, vous complétez :

menu est le titre du menu déroulant
menu1.htm est l'adresse de la Page 1

Si vous avez plusieurs adresses, vous faîtes un copier/coller de la ligne

<option value="menu1.htm">Page 1</option>

que vous rajoutez après

<option value="menu2.htm">Page 2</option>

Pour changer sa couleur de fond, la police et la couleur d'écriture, j'ai rajouté ce qui est en rouge :

<div align="center"><select style="COLOR: beige; BACKGROUND-COLOR: #330033";font-family: Comic Sans MS; onchange="menuderoulant(this)"name="menu">