background preloader

Menus déroulants

Facebook Twitter

Menu PureDOMExplorer. Menu dépliant tout SPIP. jQuery UI Accordion. Menu dépliant Jquery. Le menu déroulant Babbibel. Un menu déroulant horizontal en jQuery sans limitation de profondeur et configurable. Pour en avoir eu besoin et longtemps cherché, je sais que les menus déroulants disponibles sous forme de plugins ne sont pas nombreux ;-) . Il y a bien celui-ci que j’ai essayé mais qui ne me satisfaisait pas vraiment... J’ai donc intégré à mon site un menu simple et efficace que j’ai trouvé sur le net. Quelques clics plus tard, vous pouvez lire ces lignes et télécharger le plugin « Menu_babbibel ». Il s’agit d’un menu déroulant s’appuyant sur la librairie jQuery et donc parfaitement compatible avec les versions récentes de spip ainsi que tous les navigateurs ou presque. Le code étant très simple, le menu est facile à personnaliser. Les feuilles css sont commentées pour faciliter la personnalisation et l’habillage. Merci à Denisb pour sa contribution base de données test.

Installation Comme tous les autres plugins, cf. Mise en oeuvre Paramétrage Personnalisation. Démonstration du menu déroulant. Ceci est la démonstration du menu déroulant proposé sur SPIP-Contrib Il est réalisé à partir du menu présenté par Jep sur son site Ibilab Le code css est inclus dans la page et non externalisé, mais ceci n'est qu'un exemple Sur certaines résolutions le menu peut sortir de la fenêtre, mais la boucle a volontairement été laissée simple. Il est possible de voir la démonstration sans grande mise en forme ici et un deuxième exemple téléchargeable dans la contribution. Attention ce menu ne s'affiche pas à l'identique sous IE et Firefox (par exemple, tout navigateur respectant les standards), mais fonctionne parfaitement sous IE! Le squelette de cette page. Menu « dépliant » tout Spip. Un menu dépliant sans Javascript ni PHP, utilisant les doublons nommés. Plusieurs articles de spip contrib proposent des menus dépliants, tous ces menus nécessitent soit l’utilisation de javascript soit du PHP, ce menu utilise la nouvelle fonctionnalité de Spip 1.8 les doublons nommés.

Soit un site SPIP avec une arborescence assez complexe Site avec une arborescence complexe On souhaite, lorsque l’on clique sur une des rubriques du menu, visualiser uniquement les rubriques parentes et les rubriques filles, ainsi si on sélectionne la rubrique 11 on doit visualiser les rubriques 111, 112, 113 (les rubriques filles) et les rubriques 1, 2, 3 : L’intérêt est à chaque instant de connaître sa position dans le site.

Vous pouvez en voir l’utilisation sur ce site. Les boucles La première boucle permet de mémoriser les rubriques filles , elles sont stockées dans {doublons filles} Ces deux boucles permettent de sélectionner l’ensemble des rubriques à afficher. Installation Utilisation Remerciements.