création de menu horizontal ou vertical en cascade

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Présentation

Ce programme permet à un utilisateur, sans connaissance particulière de créer un barre de menu horizontal ou vertical en cascade.

Il est possible de modifier trés simplement et à volonté les menus en cascade, le style (couleurs, fonts, dimensions, position... etc) de cette barre de menu.

Le nombre de menus et sous menus en profondeur n’est pas limité. (de 1 à des milliers ).

Utilisation

A télécharger : « creation_menu_cascade_v1.1.zip »
Placer tous les fichiers à la racine de votre site spip (sauf les fichiers « Mode_emploi.... » et « a_rajouter_dans_html.doc »).

Pour la modification des menus en cascade :
Editer le fichier : « menu_horizont.txt » , dans un traitement de texte ordinnaire.
Chaque ligne contient trois champs :
- un niveau de menu (+ pour niveau 1 , ++ pour niveau 2 etc).
- Un intitulé qui apparaît à l’affichage
- Une adresse web
- exemple : ++,Aide Rapide,aiderapide.php3

Ce fichier texte décrivant le menu va servir à fabriquer par programme, le fichier « menu_horiz_fin.txt » correspondant à la traduction de menu_horizont.txt en javascript.

Ensuite, les fichiers : « menu_horiz_debut.txt (fourni) » et « menu_horiz_fin.txt » vont servir à fabriquer le fichier « exmplmenu2_var.js » correspondant au nouveau menu en javascript.

il suffit ensuite pour finir d’éxécuter dans votre navigateur favori le fichier : « menu_horiz.php3 » (chemin_spip/menu_horiz.php3) .

La modification des paramètres du menu se fait en éditant le fichier texte « menu_horiz_param.txt » autodocumenté, et en lançant le programme « menu_horiz_param.php3 ». (toujours à la racine du site)

Ajouts nécessaires :
Pour que le nouveau menu soit visible dans vos pages, il y a quelques lignes à ajouter, une fois pour toute, dans le ou les fichiers .html où l’on souhaite avoir une barre de menu (pour appeler le programme javascript qui va créer la barre de menu). Voir comment dans : « a_rajouter_dans_html.doc »

Un premier exemple de menu peut être vu sur un site en construction : ifocapadour

Portfolio

Dernière modification de cette page le 15 janvier 2005

Discussion

16 discussions

  • 1

    bonjours je suis calonges.jevoudrais creer le menu. je suis un future informaticient,donc que dois je faire ?

    • suivre les instructions du mode d’emploi.
      Bonne chance
      Itoluc

    Répondre à ce message

  • bonjour,
    en fait j’ ai des sous menus verticaux.Comment les faire passer en horizontal ?Merci

    Répondre à ce message

  • LISANGA

    Merci pour ce bon menu qui donne envie.

    J’ai la version 1.9.2d et j’ai essayé de l’installer et nada, rien...
    J’ai le message d’erreur :

    Erreur(s) dans le squelette
    #INSERT_HEAD, Double occurrence

    J’a pourtant dans le head intégré dans le body de entete.html du dist ce code :

    <script type='text/javascript'>

    //HV Menu- by Ger Versluis (http://www.burmees.nl/)
    //Submitted to Dynamic Drive (http://www.dynamicdrive.com)
    //Visit http://www.dynamicdrive.com for this script and more

    function Go(){return}

    </script>
    <script type='text/javascript' src='exmplmenu2_var.js'></script><script type='text/javascript' src='menu_com.js'></script>

    Ensuite comme prévu dans le sommaire.html dist avant ou dans le body ce code..

    <script type='text/javascript'>
    function Go(){return}
    </script>
    <script type='text/javascript' src='exmplmenu2_var.js'></script><script type='text/javascript' src='menu_com.js'></script>

    Mais rien. Je n’pas touché aux fichiers après les avoir installés dans mon squelette racine...
    Que puis-je faire ?
    Merci d’avance...

    Répondre à ce message

  • 1

    Merci pour ce travail super bien foutu.

    Ptite question certainement un peu bête :
    peut-on integrer ce systeme de menus dans un site qui n’a rien a voir avec spip ?

    Ca doit surement pas être prévu pour ça, mais ça m’arrangerait lol

    Merci d’avance

    • Le programme final est en javascript. C’est ce programme qui est untilisé pour créer le menu sur le site.

      Ce qui permet de fabriquer le programme final est en php. Il doit fonctionner avec un interpréteur php, soit en local (easysphp, wamp sur windows où mamp sur mac) soit sur le site distant du FAI.

      Il n’y a donc aucun inconvénient à faire fonctionner ces programmes où l’on veut.

    Répondre à ce message

  • 1

    Bonjour,

    Vraiment bravo pour votre travail, j’ai intégré votre menu sur notre site familial.

    J’ai un problème, je l’utilise en menu horizontal, et lorsque dans un sous menu, ou dans un sous sous menu, j’ai plus de 9 entrées, les suivantes ne sont pas affichés.

    Elles existent belle et bien dans exmplmenu2_var.js, mais ni sous firefox, ni sous IE, les autres entrées ne sont affichées.

    En fait j’ai remarqué que dès qu’on passe à un numéro de menu à plus de 1 chiffre (ex : « Menu2_1_2_12=new Array( » Mon Douzième Mois« , » 12mois.php« , »« ,0,20,150) ; »), les suivants ne sont plus pris en compte.

    Avez vous une idée d’ou pourrait venir le soucis ??

    Merci
    Phil

    • Meme probleme, suis limité à 9 sous-menus par menu !

      Quelqu’un a-t-il une solution à cette épineux probleme ?

      Merci d’avance si quelqu’un a une réponse car je voudrais mettre ce menu dans mon site consacré à mon travail photo et certaines catégories contiennent deja plus de 60 entrées (reportages) et devraient depasser les 100 à terme.

      Donc si on ne peut mettre que 9 entrées, je n’ai plus qu’a chercher une autre solution...
      ca serait dommage car à par ce probleme, celle-ci me convient parfaitement :)

    Répondre à ce message

  • Bonjour et merci pour tout... après de nombreuses recherches, c’est la meilleur solution que j’ai trouvé pour créer les menus de mon site.

    En tant que graphiste qui aime bien se prendre la tete, je voudrais ajouter des images en background dans chaque « case » pour faire plus joulie...
    Est-ce possible ou « I had a dream » ???

    Merci encore à tous,
    Guyom

    Répondre à ce message

  • 3

    Bonjour,

    Félicitations pour cette contribution. Je l’ai utilisée sur www.lacaheme.com et ça marche !

    Seulement, lorsque j’ai tenté de mettre des accents (par exemple Développement), le caractère concerné est remplacé par un symbole incompréhensible faisant penser à une incompatibilité entre l’encodage du site et celui par défaut du navigateur.

    Comment s’en sortir.

    Merci

    Patrice TOSSAVI
    www.tossavi.net

    • Complément d’informations :

      En fait, comme recommandé, mon site (SPIP bien évidemment) utilise l’encodage utf-8 et quand sur Firefox, j’affiche la page en iso-8859-1, les accents s’affichent dans les menus et le texte devient très peu lisible (situation inverse).

      Merci

    • J’ai toujours enregistré le fichier texte qui contient les items de menu en utf8 mais en ansi, et je n’ai jamais eu de problème.

    • Une erreur s’est glissée dans le message précédant, il faut lire :
      J’ai toujours enregistré le fichier texte qui contient les items de menu en ansi, et je n’ai jamais eu de problème.

    Répondre à ce message

  • 1

    Bonjour

    Quelle est la commande pour diminuer la longueur des menus horizontaux et sous menus horizontaux et aussi pour que les sous menus ne debordent pas sur la droite

    Merci d’avance

    Laurent

    • Bonjour

      Je me reponds a moi-même :-)
      Il suffit de rechercher ces lignes là dans le fichier menu_horiz.php3 ....

      if ($v_niv == 1)
      $tab_ind[$lig][2] = « ,20,100 » ;

      else
      $tab_ind[$lig][2] = « ,20,100 » ;

      $lig++ ;

      le premier chiffre est la hauteur de la cellule, le deuxieme chiffre est la longueur, donc il suffit que les deux chiffres (dans l’exemple 100) soit identiques pour avoir des sous menus identiques au niveau tailles que le menu du haut

      Bien sur, ne pas oublier de recharger le fichier menu_horiz.php3 pour que les modifications soient prises en compte.

      Laurent

    Répondre à ce message

  • 2

    Bonjour,

    Merci pour cette superbe contrib. Elle est vraiment excellente et je la conseille à tout le monde.

    Je souhaiterais faire en sorte que le menu horizontal fasse toute la page de mon site. Je n’ai pas trouvé à quel endroit il était possible de modifier ce paramètre. Serait-il possible de me l’indiquer ? Merci !

    • Pour faire varier la largeur du menu horizontal, il faut modifier le fichier menu_horiz.php3 :

      repérer les lignes :

      $tab_ind[$lig][1] = $v_niv ;

      if ($v_niv == 1)

      $tab_ind[$lig][2] = « ,20,138 » ;

      Modifier 138 en ce que vous voulez en tenant compte de la largeur de la page web (en général 800 au total).

    • Merci beaucoup pour cette réponse rapide.

      Je me demandais également à quel endroit il était possible de diminuer la taille des cellules du menu horizontal.

    Répondre à ce message

  • 1

    bonjour tous le monde

    je vien d’integrer cette magnifique contribution sur mon site, mais je voulais savoir si c’est possible d’avoir une couleur differente pour chaque itme du menu et si c’est possible pouvez vous m’indiquer comment le faire svp .

    merci d’avance

    • Les couleurs peuvent être modifiées dans le fichier menu_horiz_param.txt (éxécuter ensuite menu_horiz_param.php3 ). Se reporter aux paramètres signalés par « // Background color .... » , « // Font color ... » et « // Border color.. »
      Par contre il n’est pas prévu pour l’instant d’attribuer une couleur pour chaque item.

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom