création de menu horizontal ou vertical en cascade

All contributions published for previous SPIP versions

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

updated on 15 January 2005

Discussion

16 discussions

  • 1

    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

    • pas la peine de me répondre, j’ai trouvé mon problème: je voulais faire un menu à 3 éléments de premier niveau, et il n’aimait pas... il lui en faut au moins 5... Mais j’ai trouvé où changé pour en mettre que 3... dc c good! merci pour ce menu!! ^^

    Reply to this message

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

    • Didaline

      j’ai pu résoudre mon pbl en recommançant depuis le début...
      mais comment peut on mettre le menu où on veut ? parce que je l’ai placé dans un tableau mais il se place toujours en haut de la page...
      merci

    • Vous trouverez la réponse plus haut dans la réponse au message message 5

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

    Reply to this message

  • 1

    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

    • 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/complement_creation_menu_cascade_v1.1.zip

      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

    Reply to this message

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

    • A priori il semble que le menu a été correctement créé, donc l’erreur ne vient pas de là. Je suggère de vérifier la syntaxe du code que vous avez ajouté dans les fichiers pour faire appel au menu.

    Reply to this message

  • 3
    Edith Burgey

    Je n’arrive pas à mettre en place le menu horizontal.
    Quels modifications dois-je apporter aux fichiers html, php ?
    J’utilise la version spip 1.7
    Merci de votre réponse

    • Placer à la racine du site spip les fichiers :

      menu_com.js, exmplmenu2_var.js

      tridown.gif, trileft.gif

      menu_horiz.php3, menu_horiz_param.php3

      menu_horizont.txt, menu_horiz_debut.txt, menu_horiz_fin.txt,
      menu_horiz_param.txt

      Dans spip officiel, il faut rajouter quelques lignes dans les fichiers :
      sommaire-dist.html, article.html ainsi que dans tous les fichiers .html où l’on veut faire apparaître la barre de menu horizontal. Ces quelques lignes se placent aprés la balise “Body”

      On trouvera ces lignes dans le fichier Mode_emploi_courant.txt. Je ne les reproduit pas ici pour ne pas introduire de caratères parasites.
      Il sagit de javascripts.

      Pour modifier le menu, il faut éditer le fichier menu_horizont.txt puis exécuter le fichier menu_horiz.php3 dans le navigateur en tapant l’adresse : adresse_de_votre_site/menu_horiz.php3
      (exemple : ifocap.free.fr/menu_horiz.php3)

      Même procédure pour modifier les paramètres, mais cette fois on utilise les fichiers : menu_horiz_param.txt et menu_horiz_param.php3

      Tous ces renseignements et d’autres encore se trouvent dans les fichiers : Mode_emploi_courant.txt et Mode_emploi_parametrage.txt

    • Bonjour;
      Je voulais savoir comment on doit faire pour générer les fichiers txt (menu_horiz_fin.txt) dynamiquement, pour qu’à chaque fois qu’on ajoute des rubriques et articles sur spip il les ajoute automatiquement dans le menu horizontal en cascade?
      Ou faut-il ajouter une ligne dans le fichier txt correspondante à une rubrique ou un article manuellement?
      merci pour votre aide

    • Pour l’instant les menus sont mis à jour à la main, mais on ne fait pas cela tous les jours.

      1) Ouvrir la rubrique ou l’article en question dans le navigateur

      2) Faire un copier de l’adresse complète

      3) Il faut ouvrir le fichier menu_horiz_fin.txt dans le bloc-note

      4) Repérer l’endroit où l’on veut placer le nouvel item de menu

      5) écrire la ligne correspondante au nouvel item de menu :
      ex : ++,Aide Rapide,aiderapide.php3
      de la forme : nombre de croix pour le niveau hiérarchique de l’item puis l’intitulé qui apparaîtra puis l’adresse.

      6) Replacer le nouveau fichier à la racine du site spip

      7) Lancer ensuite menu_horiz.php3 dans votre navigateur.
      adresse_de_votre_site/menu_horiz.php3
      c’est fait Je vais envisager d’automatiser d’ici quelques temps.

    Reply to this message

  • 6
    Jean-Paul BERTUOL

    Bonjour,
    Je suis un super-débutant (je travaille sur SPIP depuis hier après-midi, donc soyez indulgent !)
    J’ai réussi à faire apparaître un menu horizontal et un menu vertical, mais pas lesdeux en même temps.
    Donc, j’ai fait une faute, mais laquelle... mystère.
    Merci de vos réponses

    • Le problème pour créer à la fois un menu horizontal et un menu vertical, est qu’on ne peut pas utiliser le même jeu de fichiers pour faire deux choses différentes.

      Cela est néanmoins possible. Grosso modo, il faut générer deux fichiers javascript, un pour chaque menu, et insérer les lignes correspondantes dans les fichiers html.
      Merci pour cette question. J’envisage de faire une description plus précise de ce qu’il faut faire dés que j’aurai le temps.

    • C’est ce que j’ai fait. J’ai créé des fichier “txt” pour le menu vertical.
      J’ai généré les “js”.
      Mais quand je mets les 2 jeux d’instructions dans le “html”, seul le menu du dernier jeu d’insrtuction apparait. Je peux vous envoyer par mail ce que j’ai fait si vous le souhaitez.

    • Je rectifie mon message précédent : aucun menu n’apparait quand je mets les 2 jeux d’instructions dans le “html”

    • Le problème n’est pas simple, car il faut reprendre le contenu de tous les fichiers javascripts et les fichiers php de manière à ce qu’il ny ait pas d’interférence avec le premier jeux de fichiers. Et là il y a du travail. Je vais étudier la question.

    • Jean-Paul BERTUOL

      OK. En attendant je vous remercie de votre patience.

    • J’ai retravaillé les scripts ce week end, et vous trouverez un pack complémentaire de celui que vous avez, à l’adresse internet : ifocapadour.free.fr/zip/ qui devrait vous permettre de créer un second menu en cascade sur une même page web.

      Cependant, le menu vertical n’apparaitra qu’à condition de modifier quelques fichiers de spip.
      J’ai indiqué ces modifications pour une installation spip de base. Si vous utilisez des modèles particuliers, comme biospip il y a un travail similaire à faire pour modifier la structure de présentation des pages.

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom