Menu de navigation dépliant pour SPIP
© . Document créé le 10 décembre 2007 , mis à jour le 28 juillet 2011.
Une personne qui n'a jamais commis d'erreurs n'a jamais tenté d'innover. Albert Einstein
Accueil du site > Outils > Menu de navigation dépliant pour SPIP
Plugin / SPIP 1.9.2c-SPIP 2.1.10
Mots-clés
- Inventaire des articles SPIP
- Formulaire de suppression d’auteurs
- Archive de site (Website archiver)
- Informations SPIP - Get Info (GInS)
- Renommer les fichiers en tout ascii par lot
- Polices de caractères pour site web
- Localiser le pays du visiteur
- Optimiser ses PNG
- Transcoder MediaWiki en SPIP
- Convertir UTF en entités HTML décimales
- Exporter les auteurs
- Mon diplôme SPIP
- Citation aléatoire
- Surcharger les raccourcis texte
- Illustration sonore mp3
- Portfolio ImageFlow pour SPIP
- 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 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_depliantL’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.jsDé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 */
}Plussoyez !
Les forums sont fermés.
-
-
-
-
-
-
-
Menu de navigation dépliant pour SPIP 28 juin 2008 19:08, par Christian PAULUS
Ca ne fonctionne pas sur votre site ?
Quelques pistes :
1) vérifier si javascript actif
2) sous Firefox, vérifier si erreur Javascript (Modules WEB Developer + Firebug - outils redoutables, absolument indispensables -, afficher le log des erreurs, la console. Si erreur javascript, le dire ici en précisant les autres plugins SPIP utilisés et la version de SPIP. Indiquer également si vous avez modifié la librairie JQuery)
3) vérifier si le bon squelette est activé (si erreur de squelette par exemple, lorsqu’il y en a plusieurs, dont un dans le dossier de vos squelettes). Vérifier que le bon squelette est appelé en plaçant un titre de test en tete du squelette, etc.). Pensez à vider le cache à l’installation du plugin et entre les tests. Le squelette est mis en cache, trompeur parfois.
4) aller dans le menu config du menu déroulant et confirmer les options (bouton Configuration sous SPIP, onglet "Menu dépliant", etc...)Courage ! Ici, ça fonctionne. Donc c’est probalement un tout petit paramètre qui ne fonctionne pas qq part sur votre site. Et ce n’est pas un tout petit paramètre qui va faire la loi !
Non de non !
Les forums sont fermés.
-
Menu de navigation dépliant pour SPIP 30 juin 2008 09:28, par clob
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é.Les forums sont fermés.
-
-
-
-
-
-
-
-
-
-
-
Menu de navigation dépliant pour SPIP 27 février 2009 10:30, par ZiWaM
Bonjour,
Tout d’abord merci pour ce plugin car il me rend bien service.
J’aurais 2 suggestions pour son évolution : Je souhaiterais pouvoir désactiver tous les effets car dans certains cas il est mieux d’avoir un menu simple mais bien construit. Ca pourrait simplement se faire avec un bouton désactivant l’insertion des Javascripts dans le header ?
La seconde concerne les vieux navigateurs interprétant mal les imbrications CSS du type ul > li > ul. Je ne connais pas de hacks pour contourner ça et je me disais qu’introduire des class="leveln" dans les listes permettrait de palier ce problème.Ya moyen de faire quelque chose dans ce sens ?
ZiWaM
Les forums sont fermés.
-
-
-
-
-
-
-
RSS 2.0
