MENU DEROULANT

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : insérez un menu déroulant où il suffit de cliquer sur l'option de direction sans passer par un bouton OK.

Exemple :

Les trucs et astuces employés dans ce site.  

Mise en oeuvre :

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT MENU DEROULANT-->
<p><form NAME="menu">
<div align="center"><center><p>
Menu déroulant  <select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE="http://www.mon_site.com/page1.htm">-   Faites votre choix   -</option>
<option VALUE="http://www.mon_site.com/page2.htm">-  Commentaire</option>
<option VALUE="http://www.mon_site.com/page3.htm">-  Commentaire</option>
<option VALUE="http://www.mon_site.com/page4.htm">-  Commentaire</option>
<option VALUE="http://www.mon_site.com/repertoire1/page9.htm">-  Commentaire</option>
</select> </p>
</center></div>
</form>
<script>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</script>
</p>
<!-- FIN DU SCRIPT MENU DEROULANT-->

Remarque :
- L'option nulle (Faites votre choix) reprendra l'URL de la page où se trouve ce menu déroulant.
- Reportez-vous à Générateur de menu déroulant pour complément d'information à cette page.
- Vous pouvez sélectionner un élément en particulier afin qu'il soit le premier visible dans la fenêtre en ajoutant "selected"   dans le champ <option>. Exemple : <option selected>

Voir aussi : Menu déroulant avec ouverture dans une nouvelle fenêtre.

Retour

Copyright www.toulouse-renaissance.net ©