Accueil > Informatique >  Technos >  

Javascript
        Javascript
Un menu déroulant
    A combo menu


Après avoir beaucoup glané, observé, étudié et décortiqué les différents menus qu'on peut trouver sur le web, j'ai finalement décidé de faire mon menu. Ce n'est certainement pas le meilleur, mais il me plaît bien.
Il a l'avantage d'être hautement configurable (39 points de configuration) et la définition des éléments du menu se fait très intuitivement. Le développement d'une interface de génération du menu s'en trouverait de ce fait facilité (une prochaine version ?).
L'ensemble des éléments de configuration est très commenté ; de ce fait, il n'y a pas grand chose à ajouter. La définition des menus est faite de façon simple à l'aide de variable : item0, item1, ... pour les racines des menus, item0_0, item0_1, ... pour les sous-menus du menu item0, et url0_0, url0_1, ... pour les URL associées.
La version actuelle demande encore quelques améliorations :
    - le menu est obligatoirement positionné en références absolues dans la page ; on ne peut pas simplement positionner le menu en insérant le Javascript là où l'on voudrait obtenir le menu. Cette possibilité devrait être configurable.
    - il n'est pas possible d'insérer plusieurs dans une même page ; il faut donc pouvoir définir un identifiant pour chaque menu et affecter les points de configuration à un menu en particulier.
    - le menu est forcément horizontal avec les sous-menus verticaux ; une évolution serait donc de permettre que le menu puisse être horizontal ou vertical, et que les sous-menus soient verticaux ou horizontaux quelle que soit la configuration du menu racine.
La seule chose à faire pour insérer ce menu dans votre page est d'inclure le code suivant dans le corps de votre page web (entre les balises <body></body>) :

					 
  <SCRIPT LANGUAGE="JavaScript" SRC="dynmenu.js"></SCRIPT>
Vous ci-dessous une archive ZIP contenant le fichier Javascript (.js) et un fichier HTML qui montre comment l'utiliser :

dynmenu.zip

Retour au sommaire Javascript  

 

© Jc Charvy / jc.charvy@charvy.fr.st
http://www.charvy.fr.st/