SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 100 visiteurs en ce moment

Accueil du site > Navigation > Menus contextuels > Une arborescence dynamique et contextuelle (le retour)

Une arborescence dynamique et contextuelle (le retour)

21 avril 2004 – par quentic – 41 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

2
2
2
2
2
1 vote

L’idée de cette contribution est d’apporter une alternative légère et maintenable au menu contextuel Une arborescence dynamique et contextuelle L’apparence du menu reproduit celle de la contribution ci-dessus mais peut être facilement modifiée par la feuille de style.

On cherche à éviter le code complexe mélangeant HTML, PHP et balises SPIP et à limiter le travail du serveur par :
-  un squelette de menu HTML (boucle SPIP générant du HTML + boucle SPIP générant une liste JavaScript de rubriques)
-  sur le navigateur du visiteur, un code JavaScript parcourt le menu et applique les classes CSS adéquates (en se basant sur le tableau JavaScript) pour gérer l’apparence du menu.

L’apparence est gérée par feuille de style CSS.

On utilise les fichiers suivants :

  • menu.html/menu.php3 = squelette du menu
  • menu.css = feuille de style pour mettre en forme le menu
  • menu.js = code JavaScript pour le marquage des éléments du menu (application des classes CSS)
  • dhtml.js = pour améliorer la portabilité multi-navigateurs

Pour utiliser ce menu :

  1. décompressez le fichier .zip à la racine du site,
  2. dans le squelette de rubrique ou d’article ou vous souhaitez inclure ce menu, placez la directive suivante : <INCLURE(menu.php3){id_rubrique}>

Compatibilité

PlateformeNavigateurFonctionneNe fonctionne pas
Windows Internet Explorer 6.0 .
Windows Firebird 0.7 .
Linux Mozilla  ? .
Zip - 2.8 ko
menu dynamique
Retour en haut de la page

Vos commentaires

  • Le 23 mars 2007 à 13:32, par JLuc En réponse à : Une arborescence dynamique et contextuelle (le retour)

    Voir aussi le menu cousin mais plus récent et adapté à la 1.9.2 :
    http://www.spip-contrib.net/Menu-de...

    Répondre à ce message

  • Le 5 août 2006 à 19:27, par fulvio En réponse à : Une arborescence dynamique et contextuelle (le retour)

    Une adaptation pour la 1.9 est prévue ?

    Répondre à ce message

  • Le 30 juillet 2006 à 18:53, par dsimond En réponse à : SPIP 1.9

    Bonjour,

    Lorsque j’utilise votre menu sur SPIP 1.9, j’obtient le message suivant :

    Parse error : syntax error, unexpected ’<’ in /home/www/c93327793a2623a24b69a17bc17708f7/web/spip/ecrire/public.php(24) : eval()’d code on line 29

    Merci d’avance !

    Répondre à ce message

  • Le 15 juillet 2005 à 17:01, par dd En réponse à : > Une arborescence dynamique et contextuelle (uniquement les rubriques ?)

    Bonjour,
    Je n’arrive à rien même en lisant la doc PDF. Les articles ne s’affichent pas (pourtant dans le site de démo EDF ça fonctionne), et les pupuces restent en position pliées.
    Je n’ai pas bien compris s’il fallait dupliquer tout le dossier ecrire/img_pack : la doc dit que oui mais la css semble faire référence au dossier par défaut (ecrire).
    Merci !

    Répondre à ce message

  • Le 21 juin 2005 à 14:20, par ? En réponse à : Sous-rubrique et hiérarchie

    Menu très intéressant, mais les sous-rubriques de s’affichent pas.
    Aussi, est-ce que je dois numéroter mes rubriques d’une façon particulière ?

    Stephane

    • Le 28 juin 2005 à 12:02, par Christian En réponse à : > Sous-rubrique et hiérarchie

      Non a priori tu peux numéroter tes rubriques comme tu veux. Attention, si tu regardes dans l’historique des discussions, tu verras qu’il existe une version avec secteur de langue (pour site multilingue) et une autre sans.

      Ton pb vient peut-être de là.

      A+

    Répondre à ce message

  • Le 11 mai 2005 à 14:58, par Christian Quentin En réponse à : > Une arborescence dynamique et contextuelle (le retour)

    Enfin un premier jus de manuel sur ce menu contextuel.

    Bonne lecture !

    Répondre à ce message

  • Le 13 juillet 2004 à 21:48, par jfc En réponse à : > Une arborescence dynamique et contextuelle (le retour) pour débutant

    Voila ma contribution :

    Pour un squellette par default SPIP

    dans les 3 fichiers :

    -  article-dist.html

    -  rubrique-dist.html

    -  sommaire-dist.html

    modifier le paragraphe :

    <!-- Menu de navigation rubriques -->

    mettre le code suivant :

    <!-- Menu de navigation rubriques -->
     <B_rubriques>
     <div class="menu">
       <ul class="rubriques">
         <INCLURE(menu.php3){id_rubrique}>
       </ul>
     </div>
     </B_rubriques>

    Dans le style habillage.ccs, sur le style rubrique

    Virer l’aligement centrer ne rien mettre ou a gauche.

    Comment ajouter les articles à ce menu ?

    Répondre à ce message

  • Le 27 avril 2004 à 23:25, par paolo En réponse à : > Une arborescence dynamique et contextuelle (le retour)

    Ce petit menu semble très bien. Est-ce qu’il serait possible d’avoir plus de doc sur comment l’adapter ? Par exemple, je souhaite le placer sur une page d’article et faire que le « sommet » du menu se trouve, non pas à la racine, mais au troisième niveau :

    racine = langues (fr/en/es ... etc.)

    2ème niv. = « grandes » rubriques

    3ème niv. = sous-rubriques <— "sommet" du menu

    merci ! Paolo

    • Le 28 avril 2004 à 09:57, par Mattt En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      J’utilise aussi ce menu et j’ai également le même problème que toi, à savoir que :
      -  niveau 1 = rubriques principales
      -  niveau 2 = sous-rubriques

      Or je souhaiterai n’afficher que le menu à partir du niveau 2 puisque j’ai déjà un menu horizontal contenant les rubriques principales.

      En mettant comme critère id_parent au lieu de id_racine ( id_parent=0) cela fonctionne mais dès que je descend dans l’arborscence le menu n’affiche plus rien ...

      Si quelqu’un avait la solution à notre problème ce serait vraiment sympa , merci ;)

    • Le 28 avril 2004 à 17:35, par fulvio En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      Même problème pour tout le monde je pense...
      Il faudrait que la base soit le deuxième niveau et non pas
      la racine...

    • Le 3 mai 2004 à 16:31, par Ayu En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      J’ai eu le même prob et j’ai finalement trouvé une solution très simple : il suffit de sélectionner le niveau voulu grâce à la boucle hiérarchie comme ceci :



      #TITRE

      #TITRE


      Testé et approuvé !

    • Le 3 mai 2004 à 16:45, par Ayu En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      Tiens on sait pas mettre du code spip ds les messages ?

      Bon alors voyez ici.

    • Le 6 mai 2004 à 00:35, par quentic En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      La première version affichait les rubriques dès la racine. Pas très adapté aux sites multilingues avec une langue par secteur.
      Voici une version légèrement modifiée qui n’affiche que les rubriques qui se trouvent dans le même secteur que la rubrique en cours d’affichage.

    • Le 10 mai 2005 à 10:05, par ? En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      Bonjour, peux-tu me dire pas à pas (en ne lésinant pas sur les précisions en imaginant s’adresser à un débutant), comment je dois m’y prendre pour utiliser ce squelette. J’ai bidouillé mais je n’y suis pas arrivé.Merci.

    Répondre à ce message

  • Le 5 mai 2004 à 12:22, par FBO En réponse à : > Une arborescence dynamique et contextuelle (le retour)

    problème : l’arborescence ne fonctionne pas et j’ai un message d’erreur ligne 25 : objet requis manquant...

    • Le 6 mai 2004 à 00:37, par quentic En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      Quel est ton environnement (navigateur, OS) ?

    • Le 25 mai 2004 à 11:46, par ? En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      j’ai la meme erreur

      avec easyphp 1.7 windows 2000 sp4 et ie6

      ligne :25
      caract : 3
      erreur : objets requis

      c’est tout en bas dans ie

    • Le 1er juin 2004 à 17:22, par Herman En réponse à : > Une arborescence dynamique et contextuelle (le retour)

      Même problème pour moi, que ce soit sous IE 6 (erreur javascript) ou Mozilla 1.6 (Windows 2000 Pro SP4 + Wamp + Spip 1.7.2)... Hélas :-(

    • Le 14 mars 2005 à 14:47, par AxSatolyan En réponse à : > > Une arborescence dynamique et contextuelle (le retour)

      J’ai le même problème, et je pense en avoir trouvé l’origine :

      Le script plante lorsqu’on a une rubrique vide.

      D’après ce que j’ai pu voir, le script génère tout d’abord une suite de balises ’ul’ et ’li’ en se basant sur les rubriques non vides. (Les balises ont alors pour id « li1 », « li2 », etc.)

      Ensuite, il génère une liste de numéros de rubriques, mais il prend alors en compte les rubriques vides.

      Enfin, il essaye d’accéder aux ’li’ correspondant aux numéros trouvés précedement, et ça donne une erreur car il ne peut pas trouver de balise correspondant aux rubriques vides.

      J’ai pu corriger le problème en enlevant le critère « tout » de la boucle « BOUCLE_arbre » à ligne 27 de menu.html, à savoir :

      var listeRubriques = [<BOUCLE_arbre(RUBRIQUES){tout}{", "}>#ID_RUBRIQUE</BOUCLE_arbre>];<code>

      remplacé par :

      <code>var listeRubriques = [<BOUCLE_arbre(RUBRIQUES){", "}>#ID_RUBRIQUE</BOUCLE_arbre>];

      Ca marche, mais je n’ai pas assez de recul pour vous assurer que ça ne va pas apporter d’autre problème.

    Répondre à ce message

  • Le 1er février 2005 à 20:24, par ? En réponse à : > afficher les articles

    Bonjour,
    après bien des manipulations je n’arrive pas à afficher les articles dans ce menu et je n’arrive pas à m’y retrouver dans les messages ci-dessous : lequel est le plus récent, lequel à la solution .. ?? est-ce que le zip contient les modifs ?
    merci
    catherine

    PS pour l’admin de SPIP-contrib : c’est dommage que les dates des messages soient « raccourcies » au bout d’1 certain temps.

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Plugin Mot de Passe Compliqué

    2 novembre 2007 – 16 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin ajoute un testeur de complexité de mot de passes dans les formulaires de choix de mot de passe de SPIP.

  • Navigation AJAX

    31 janvier – 18 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 293 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, (...)

  • Plugin SPIPAL

    10 janvier 2011 – 79 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Pour intégrer un système de paiement immédiat via PayPal à certains de vos articles . Ce plugin est une mise à niveau pour la version SPIP 2.1.8 du Plugin GoPayPal qui était resté en SPIP 1.9.2 depuis 3 ans. Il change de nom pour ne pas faire trop de (...)

  • Le menu déroulant Babbibel

    2 juin 2009 – 303 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un menu déroulant horizontal en jQuery sans limitation de profondeur et configurable avec CFG.