Langues du site : [ar] [en] [es] [fr] [it]

À propos de SPIP

SPIP

SPIP Blog

SPIP Démo

SPIP Doc

SPIP Forums

SPIP Herbier

SPIP Irc

SPIP Party

SPIP Sedna

SPIP Test-GrmlEU

SPIP User

SPIP Zone

Accueil du site > Navigation > Menus contextuels

Une arborescence dynamique et contextuelle (le retour)

mercredi 21 avril 2004, par quentic. Dernier ajout mercredi 6 décembre 2006

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 :

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

Compatibilité

Plateforme	Navigateur	Fonctionne	Ne fonctionne pas
Windows	Internet Explorer	6.0	.
Windows	Firebird	0.7	.
Linux	Mozilla	?	.


menu dynamique

Répondre à cet article

Une arborescence dynamique et contextuelle (le retour)
23 mars 2007 13:32, par JLuc

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

Retour au début des forums
Une arborescence dynamique et contextuelle (le retour)
5 août 2006 19:27, par fulvio

Une adaptation pour la 1.9 est prévue ?

Répondre à ce message
- Une arborescence dynamique et contextuelle (le retour) 8 août 2006 11:19, par quentic
  
  C’est en cours...
  
  Répondre à ce message
Retour au début des forums
SPIP 1.9
30 juillet 2006 18:53, par dsimond

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
- SPIP 1.9 - Résolu 31 juillet 2006 18:08, par dsimond
  
  Voir http://www.spip-contrib.net/Une-arborescence-dynamique-et,103
  
  Répondre à ce message
Retour au début des forums
> Une arborescence dynamique et contextuelle (uniquement les rubriques?)
15 juillet 2005 17:01, par dd

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
- > Une arborescence dynamique et contextuelle (uniquement les rubriques?) 16 juillet 2005 15:36, par Christian Quentin
  
  Je pense qu’il y a confusion avec l’article Une arborescence dynamique et contextuelle (1er jus) En effet, la présente contribution ne fait pas référence au site EDF, sa documentation pdf ne parle pas de dupliquer le dossier ecrire/img_pack.
  
  Reposte peut-être ton commentaire sur le bon article ou utilise la doc adéquate
  
  Bon courage.
  
  Répondre à ce message
Retour au début des forums
Sous-rubrique et hiérarchie
21 juin 2005 14:20

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

Répondre à ce message
- > Sous-rubrique et hiérarchie 28 juin 2005 12:02, par Christian
  
  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
Retour au début des forums
> Une arborescence dynamique et contextuelle (le retour)
11 mai 2005 14:58, par Christian Quentin

Enfin un premier jus de manuel sur ce menu contextuel.

Bonne lecture !

Voir en ligne : Manuel pdf

Répondre à ce message

Retour au début des forums
> Une arborescence dynamique et contextuelle (le retour) pour débutant
13 juillet 2004 21:48, par jfc

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 :



mettre le code suivant :

 <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
- > Une arborescence dynamique et contextuelle (le retour) pour débutant 15 juillet 2004 14:53
  
  Pardon un corectif :
  
   <div class="menu"> <INCLURE(menu.php3){id_rubrique}> </div>
  
  Et modifier le tyle menu
  
  Répondre à ce message
  - > Une arborescence dynamique et contextuelle (le retour) pour débutant 19 juillet 2004 09:26
    
    Merci ! C’est installé en moins de 20 secondes !
    
    Répondre à ce message
- > Une arborescence dynamique et contextuelle (le retour) pour débutant 10 mai 2005 09:48
  
  Bonjour, J’ai essayé ta contrib, mais je n’ai pas réussi...peux-tu me dire, pas à pas,(sans lésiner sur les précisions, en imaginant s’adresser à un débutant) comment m’y prendre. J’ai dézippé le fichier sur ma racine, mais je me demande si la suite de l’opération a été rigoureusement suivie ! Merci
  
  Répondre à ce message
  - > Une arborescence dynamique et contextuelle (le retour) pour débutant 11 mai 2005 14:55, par Christian Quentin
    
    Tu peux préciser ce qui se passe ? Rien du tout, qqch mais pas comme tu voudrais, autre ?
    
    Je viens de mettre une petite doc à disposition :
    
    Voir en ligne : Manuel pdf
    
    Répondre à ce message
Retour au début des forums
> Une arborescence dynamique et contextuelle (le retour)
27 avril 2004 23:25, par paolo

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

Répondre à ce message
- > Une arborescence dynamique et contextuelle (le retour) 28 avril 2004 09:57, par Mattt
  
  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 ;)
  
  Répondre à ce message
  - > Une arborescence dynamique et contextuelle (le retour) 28 avril 2004 17:35, par fulvio
    
    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...
    
    Répondre à ce message
    - > Une arborescence dynamique et contextuelle (le retour) 3 mai 2004 16:31, par Ayu
      
      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é !
      
      Répondre à ce message
      - > Une arborescence dynamique et contextuelle (le retour) 3 mai 2004 16:45, par Ayu
        
        Tiens on sait pas mettre du code spip ds les messages ?
        
        Bon alors voyez ici.
        
        Répondre à ce message
    - > Une arborescence dynamique et contextuelle (le retour) 6 mai 2004 00:35
      
      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.
      
      Voir en ligne : la version affichage par secteur
      
      Répondre à ce message
- > Une arborescence dynamique et contextuelle (le retour) 10 mai 2005 10:05
  
  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
Retour au début des forums
> Une arborescence dynamique et contextuelle (le retour)
5 mai 2004 12:22, par FBO

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

Répondre à ce message
- > Une arborescence dynamique et contextuelle (le retour) 6 mai 2004 00:37
  
  Quel est ton environnement (navigateur, OS) ?
  
  Répondre à ce message
  - > Une arborescence dynamique et contextuelle (le retour) 25 mai 2004 11:46
    
    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
    
    Répondre à ce message
  - > Une arborescence dynamique et contextuelle (le retour) 1er juin 2004 17:22, par Herman
    
    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 :-(
    
    Répondre à ce message
    - > > Une arborescence dynamique et contextuelle (le retour) 14 mars 2005 14:47, par AxSatolyan
      
      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
Retour au début des forums
> afficher les articles
1er février 2005 20:24

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

Retour au début des forums
> est-ce qu’il peut ce déplier ?
3 mai 2004 14:53, par Sylvain

hello,

j’ai pas de IE 6 pour tester, doit-il se déplier comme le fait l’autre : en cliquant sur la flèche, sans recharger la page ?

tests perso :
Mozilla 1.6 et Firefox 8.0 (Win et Linux) -> ce déplie pas mais affichage correcte
IE 5.0 -> se déplie pas et affichage médiocre (puces passent au dessous du texte) de toute façon c’est seulement IE 5.5 qui commence à être un peut correcte avec les CSS ;-)

bref, au vu de ces tests peut concluant (je veux le déplié) je vais garder l’ancient : Une arborescence dynamique et contextuelle

Répondre à ce message
- > est-ce qu’il peut ce déplier ? 13 mai 2004 16:37, par tjos
  
  Avec l’ancienne version, j’avais de gros problèmes de mise en page en mac IE 4.5.
  
  Maintenant, je n’ai plus qu’à résoudre celui de la puce...
  
  Répondre à ce message
Retour au début des forums
> Une arborescence dynamique et contextuelle (le retour)
27 avril 2004 22:42

Est-ce que c’est possible de le voir en action sur le web quelque part ? Est-ce normal qu la flèche porte un lien vers son rubrique (au lieu de simplement déplier son sous-menu) ?

merci, Paolo

Répondre à ce message
- > Une arborescence dynamique et contextuelle (le retour) 28 avril 2004 10:31, par quentic
  
  Pour la mise en ligne d’un exemple, c’est en cours.
  
  La rubrique active présente les sous-rubriques accessibles pas davantage.
  
  L’objectif (modeste)n’est pas de réaliser un menu déroulant (qui permettrait de développer toute l’arborescence de menu), mais un menu contextuel, c’est-à-dire un menu qui permette en cours de navigation de se situer dans l’arborescence et d’offrir une navigation vers les sous-rubriques directes.
  
  Christian
  
  Répondre à ce message
- > Une arborescence dynamique et contextuelle (le retour) 10 mai 2004 17:17, par quentic
  
  Un exemple qui tourne sur un site bilingue avec une langue par secteur.
  
  Attention : Site fonctionnel mais pas du tout esthétique !!
  
  Voir en ligne : Exemple
  
  Répondre à ce message
Retour au début des forums

0 | 25

RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib |

| L'autre.net

Une arborescence dynamique et contextuelle (le retour)

Compatibilité

Navigation

Comment ajouter les articles à ce menu ?

41 Messages de forum