Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU VERTICALE DYNAMIQUE


Information sur la source

Catégorie :Menu & Co Classé sous : menu, vertical, javascript, haryou, frame Niveau : Initié Date de création : 10/10/2005 Date de mise à jour : 27/07/2007 19:58:47 Vu / téléchargé: 39 392 / 6 387

Note :
7,86 / 10 - par 14 personnes
7,86 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (41)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Menu verticale en JavaScript.
=> En demo ici, http://haryoudev.free.fr/_demo/menu_js1/
   haryoudev(at)free.fr
 

Source

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

10 octobre 2005 05:25:53 :
Suppression du fichier Thumbs.db dans le répertoire image.
10 octobre 2005 10:15:37 :
Mise à jour du fichier zip
15 novembre 2005 22:35:52 :
J'ai mise à jour le menu - Il fonctionne dorénavant avec les frames sous Firefox. Des mises à jour sont à prévoir. N'hésitez pas à me faire part de vos commentaires !
30 novembre 2005 06:06:07 :
Mise à jour des mots clés. Rien sur la source.
11 janvier 2006 04:57:15 :
1 mise à jour: Possibilité d'activer les liens pour les catégories
09 juillet 2006 03:53:25 :
Optimisation du menu + Ajout de la fonction menu rétractable.
20 juillet 2006 05:34:17 :
Mise à jour du fichier style
20 avril 2007 20:35:56 :
Ajout d'une possibilité de créer des popups.
20 avril 2007 21:10:44 :
Des erreurs ont été relevées dans la mise à jour précédente.
27 juillet 2007 19:58:47 :
Erreurs corrigés dans les fichiers .js et .css

Commentaires et avis

signaler à un administrateur
Commentaire de f6xara le 11/10/2005 08:39:16

Je suis aller voir sur http://haryou.free.fr/script/exemple/menu_js/ et sous firefox ca ne marche, les menus ne se déploient pas.

signaler à un administrateur
Commentaire de logiciels_thiery le 11/10/2005 17:19:40

Super, mais ce serai bien si le menu revenait à la position initiale !
Le desing aussi est bien.

signaler à un administrateur
Commentaire de massacr le 11/10/2005 21:01:55

Super bien, mais réservé à IE. Donc, pas si bien que ca... Firefox commence a etre beaucoup répandu, et un script de MENU (en particulier) qui ne marche pas, c'est catastrophique !!! Si quelqu'un qui ne connait pas beaucoup l'informatique passe par là, et que le menu ne se déploie pas, qu'il ne voit que les catégorie, il ne comprend pas et se barre.
A améliorer donc.
J'attend la compatibilité pour mettre une bonne note.
PS : Pour Netscape tu t'en fout, c'est un fantome maintenant...

signaler à un administrateur
Commentaire de bbcluny le 12/10/2005 10:04:53

Joli mais dommage que ça marche que sous IE

signaler à un administrateur
Commentaire de cload le 17/10/2005 18:52:45

Très chouette.
Ca marche aussi sous opera. Sera-ce possible de l'avoir sous firefox ?

signaler à un administrateur
Commentaire de cload le 16/11/2005 22:53:20

Impécable ! Économie de moyen, c'est clair, sobre...
Tests sur Firefox et opera : nickel.

Merci

signaler à un administrateur
Commentaire de yukhaa le 17/01/2006 11:13:15

J'ai un petit soucis avec ce menu c'est que sous firefox le curseur ne s'affiche pas comme une main lorsqu'on le pointe vers les liens, soit il est en mode texte soit il est normal (fleche) peut on me dire comment reglé ce probleme svp

signaler à un administrateur
Commentaire de salag80 le 07/02/2006 16:00:59

Salut, ce script me pose un probleme au niveau de la longeur du texte des sous menu. En effet je dois afficher des noms de sous menu assez long. Le texte apparait sur 2 lignes, (ce n'est pas un probleme) mais lorsque la souris passe decu, le bas de la cellule devient blanche. Y a t-il un moyen de resoudre ce probleme?

signaler à un administrateur
Commentaire de salag80 le 07/02/2006 16:24:30

pour visualisez mon probleme tu peux allé à : http://infinis.free.fr/salag/

signaler à un administrateur
Commentaire de haryou le 09/02/2006 22:10:33

Salut,
Il suffit de changer la taille de la frame du menu.
Dans index.htm change cols="200,*" par cols="250,*"

<frameset rows="*" cols="250,*" frameborder="no" border="0" framespacing="0">
     <frame name="menu" scrolling="no" src="menu.htm">  
     <frame name="site" src="site.htm">
</frameset>

signaler à un administrateur
Commentaire de adrientaieb le 01/03/2006 18:40:23

C'est clair, concis, et ça marche autant sur IE que sur Firefox.
Pratique et modifiable...
Bravo ! (et merci)

Ad.

signaler à un administrateur
Commentaire de schlouff le 30/03/2006 19:08:44

TB. bon design, facilement parametrable....parfait donc

juste une question: comment faire pour que ce superbe menu se referme entierement lorsque la souris n'est plus dessus ? ( La derniere categorie reste toujours ouverte)

merci

signaler à un administrateur
Commentaire de DRXRAY le 06/04/2006 11:27:17

+1 Testé et approuvé !

signaler à un administrateur
Commentaire de Romain2006 le 20/04/2006 12:15:43

J'adore ce menu ! Seulement, j'ai un problème... je ne suis pas très fort dans ce genre de trucs et j'ai créé un site qur ce modèle :

<head>
<style type="text/css">
#menu
{
float: left;
margin-top: 10px;
}

#menu a     /* définition d'un lien normal*/
{
text-decoration: none;     /* supprimer le soulignage du lien */
text-align: center;
background-image: url(menu1.jpg);
border-style: solid;
border-width: 1px;
border-color: silver;
margin: 13px;     /* rapprocher les liens pour qu'ils se touchent*/
padding: 0px 2px 0px 2px;     /* centrer le texte par rapport à l'image (nécessaire sous Netscape et Firefox) */
color: white;
font-family; "MS trebuchet";
font-weight: bold;
}

#menu a:hover
{
background-image: url(menu1.jpg);
color: black;
}

div.Entête     /* entête de la page */
{
text-align: center;
border-style: none;
border-width: none;
padding: 5px;
font-family: arial;
font-size: 20 px;
font-weight: bold;
}

div.Pied     /* pied de la page */
{
border-style: solid;
border-width: 1px;

margin-top: 2px;
padding-bottom: 0px;
}

div.PageHtml     /* page HTML */
{
margin-top: -10px;
margin-left: 3cm;
padding-left: 10px;
border-left: 2px solid black;
background: #FFA400;
}

</style>
</head>

alors quand on me donne des choses à mettre entre <head> et </head>, je ne sais pas trop comment faire...
Pourriez-vous m'éclairer sur comment faire ceci...
mon site : http://www.sestier.net/rom2

Merci !

signaler à un administrateur
Commentaire de pouikli le 27/04/2006 09:26:32

Bonjour ,
tout d'abord le code est d'exelente qualité et très clair.
Néanmoins , je suis un débutant en javascript et pour ce menu , j'aimerai qu'il se "réouvre" lorsque j'atteins la page désirée. (je dois crée un site sans frame) et donc j'aimerai savoir si il est possible de réouvrir le menu une fois que l'on a changer de page.

Merci

signaler à un administrateur
Commentaire de haryou le 11/05/2006 07:41:52

Salut pouikli,
Si tu n'utlises pas de frame, il va falloir inclure dans chaque page le (ou un) menu (différent = fichier js).
J'ai essayé et ça fonctionne correctement.
Des mises à jour du menu sont prévues, je fais ça au plus vite.
A+

signaler à un administrateur
Commentaire de schlouff le 11/05/2006 08:40:31

comment faire pour que ce superbe menu se referme entierement lorsque la souris n'est plus dessus ? ( La derniere categorie reste toujours ouverte).
a part ce detail, je trouve super ce menu....bon design, facilement parametrable....parfait donc

merci

signaler à un administrateur
Commentaire de haryou le 11/05/2006 11:37:10

Bonjour,
Une modif est en cours.
Beaucoup de gens me l'ont demander - Je vais m'activer un peu ...
A+

signaler à un administrateur
Commentaire de Titi035 le 01/06/2006 21:54:34

Hello,

C'est sympa. Bravo pour le design!

Pour quand la fermeture du menu lorsque la souris n'est plus dessus?



signaler à un administrateur
Commentaire de lucaleroi5 le 20/06/2006 03:51:33

Hello,

Bravo pour le design et bravo pour le travail !

A+

signaler à un administrateur
Commentaire de mipierre le 30/06/2006 13:52:38

Allez Courage, nous attendons la modif pour la fermeture automatique !
Beau travail en tous cas.

signaler à un administrateur
Commentaire de Titi035 le 30/06/2006 14:39:25

Oui, nous l'attendons!!! ;)

signaler à un administrateur
Commentaire de culturailes le 02/07/2006 06:20:58

Bonjour Haryou,
Lorsque tu dis:" Si tu n'utlises pas de frame, il va falloir inclure dans chaque page le (ou un) menu (différent = fichier js)."

Que veux-tu dire? comment faire? Quand je copie le code du fichier js dans la page, cela ne fonctionne pas. Les menus s'affichent tout en haut en mode texte.
J'utilise des templates sous dreamweaver.
Merci pour ton aide.

signaler à un administrateur
Commentaire de sibillem le 13/08/2006 17:10:14

Bravo et félicitations!!!
Le menu a un beau design et il est paramètrable facilement. Le code est très bien fait et bien commenté. La portabilité sur différents browsers également TB.
Quoi dire de plus : félicitations!

signaler à un administrateur
Commentaire de Titi035 le 13/08/2006 21:50:52

Hello,

Merci beaucoup pour cette mise à jour!!
A+,
Titi035

signaler à un administrateur
Commentaire de schlouff le 14/08/2006 09:13:23

de retour de vacances, j'ai enfin pu tester cette mise à jour.....c'est parfait.
le menu est vraiment un menu de qualité, merci de l'avaoir partagé
schlouff

signaler à un administrateur
Commentaire de croftman le 15/08/2006 17:50:23

Superbe source :D
Cependant, comment je peux faire si je veux un lien d'un sous menu en _blank, mais seulemnt un lien et non tous les liens des sous menus?

signaler à un administrateur
Commentaire de croftman le 15/08/2006 17:53:13

A oui aussi dsl pour le double post, mais en lançant le lien en _blank, ça ouvre une nouvelle fençetre mais sans scroll ni menu, barre d'état, ni rien, comment y remedier? :)
Merci d'avance!

signaler à un administrateur
Commentaire de haryou le 16/08/2006 16:43:13

Bonjour,
Tout d'abord merci ;-))
C'est possible de le faire, mais je ne l'ai pas fais car je pensais que le menu deviendrait trop compliqué à paramétrer.
Tout compte fait, je vais y jeter un oeil, une mise à jour est donc possible prochainement.

signaler à un administrateur
Commentaire de sibillem le 29/08/2006 15:06:07

Bonjour,

Juste une petite remarque sur le fichier .css : pour qu'il soit valide w3C, il vaut mieux remplacer l'instruction cursor: hand; par l'instruction cursor: pointer;
Ceci ne change rigoureusement rien sur l'affichage proprement dit.

signaler à un administrateur
Commentaire de haryou le 30/08/2006 14:19:54

Merci bcp pour cette remarque, je vais le corriger.

signaler à un administrateur
Commentaire de Mascotte_Alex le 13/04/2007 19:10:23

Bonjour, en un mot Sublime lol c'est exactement ce qu'il me falait
a un detail pret ( je pense un gros detail meme lol )
est il juste possible ( si ce n'est pas le cas tampis... ) il est aussi tres bien comme ca
juste au lieu de de dilater en dessous pourait il se dilater sur la coté un peu comme le menu de codes-sources en haut a gauche du site ? Bonne journée

signaler à un administrateur
Commentaire de tidoux01 le 17/04/2007 14:03:12

Bonjour

Est-ce qu'il y aurait une manière pour que le menu ne s'ouvre que lorsque l'on clique dessus et non juste en passant par dessus.

J'attend de vos nouvelles

Martin
La Plaine, Canada

signaler à un administrateur
Commentaire de tidoux01 le 17/04/2007 21:33:41

Rebonjour

Je veux obtenir le résultat du menu de gauche de ce site : http://www.sepaq.com/index.html  Lorsqu'on clique sur un choix ça affiche le sous-menu et lorsqu'on clique à nouveau ça le ferme. Si un sous-menu est déjà ouvert que l'on clique sur un nouveau choix ça ferme celui ouvert et ouvre le nouveau.

Bonne journée

Martin

signaler à un administrateur
Commentaire de croftman le 20/04/2007 13:33:15

http://www.sepaq.com/resources/scripts/webmenu.js

Voila ton menu, soit tu le prends, soit tu le demande avant à l'éditeur :), si il te manque des choses, regarde la source ;)

signaler à un administrateur
Commentaire de spvgnie le 01/06/2007 11:18:37

tout d'abord bonjour et merci pour le menu qui est terrible je doit l'avoué(depuis le temps que j'en cherché un comme celui la!).moi le souci que j'ai ce n'est pas sur le code mais le style(enfin je pense).comment modifier la feuille css pour qu'elle ne met pas un cadre pour chaque mot(oula je doi pas me faire comprendre!mdr).je désir passé sur une rubrique sans que celle ci se mette en gras et soit entouré d'un cadre.de plus losque les mots sont sur deux lignes sa me donne un fond en deux parties(pas super beau mais je ne critique pas le script je galère a le rendre personnel!lol)donc une petite aide serais sympa en plus je suis sur que sa prends deux secondes pour ceux qui comprenne!allé bonne journée a vous et merci encore pour ce super menu qui m'ai très utile bravo l'artiste!

signaler à un administrateur
Commentaire de spvgnie le 01/06/2007 11:23:40

et oui dsl de plus les liens ont un cadre autour aussi alors que les "pas liens" n'en n'on pas?sé réversible je pense mais comme di avant je suis une brèle et je galère dans la feuille de style tout est en héxadécimal!
merci d'avance

signaler à un administrateur
Commentaire de bigoodette le 02/11/2007 07:23:56 9/10

Bonjour !
Excellent menu, exactement ce que je recherchais : un menu déroulant dynamique, rétractable et facilement personnalisable ! En plus le design est superbe.
Juste une question qui me vient : le code peut-il être modifié pour rendre le menu à l'horizontal ? Si oui comment est-il possible de faire ?
Merci et encore bravo!

signaler à un administrateur
Commentaire de Kepench le 05/01/2008 14:33:42

Good job! Je suis très satisfait par ce script. Merci beaucoup.

signaler à un administrateur
Commentaire de nolanne le 20/03/2008 11:33:01

Ce menu est vraiment top !! GG par contre je suis pas super douée en JS est il compliqué d'ajouter un 3e niveau de liens? pour ainsi avoir une sous-sous-catégorie?

Mici;)

signaler à un administrateur
Commentaire de did322 le 27/03/2008 22:40:58

je trouve aussi ce menu excellent et j'aimerais vraiment aussi y ajouter un 3e niveau. style Menu -> sous menu -> lien.
malheureusement je ne connais pas le Javascript.
merci si vous pouviez nous aider :)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Target dans un menu javascript [ par zInSaNiTy ] Bonjour, je veux que que mon lien se dirige dans le frame du bas. J'utilise la synatx suivante:&lt;form name=form&gt;&lt;select name=site SIZE=1 onCha Menu vertical [ par jaco13 ] Bonjour tout le monde Je suis toujours &#224; la recherche de trucs tr&#232;s pratiques r&#233;alis&#2 Probleme d'un menu javascript [ par amine2rbt ] Bonjour tous le monde J'ai un probleme, j'ai fais un menu javascript a l'aide du logiciel Sothing Dhtml Menu, le probleme c que le menu fonctionne bi Aidez-moi s'il vous plait [ par pandzobo ] Bonjour,J'ai t&#233;l&#233;charg&#233; ici le script que j'ai utilis&#233; dans le fichier DHTML inclus ci-apr&#232;s pour un menu d&#233;roulant. Mai probleme javascript/xml [ par nezdeboeuf62 ] Bonjour tout le monde !!!Voila j'ai un probleme assez terrible qui mpe deprime!!!Je gere un menu stock&#233; dans un fichier xml. Je voudrais recupere Menu et farmes [ par debuggtout ] Bonjour ,J'ai sur un site un menu en javascript. Celui ci est dans une première frame à gauche qui est relativement petite. Ce qui fait que lorsque qu Rafraîchire un document [ par Oeil_de_taupe ] Hello tlm,J'ai fait une page PHP (avec javascript pour contrôler les ofrmulaire) avec un fan club avec frames.On peux se loguer, mais quand je me logu Javascript Vs Flash [ par psyckan ] Bonjour,Voila, j'ai un menu qui déroule des sous-menu fait en js. Il se situe juste au dessus d'une banniere flash que j'ai faites.Mais voila, mon men Menu java script et frames [ par Sextus ] Salut à tous,Je suis un web master débutant et je suis confronté à un facheux problème: j'ai configuré un menu en java script dans lequel des sous-me Menu vertical : clignotement sous