©
. Document créé le 10 décembre 2007 , mis à jour le 28 juillet 2011.Si perçante soit la vue, on ne se voit jamais de dos. Proverbe chinois
Accueil du site > Outils > Menu de navigation dépliant pour SPIP
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.
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.
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é.
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.
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.
Téléchargez la dernière version de MenuDep sur la zone et décompressez l’archive ZIP.
Ou récupérez la dernière version par svn :
svn export svn://zone.spip.org/spip-zone/_plugins_/_stable_/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).
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
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 */
}
Les forums sont fermés.