Menu dynamique SPIP vertical en CSS et Javascript

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.

updated on 24 September 2004

Discussion

6 discussions

  • 1

    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

    • 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.

    Reply to this message

  • 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

    Reply to this message

  • 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

    Reply to this message

  • annabelle

    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

    Reply to this message

  • 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 :)

    Reply to this message

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

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom