Menu de navigation dépliant pour SPIP
© Christian PAULUS. Document créé le 10 décembre 2007 , mis à jour le 30 juin 2008.
En cas de morsure de vipère, sucez-vous le genou, ça fait marrer les écureuils. Pierre Desproges
Accueil du site > Outils > Menu de navigation dépliant pour SPIP
Plugin / SPIP 1.9.2c, SPIP 1.9.2d
Mots-clés
- Spiplistes, les états du courrier
- Barre d’accessibilité pour SPIP
- Livre d’or en rubrique
- Lister les auteurs avec date de connexion
- Page de login et boite statut pour SPIP
- Menu de navigation dépliant pour SPIP
- Administrer les mots-clés SPIP
- SPIP-Listes, documentation technique (II)
- SPIP-Listes-V, doc technique (I)
- SPIP-Listes-V, plugin SPIP de messagerie
- Convertisseur HTML JavaScript
- CSS Button Editor
MenuDep est un plugin pour SPIP qui s’appuie sur la distribution 192c de SPIP et jQuery 1.1.1 qui l’accompagne.
MenuDep est paramétrable via le menu Configuration de l’espace privé. Définissez dans cette page la vitesse d’animation et la position des sous-menus flottants.
Avertissement
MenuDep est un programme libre, vous pouvez le redistribuer et/ou le modifier selon les termes de la Licence Publique Generale GNU publiée par la Free Software Foundation (version 2 ou bien toute autre version ultérieure choisie par vous).
MenuDep est distribué car potentiellement utile, mais SANS AUCUNE GARANTIE, ni explicite ni implicite, y compris les garanties de commercialisation ou d’adaptation dans un but spécifique. Reportez-vous à la Licence Publique Générale GNU pour plus de détails.
Merci d’utiliser le forum en bas de page pour signaler les éventuels bugs.
Configuration par défaut
Après avoir installé et activé le plugin, MenuDep prend en charge votre menu de navigation sans avoir besoin de le configurer. Les résultats apparaîtront aussitôt, à condition bien sûr que le squelette inc-rubriques.html fourni ici soit placé au bon endroit, et que le cache ait été vidé.
Un squelette au menu
Le squelette inc-rubriques.html fourni avec MenuDep permet de lister les rubriques et articles du site (de la racine au second niveau).
La balise EXPOSE de ce squelette désactive le lien de l’article présent afin que le visiteur ne tourne pas en boucle en cliquant sur un lien devenu inutile.
Adaptez ce squelette à vos besoins.
Exemples de positionnement
- Présentation du menu
- Menu et articles de la rubrique courante.
- Menu déplié incrusté
- La liste des sous-rubriques et articles de la rubrique voisine apparait dans le menu de navigation.
- Menu déplié flottant
- La liste des sous-rubriques et articles de la rubrique voisine apparait près du menu de navigation.
Configuration
Si besoin, pour configurer MenuDep, cliquez sur le bouton Configuration puis le l’onglet Menu dépliant . La page de configuration apparaît :
Testez les options, sans oublier de vider le cache si nécessaire en validant votre configuration.
Installation du plugin
Téléchargez et décompressez MenuDep :
- Menu Navigation Dépliant v.1.06
ou récupérez la dernière version par svn :
svn export svn://zone.spip.org/spip-zone/_plugins_/_test_/menu-navigation_depliant
L’installation nécessite de placer le dossier du plugin dans votre dossier plugins. Pour plus d’information sur l’installation d’un plugin, consulter cette page sur Spip.net.
Si vous avez créé vos propres squelettes, il vous faut adapter votre fichier inc-rubriques.html. Inspirez-vous du inc-rubriques.html qui se trouve dans le dossier du plugin MenuDep.
Si vous utilisez la distribution par défaut des squelettes de SPIP, le squelette inc-rubriques.html de MenuDep est pris en charge automatiquement (sauf éventuel conflit de plugins).
En option, si vous désirez voir appliquée la règle EXPOSE aux titres des articles dans le menu de navigation, vous devez modifier votre squelette article.html afin de transmettre l’identifiant de l’article lors de l’appel. La ligne :
<INCLURE{fond=inc-rubriques}{id_rubrique}
est à remplacer par :
<INCLURE{fond=inc-rubriques}{id_rubrique}{id_article}>
Voir la version corrigée du squelette article.html pour illustration.
Là aussi, si vous utilisez la distribution par défaut des squelettes de SPIP, le squelette article.html de MenuDep est pris en charge automatiquement (sauf éventuel conflit de plugins).
Script principal
Ce paragraphe n’est plus d’actualité pour les versions de MenuDep > 0.20. Ce paragraphe est conservé en guise de note. jsmin est plus performant que compacte (qui lui, est intégré à SPIP), mais plus difficile à maintenir.
Le script javascript principal jquery-menudep-min.js est une version compressée du script jquery-menudep.js qui est également fourni avec cette distribution. Vous pouvez modifier le script non compressé, puis le compresser avec jsmin pour remplacer jquery-menudep-min.js.
En ligne de commande :
jsmin < jquery-menudep.js > jquery-menudep-min.js
Définition des feuilles de style
MenuDep modifie à la volée le menu de navigation généré en enveloppant les listes des sous-rubriques dans une boite (div). Consulter le source de votre page générée peut être trompeur.
Voici la structure d’un menu de navigation au format CSS :
#navigation {
/* boite principale */
}
#navigation .rubriques {
}
#navigation .rubriques h2 {
/* Titre de la boite */
}
#navigation .rubriques ul {
}
#navigation .rubriques ul li {
/* une rubrique */
}
#navigation .rubriques ul li div.srub {
/* l'enveloppe fixe ou flottante */
}
#navigation .rubriques ul li div.srub ul {
/* boite liste de sous-rubriques ou d'articles */
}
#navigation .rubriques ul li div.srub ul li {
/* sous-rubriques ou articles */
}
Documents joints
-
Menu Navigation Dépliant v.1.00 (Zip - 51.1 ko)
-
Menu Navigation Dépliant v.1.04 (Zip - 51.2 ko)
-
Menu Navigation Dépliant v.1.05 (Zip - 51.2 ko)
Répondre à cet article
17 Messages de forum
-
-
-
-
-
-
Merci pour tes infos Christian, Voici quelques infos que j’ai pu recueillir :
Erreur javascript lorsque je clique sur une ligne de menu :Warning : Unknown property ’behavior’. Declaration dropped. Source File : http://localhost/test/dist/spip_style.css Line : 78
Dans Firebug je vois également cela :Not Found
The requested URL /local/cache-js/jquery-menudep-compacte-1c72.js was not found on this server.
J’ai installé un spip de base sans rien toucher et créé une ou 2 rubriques et un ou 2 articles. Je n’ai absolument rien customisé.
-
-
-
-
-
-
RSS 2.0
