Aide Menus

c'est assez simple mais cela mérite quand même quelques explications
gestion d'un menu ( avec sous menus qui n'apparaissent que lorsque
        la souris survole la ligne "parente" ou les lignes de même niveau )
Du Style

•——————————•————————————•——————————————•
| Titre  1 | Titre  1 1 | Titre  1 1 1 |
•——————————•————————————•——————————————•————————————————•
                        | Titre  1 1 2 | Titre  1 1 2 1 |
                        •——————————————•————————————————•
                                       | Titre  1 1 2 2 |
           •————————————•——————————————•————————————————•
           | Titre  1 2 | Titre  1 2 1 |
           •————————————•——————————————•
                        | Titre  1 2 2 |
•——————————•————————————•——————————————•
| Titre  2 |  ....                          
•——————————•————————————•

utilise un fichier texte pour mémoriser les informations
                                   des lignes de ce menu
        création/modif avec un editeur de texte (notepad par ex) } voir structure du
                       ou avec MenuCreation.htm                  } fichier ci-dessous

structure du HTM utilisant cette gestion de menu

 <BODY ...                                                                            
                                                                                      
 <script language="JavaScript" src=Menu.js></script>                                  
                                                                                      
 <script language="JavaScript">                                                       
 MenuGenerer("nom du fichier texte où sont mémorisées les infos des lignes du menu"); 
 function MenuClick(NoLigne)                                                          
 {/*      traitements des click sur les lignes
  MenuNiveau[NoLigne]                          = n° Niveau                            
  MenuTitre[NoLigne]                             Titre                                
  MenuParametre[NoLigne]                         pour traitement                      
  MenuImage[NoLigne]                             Image devant Titre                   
  MenuExplication[NoLigne]                       Explications                         
  document.getElementById("MenuLigne"+NoLigne)   dans la page    */
  ....  }                                                                               
 </script>                                                                            
 ...</BODY>

voir en exemple test?.htm et test.txt ci-joints
cliquer sur test.htm
           •———————————•———————————•
           | test2.htm |           |
           •———————————• test1.htm |
test.htm =>| test3.htm |  gére le  |
           •———————————•    menu   |
           | test4.htm |           |
           •———————————•———————————•


structure du fichier Texte décrivant les lignes du menu et exemples


----- toutes les lignes ne commençant pas par ; sont considérées comme des commentaires -----
      format général : ;type paramètre;paramètre n° 1;[ paramètre n° 2;[ paramètre n° 3; ... ]]
paramètres *****
;-1;#ff0000;#ffff00; couleur ligne du menu, texte et fond
;-2;Arial;bold;12;   police, gras ou pas, taille
;-3;#00ff00;#000000; couleur ligne sélectionnée, texte et fond
;-4;#ffffff;         couleur de fond du tableau
lignes du menu *****
format : ;niveau;titre;paramètres pour développeur;image;commentaires quand survol par souris;
;1;titre n° 1;*;
              permet à la fonction MenuClick(1)
              de ne rien faire (c'est un exemple)
;2;sous-titre 1-1;/../Editeur/Edit.hta;<img src='../Editeur/Couleurs.gif'>;explications;
                  permet à la fonction MenuClick(2)
                  de lancer ce programme dans une autre fenêtre (c'est un exemple)
;2;1-2;zone personnelle;;pour test;tout commentaires .....
 | |   |                ||
 | |   |                |commentaires qui apparait lorsque la souris survole cette ligne
 | |   |                pas d'image[s]
 | |   peut être traité par MenuClick(n° ligne = 3 dans ce cas)
 | Titre affiché ( <img .. possibles )
 niveau ( de 1 à ? )
;1;Ligne 2;;<img dynsrc='C:\MES DOCUMENTS\MES IMAGES\GIF\FOU.GIF'>;titre ligne 2
            exemple d'image dynamique
;1;Exemple 3<img src='Rien.gif'>;*;<img src='Rien.gif'>;
            on peut insérer,ajouter des images
;2;sous-titre 3-1;*;
;3;sous-sous-titre 3-1-1;zone personnelle;
;3;3-1-2;zone personnelle;
;2;sous-titre 3-2;zone personnelle;<img src='Rien.gif'>;
;1;Exemple;;<img src='Rien.gif'><img src='../Editeur/Stop.gif'><img src='Rien.gif'>;fin;
            on peut mettre plusieurs images
----- -----



On peut nettement améliorer cette application ( au niveau
   des finitions, présentation, fonctionnalités ... )
Mais je ne suis pas sûr que cela puisse intéresser
  quelqu'un. Si je vois que cela peut rendre service
  à d'aucun, je finirais.
Signalez moi quand même les bugs, les améliorations désirées ...
 Merci.    
Description de MenuCreation
Fond Tableau                    Police à Utiliser 
Lignes du Menu Fond      Texte                   Gras ?    Taille : 
Ligne Sélectionnée Fond  Texte 

cliquer sur les carrés       pour choisir la couleur désirée
pour la police  saisir les paramètres désirés
                ou cliquer sur  pour choisir parmi les polices disponibles

Nv.	Titre	pour Développement	Image	Explication	Commentaires	Modif?

zones de saisies ci-dessus où est affichée la ligne sélectionnée du
fichier de description du menu

|   |  |  |   |  |
|   |  |  |   |  Quitter l'application
|   |  |  |  Ces Explications
|   |  |  Sauvegarde les lignes actuelles vers un nouveau fichier
|   |  Sauvegarde les lignes actuelles dans le fichier ci-dessous
|   affiche le menu tel qu'il sera                     |
charger un fichier décrivant les lignes du menu        V

|   |   |  |  |  |
|   |   |  |  |  la ligne sélectionnée est supprimée
|   |   |  |  la ligne sélectionnée est déplacée vers le haut
|   |   |  la ligne sélectionnée est déplacée vers le bas
|   |   Choisir une image à insérer devant le titre
|   la saisie remplace le ligne sélectionnée
la saisie est insérée devant la ligne sélectionnée

Modif ?

| | | | | | | | | | | commentaires | | | | Explications qui apparaissent | | | | lorsque la souris passe sur ce titre | | | image devant le tire | | à la disposition du développeur | Titre qui sera affiché n° Niveau = colonne
Mises à jour 18 Décembre 2003 ° amélioration des explications Aide.htm ° choix d'une image 16 Décembre 2003 ° contrôle si ligne modifiée avant de perdre ces modif ° contrôle si fichier modifié avant Visualiation et/ou Fin application 15 Décembre 2003 ° 1ère version