SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

251 Plugins, 182 contribs sur SPIP-Zone, 213 visiteurs en ce moment

Accueil du site > Navigation > Menus réactifs > Menu dynamique SPIP vertical en CSS et Javascript

Menu dynamique SPIP vertical en CSS et Javascript

10 mai 2004 – par Karim Belkacem – 7 commentaires

3
3
3
3
3
1 vote

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Comment afficher beaucoup d’informations provenant de la base de donnée dans un espace restreint vertical ? Une solution, les css couplées à du javascript.

-  Pour la petite hitoire, cette contribution vient du fait d’une problèmatique qui m’est apparue sur un site que j’administre ou un menu vertical dynamique (actionscript) en flash affiché des informations qui étaient inscrites en dure dans le fichier .fla. Très sympatique, mais sans réelle dynamique puisque pas connecté à la base de donnée. Vous imaginez bien le problème si il y a un changement dans les intitulés des noms des articles, ou sous rubriques disposées dans ce menu.

Les fichiers joints à cet articles vous permettent d’étudier le menu, ils ne seront surement pas adaptés à votre charte, of course, mais quelques petites modifs dans le fichier CSS et la page menu.html vous permettront de le réadapter sans trop de problème.

  • Vous pouvez aussi faire un include dans vos pages de la page menu.php3
  • J’ai donc réadapter ce menu en CSS et javascript en n’y insérant les boucles SPIP, les explications détaillées et les sources d’origines sont ici : www.alsacreations.com.

P.-S.

Extension Menu pour Dreamweaver (full version) : extension dreamweaver pour développer des menus (les sources www.dmxzone.com)

Retour en haut de la page

7 Messages de forum

Voir toute la discussion

  • Répondre à ce message

    13 septembre 2006 17:03, par nentykiri
    Menu dynamique SPIP vertical en CSS et Javascript

    Pour répondre au second point, essaie avec la ligne de commande suivante :

    window.onload=fonction() ;

    où fonction va faire un style.display=’none’ sur chaque élément.

  • Répondre à ce message

    13 septembre 2006 15:32, par nentykiri
    Menu dynamique SPIP vertical en CSS et Javascript

    Salut !
    Cela fait plusieur heure que je m’acharne à modifier le code de ce menu pour obtenir 3 niveau de hiérarchie (rubrique—>sous-rubrique—>article) ... en vain !!
    Quelqu’un peut-il m’apporter la lumière ???

    Je pense que le chisme vient du code javascript

  • Répondre à ce message

    17 mai 2006 16:27, par claire
    Menu dynamique SPIP vertical en CSS et Javascript

    Bonjour,
    Je viens d’installer très facilement le menu.

    Cependant je voudrais faire 2 modifications qui restent pour le moment sans résultats :

    1. Je voudrais que les menus déroulants le soient après un clic de souris. J’ai utilisé le "onclick" sur les rubriques déroulantes en enlevant l’url rattachée (pour éviter d’aller sur le lien spip) mais ça ne fonctionne pas.

    2. Et ensuite je voudrais savoir s’il est possible qu’à l’ouverture de la page les sous-menus ne soient pas déroulés ?

    Merci d’avance pour votre aide

    Voir en ligne : http://www.newropeans.org/spip/

  • Répondre à ce message

    14 mai 2004 23:30, par dok
    > Menu dynamique SPIP vertical en CSS et Javascript

    Perso j’utilise le menu adapter de cyril vidal
    planetexml

    Les utilisateurs dans la phase de test de mon site ne se sont pas plaint du menu (du moins pas encore).

    Tester sous IE 5, 6 sp1, firebird, opéra 7 > OK

    opéra 6 > NOK

  • Répondre à ce message

    13 mai 2004 17:42, par annabelle
    > Menu dynamique SPIP vertical en CSS et Javascript

    pareil cela bogue sous IE6 win2K : les sous menus sont invisibles

    je prefere celui propose sur mm site spip EDF particulier
    qui est bien optimise

  • Répondre à ce message

    13 mai 2004 16:41, par tjos
    > Menu dynamique SPIP vertical en CSS et Javascript

    Ces menus DHTML qui "sautent" ne sont pas top en terme d’ergonomie...

    Je préfère celui-là .

    Le design CSS est sympa par contre

    Tjos :)

  • Répondre à ce message

    10 mai 2004 19:33, par zéta
    > Menu dynamique SPIP vertical en CSS et Javascript

    magnifique ! les menus dynamiques en spip ne sont pas evident à bosser quand on connait pas le php, alors : bravo !

Répondre à cet article

Retour en haut de la page

Ça discute par ici

  • Diapos

    10 mars – 8 commentaires

    Comme son nom l’indique, c’est un (petit) plugin qui rappelle un peu le fonctionnement d’un projecteur de diapositives. Seules contraintes : il nous faut des images ayant la même largeur et il nous faut numéroter les images. Il suffit pour cela de (...)

  • Forms&Tables 2.0

    31 décembre 2009 – 129 commentaires

    Gestion et administration de formulaires éditables. Ce plugin permet également la publication de sondages et enquètes, la collecte des réponses dans la base de données et le téléchargement au format csv. Ce plugin est une adaptation de la version pour (...)

  • Plugin Thickbox

    20 avril 2007 – 133 commentaires

    Le plugin Thickbox pour SPIP, qui permet d’afficher une image avec un effet de présentation à la mode.

  • SPIP-Listes

    30 novembre 2006 – 735 commentaires

    SPIP-listes permet la gestion et l’envoi de lettres d’information (newsletters) au moyen d’un courriel au format html ou texte. Il est possible d’envoyer des messages aux abonnés qui se sont formellement inscrits à une ou plusieurs lettres (...)

  • FancyBox

    25 mars 2009 – 116 commentaires

    Adaptation du script FancyBox pour jQuery en plugin SPIP. Liste des fonctionnalités reprise depuis le site original : ajoute un joli effet d’ombre portée sous la fenêtre possibilité de grouper les images pour naviguer dans les séries d’éléments (...)