SPIP - Contrib

[ar] [en] [es] [fr] [it]



Accueil du site > Navigation > Menus déroulants > Archives Menus

création de menu horizontal ou vertical en cascade

samedi 15 janvier 2005, par ittoluc. Dernier ajout samedi 15 janvier 2005



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

capture_barre_menu_1 capture_barre_menu_2 capture_barre_menu_3

Documents joints


Répondre à cet article

  • création de menu horizontal ou vertical en cascade

    20 mars 2008 14:56, par 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

    Retour au début des forums

  • 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

    Répondre à ce message

    • 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

    Retour au début des forums

  • 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

    Répondre à ce message

    • 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

    Retour au début des forums

  • 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

    Retour au début des forums

  • création de menu horizontal : affichage des accents

    21 novembre 2007 11:25, par ptossavi

    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

    Répondre à ce message

    Retour au début des forums

  • 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

    Répondre à ce message

    • 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

    Retour au début des forums

  • 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 !

    Répondre à ce message

    Retour au début des forums

  • 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

    Répondre à ce message

    • 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

    Retour au début des forums

  • Bonjour tout le monde,

    J’avais une petite question : je viens d’intégrer ce menu horizontal dans mon site spip : sous mozilla, pas de pb, il marche tres bien. Par contre, dans IE, aucun affichage... :s Est-ce normal, y a-t-il une option spéciale à mettre dans IE ou ce script ne marche pas sous le navigateur de Microsoft...

    Merci d’avance pour vos réponses..

    Dudu

    Répondre à ce message

    Retour au début des forums

  • > création de menu horizontal ou vertical en cascade

    21 mars 2005 14:33, par Didaline

    Bonjour, j’ai essayé d’introduire le menu horizontal dans ma page html, mais il ne s’affiche pas du tout (il n’y a rien...) pourtant j’ai fait tout ce qui est demandé et j’ai activé les pages php3 pour "créer" le menu. Avez-vous des solutions ? j’utilise spip 1.7 Merci bien

    Répondre à ce message

    Retour au début des forums

  • Bonjour, Je souhaiterais ajouter deux onglets au menu (soit 7 au total), est-ce possible ? D’autre part, le menu se place toujours dans le haut de la page, alors que j’ai créé un tableau et que je dois mettre des informations avant le menu. Comment faire pour qu’il reste à sa place ?

    Merci d’avance

    Répondre à ce message

    • Il est possible de créer de nouveaux onglets. Pour un menu vertical cela ne pose aucun problème. Par contre pour un menu horizontal la limitation en largeur oblige à réduire la largeur des items de menus ce qui est possible mais pas simple car il faut modifier les programmes php3 en conséquence.

      Les modifications de la structure d’un menu se font : dans menu_horiz_param.txt pour un menu horizontal (puis on éxécute menu_horiz_param.php3 sur le site) ; dans menu_cascade_param.txt pour un menu vertical (puis on éxécute menu menu_cascade_param.php3) Vous pouvez récupérer le zip menu vertical sur :

      http://ifocapadour.free.fr/zip/comp...

      Pour la seconde question (positionnement du menu) il faut modifier les paramètres StartTop et StartLeft :

      // Menu offset x coordinate // Position par rapport au bord supérieur de la fenêtre var StartTop=0 ;

      // Menu offset y coordinate // Position par rapport au bord gauche de la fenêtre var StartLeft=0 ;

      du fichier menu_horiz_param.txt ou du fichier menu_cascade_param.txt selon le menu puis éxécuter le fichier .php3 correspondant (voir ci dessus)

      Cordialement

      Répondre à ce message

    Retour au début des forums

  • > création de menu horizontal ou vertical en cascade

    10 mars 2005 19:12, par Mattgu74

    Bonjour Est-il normale que apre un certain nombre de menu internet explorer me dit erreur sur la page et que le menu ne s’affiche pas par contre l’autre fichier me dit que le menu a ete correctement creer ??? Je n’y comprend rien aidez moi !! Merci

    Répondre à ce message

    Retour au début des forums

0 | 25



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib | SPIP | L'autre.net