- OS : Windows, Mac OS X, GNU/Linux
- Taille : ...< 500 ko
- Licence : GNU Lesser General Public License (LGPL)
Menus dynamiques
Webmaster en herbe ou confirmé, vous souhaitez inclure dans vos pages web des menus déroulants dynamiques à plusieurs niveaux de qualité, au code épuré et aisément manipulable ?
Alors regardez un peu ce que vous propose Batiste Bieler sur son site doSimple le bien nommé :
Bien entendu ce sont des exemples basiques, à charge pour vous de les personnaliser à vos couleurs et à vos besoins grace à la feuille de style CSS.
Caractéristiques de ces menus :
- Code xHTML propre, léger, facile à modifier.
- Le référencement est garanti.
- Code Javascript totalement externalisé.
- Compatible avec les navigateurs modernes.
- Sémantiquement corrects car conçus avec des listes.
- Contenu dégradé acceptable pour les vieux navigateurs.
Ils sont compatibles avec les principaux navigateurs que sont IE (5+), Mozilla (1,5+), Firefox (1+), Safari (1+) et Opera (7+). Et pour les autres il est alors proposé un menu statique à la place.
Ce n’est pas vraiment un "logiciel" (ce qui explique ce titre générique) mais c’est vraiment utile, et puis l’auteur a pris soin de donner une licence [1] à ce travail.
[1] En l’occurrence la Lesser General Public License.
- Des notions de CSS avec OpenWeb (pour adapter ces menus à vos besoin)
- Voir aussi "La vengeance des menus déroulants" sur Pompage.net, ce qui donne cet exemple probant
- De la même veine Listamatic, tout ce que l’on peut faire avec des listes
- Sans oublies les menus en CSS et XHTML d’Alsacréations
- Du même auteur De la bonne utilisation de Flash
<< Mettre à jour >>
:: lien mort :: orthographe :: nouveauté :: mise à jour ::
Vous souhaitez mettre à jour la notice ? La première chose à faire est de déterminer s'il s'agit d'une mise à jour mineure ou d'une mise à jour majeure 
.
- Mineure : un lien mort, des fautes d'orthographe, un lien à ajouter ou encore une petite précision.
- Majeure : une nouvelle version avec des nouveautés, des changements majeurs.
Commentaires
<< Poster un message >>
:: question :: précision :: avis :: commentaire :: bug ::
Menus dynamiques , le 4 août 2006 par dldstyle (1 rép.)
Menus dynamiques , le 14 août 2006 par dldstyle
Après analyse du sujet, je me rend compte que si certains menus déroulants fonctionnent en full CSS sans javascript, ce n’est pas le cas pour IE 6. On est donc "obligé" de compenser avec l’utilisation du js comme pour cet exemple. Pu**** d’IE ;-)Le meilleur des menus dynamiques , le 1er mai 2006 par Jacques (1 rép.)
Pour moi, le meilleur des menus dynamiques est celui développé par Donna Iwan Setiawan et distribué sous licence GNU/GPL.
Il est entiérement écrit en javascript orienté objet et facile à mettre en oeuvre.
La demo se trouve ici
Le meilleur des menus dynamiques , le 2 mai 2006 par isatis39871
Ba oui mais niveau accessibilité c’est pas top. Moi je désactive souvent javascript et les navigateurs textes qui ne l’on pas s’embrouille avec des menus 100 % javascript. De plus, le javascript est un fichier de plus à faire, tandis que pour le pur css, changer un seul fichier suffis. Si pour changer le design on multipli les fichiers à mettre à jour, on perd e productivité.> Menus dynamiques , le 7 novembre 2005 par Raphael (1 rép.)
Hello,
Attention, le lien vers le site d’Alsacréations n’est plus à jour.
La bonne adresse : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
> Menus dynamiques , le 28 mars 2006
pas de liens téléchargement du programme, ni sur l’ancien site ni sur celui que tu propose...le meilleur des menus dynamiques , le 12 octobre 2005 par Philou (4 rép.)
Pour moi (et pour beaucoup d’autres), le meilleur des menus dynamique est aujourd’hui employé par une fulltitude de sites internets renommés.
Et ce n’est pas pour lui faire de la pub mais je l’emploi moi même (voire mon site) et il est très simple à installer et à configurer et tout en php.
Il a été entièrement retravaillé par Sylvain MACHEFERT et vous pourrez le retrouver à sur son site
Voilà et amusez vous bien !!!
> le meilleur des menus dynamiques , le 12 octobre 2005 par Eric
c’est vrai en plus il est beaucoup mieux que celui proposé par framasoft !!!> le meilleur des menus dynamiques , le 12 octobre 2005 par fun sun
Salut à vous,
Je n’ai pas regardé la dernière version mais il n’est pas en php. C’est CSS + Javascript.
Quant à la qualité pour quelqu’un qui veut du tout près. C’est vrai, il est très bien.
S’il n’est pas sur framasoft, c’est qu’il ne doit pas être libre ou ouvert. Je crois que c’était le cas à l’époque quand je l’ai découvert via le standblog de M. Nitot.
> le meilleur des menus dynamiques , le 16 octobre 2005
c’est bien du language serveur (php) et il est libre ... ... comme l’air !!!> le meilleur des menus dynamiques , le 16 octobre 2005
euh enfin non c’est vrai ce n’est pas du php mais il est quand même absolument génial, entièrement paramétrable et même si c’est du "tout prêt" il est complètement customizable pour les plus ferrus...> Menus dynamiques , le 13 mai 2005 par Johanna (0 rép.)
Bonjour, ce menu déroulant est très bien, mais comment faire pour que la largeur des menus soient variables ?
Je suis en train d’améliorer mon menu déroulant pour qu’il reste affiché 1-2 secondes lorsqu’il n’est plus survolé, et je ne peux l’adapter pour que tous les menus aient la même largeur.
J’ai fait des tests pour spécifier dans le CSS la largeur de chaque li principal, mais seul les menus sans sous-menus le prennent en compte :/
Merci si vous avez essayé ou si vous avez une idée.
-----> Menus de différentes largeur
> Menus dynamiques , le 26 avril 2005 (3 rép.)
> Menus dynamiques , le 26 avril 2005
Ceci n’est aucunement lié aux menus quels qu’ils soient, mais au fait que les browsers considèrent que les objets Flash sont les objets de plus haut niveau dans la page.
Il existe une solution partielle donnée par Macromedia il y a plus de deux ans. Il suffit de rajouter le paramètre WMode=Transparent. Pour ce faire, voir le lien donné en référence.
> Menus dynamiques , le 11 août 2005 par Gérard Laloux
Effectivement, en ajoutant ce paramètre, les menus passent bien au-dessus de l’animation flash ... mais pas, avec mozilla firefox. C’est Ok avec IE. Y aurait-il une solution pour firefox ???> Menus dynamiques , le 30 septembre 2005
Il faut veiller à mettre l’attribut wmode="transparent | opaque" (les deux fonctionnent) dans la balise embed et la balise<param name="wmode" value="transparent | opaque" /> dans la balise object pour que cela fonctionne avec les 2 navigateurs.
> Menus dynamiques , le 22 avril 2005 par Auré (1 rép.)
> Menus dynamiques , le 22 avril 2005 par Alchimiste
Salut,
lorsque tu cliques à partir d’ici sur le lien "Site Officiel", sur la page où tu arrives se trouvent un lien "Télécharger les deux exemples"...
> "avec du code propre" ? Pas vraiment ! , le 13 février 2005 par Xavier (1 rép.)
Hum...
<script type="text/javascript" src="browserdetect.js"></script>
Excusez-moi, mais ce n’est pas ce que j’appelle "propre" ; à partir du moment où il y a une détection du navigateur, dès que de nouveaux navigateurs apparaitront il faudra adapter le code, et il y a fort à parier que nombre de webmasters ne le feront pas ou trop tard. C’est à cause de détections de navigateurs que tant de sites sont actuellement inaccessibles sous d’autres navigateurs qu’Internet Explorer.
Un script qui veut avoir une certaine pérennité et une durabilité maximale ne doit pas détecter le navigateur en fonction de son nom, mais directement ses capacités - c’est à dire avec des if(document.getElementById) ou des if(document.addEventListener) mais en aucun cas des if(isIE) ou des if(isGecko) qui sont les principales sources d’incompatibilités actuelles. Ce script aborde les choses à l’envers du bon sens. Il perpétue les mauvaises habitudes acquises il y a 10 ans. Le web n’en a pas besoin !
Alors ne répétons pas les erreurs du passé, et cessons de détecter les navigateurs, réflexe des années "noires" et anarchiques du web, les années 1990, et tournons-nous vers l’avenir. Aucun doute ce ne sera pas avec ce script, et c’est bien dommage.
> "avec du code propre" ? Pas vraiment ! , le 16 février 2005 par Batiste Bieler
En effet ta remarque est pertinente mais infondée. Si tu avait lu le code tu aurait remarqué que la détection ne sert qu’à cacher le script à des navigateurs sur lequelles le script ne fonctionne pas et pose des problèmes :
if ( browser.isDOM1 && !( browser.isMac && browser.isIE ) && !( browser.isOpera && browser.versionMajor < 7 ) && !( browser.isIE && browser.versionMajor < 5 ) )
En gros n’importe quel navigateur Dom1 sauf IE mac, Opera<7 et IE <5
Franchement utilisé comme ça ça ne peut faire que du bien. Au pire le maso qui change le type de navigateur en opera6 ben il aura pas de menu dynamique... Donc rien de grave ou de pas évolutif.
-----> http://dosimple.ch
>Et iubito dans tout ça ? , le 12 février 2005 (0 rép.)
Il est parti du menu d’exemple d’openweb pour en faire qq chose d’assez génial. Je pense qu’il est antérieur à ce menu (démentez-moi si je me trompe). Il utilise lui aussi du javascript désactivable. http://iubito.free.fr/prog/menu.php
Pour rappel, si on utilise du javascript tout en prenant soin de rester accessible, c’est que tout faire en css est certe un bÔ tour de force, mais reste inaccessible pour les utilisateurs de l’antique Internet Explorer.
Néanmoins, l’inventeur du menu tout en css pur se casse la tête pour combler - avec un outil qui s’installe sur le serveur- les carences de ie. http://dean.edwards.name/IE7/
> Menus dynamiques sans javascript , le 7 février 2005 par RNB (2 rép.)
> Menus dynamiques sans javascript , le 7 février 2005 par glattering
également le site alsacreations très bons tutoriels tout en css !!
http://www.alsacreations.com/articles/
> Menus dynamiques sans javascript , le 20 décembre 2005
encore mieux, un menu déroulant avec un peu de Javascript qui fonctionne aussi sur IE 5 MAC : voir :-----> un menu déroulant avec un peu de Javascript qui fonctionne aussi sur IE 5 MAC
> Menus dynamiques : un peu d’histoire , le 7 février 2005 par RNB (0 rép.)
> Menus dynamiques , le 7 février 2005 (2 rép.)
> Menus dynamiques , le 7 février 2005 par RNB
Le grand, le géniallissimme Stu Nichols. Quiconque veut admirer les immenses potentialités des css se doit de visiter ce site (et ccsZenGarden par la même occasion).> Menus dynamiques , le 7 février 2005 par pp
D’ailleurs tout le site de Stu Nicholls est remarquable ! Tout en css, sans javascript, un régal de créativité ! (browser récent indispensable)> Menus dynamiques , le 7 février 2005 par gilles (1 rép.)
???
Il me semble avoir vu des menus très similaires ici :
http://css.maxdesign.com.au/listamatic/
:)
> Menus dynamiques , le 7 février 2005
Bien entendu.
Ce lien est cité en bas de l’article et est surtout cité comme référence par l’auteur des menus.
Un peu plus d’attention vous aurait évité ce message ;-)
> Menus dynamiques , le 6 février 2005 (1 rép.)
-----> Toutjavascript
> Menus dynamiques , le 7 février 2005 par ChaGab
Oui, "Toutjavascript" est un excellent site, très tourné windows cependant (enfin ils l’était avant que je ne les perdent un peu de vue...).
Ca me rappelle que j’avais acheté à "Toutjavascript" une licence pour Magic Menu (petit logiciel faisant la même chose que "Menus Dynamiques") que j’avais en son temps (mai 2002) payé 25 €uros, sur lequel j’avais fait quelques remarques et dont j’attends encore les mises à jour promises par le licence.
Encore un exemple qui prouve l’intérêt du Logiciel Libre : quand le créateur d’un logiciel libre n’est plus intéressé par sa mise à jour, quelqu’un peut reprendre derrière lui et transcender gratuitement son oeuvre initiale.
Informations complémentaires
Faire un don ? (défiscalisé)
Aidez-nous à atteindre notre objectif de 1080 donateurs récurrents pour assurer notre pérennité et notre développement !
Autres logiciels
Dégooglisons Internet, l’an 2
Les services en ligne de géants tentaculaires comme Google, Apple, Facebook, Amazon ou Microsoft (GAFAM) mettent en danger nos vies numériques.
Pour cette 2e année, nous continuons le défi de vous proposer une alternative Libre, Éthique, Décentralisée et Solidaire à chacun de ces services.
Autres rubriques
Libre : agenda
- Nantes: Atelier de contribution à Wikipédia, On Wednesday 30 January 2019 from 18h30 to 21h30.
- Nantes: Atelier de contribution à Wikipédia, On Monday 30 January 2017 from 18h30 to 21h30.
- Nantes: Atelier de contribution à Wikipédia, On Wednesday 21 December 2016 from 18h30 to 21h30.
- Nantes: Atelier de contribution à Wikipédia, On Monday 5 December 2016 from 18h30 to 21h30.
- Nantes: Atelier de contribution à Wikipédia, On Saturday 19 November 2016 from 18h30 to 21h30.
Informations générales
Sur le Framablog
Sur Framagora
- Disque externe hfs en lecture seule
- Problème de couleur
- Changer la langue d'un clavier sous xubuntu
- LibreOfficePortable : décimales
- au sujet de mon netbook gdium
- framabag certificat SSL revoqué
- rendre vierge ma clé
- Soumettre une notice pour un logiciel dont on est l'auteur
- Blender - Projet Gooseberry
- Bonjour
Juste une image
One Woman Show- Creative Commons BY
Présentation | Plan | Historique | Partenaires | Logiciel Libre ? | Galerie | Nous écrire | Mentions légales
Sauf mention contraire, le site est placé sous double licence Creative Commons BY-SA et GNU Free Documentation License.
Les pingouins qui se promènent sur le site nous viennent de L.L. de Mars et sont placés sous licence Art Libre.
Framasoft est hébergé par le Centre de l’Informatique et des TIC de Haute-Savoie
Propulsé par SPIP 1.9.1 logiciel libre placé sous licence GPL.
