begin process at 2010 03 13 00:21:16
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > MENU VERTICALE DYNAMIQUE

MENU VERTICALE DYNAMIQUE


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :47 731 / 7 153
Auteur : haryou

Ecrire un message privé
Site perso
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

  • => Voir fichier zip
=> Voir fichier zip


 Fichier Zip

Les Membres Club peuvent 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

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987
Toutes les sources de la catégorie Menu & Co

 Sources en rapport avec celle ci

DYNAMIC CONTENT DANS UNE DIV par duterte
Source avec Zip Source avec une capture PRESENTATION GAMME par David78390
Source avec une capture MENU ANIMÉ AVEC IMAGE SURVOLÉE ! par TheBigBananier
Source avec Zip MENU CONTEXTUEL GRÂCE AU CLICK DROIT DE LA SOURIS AVEC DES M... par OB1_12
Source avec Zip Source avec une capture MENU VERTICAL D'UNE PAGE DHTML, GENERE DYNAMIQUEMENT, UTILIS... par LUDINSKI

Commentaires et avis

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.

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.

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

Commentaire de bbcluny le 12/10/2005 10:04:53

Joli mais dommage que ça marche que sous IE

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 ?

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

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

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?

Commentaire de salag80 le 07/02/2006 16:24:30

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

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>

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.

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

Commentaire de DRXRAY le 06/04/2006 11:27:17

+1 Testé et approuvé !

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 !

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

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+

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

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+

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?



Commentaire de lucaleroi5 le 20/06/2006 03:51:33

Hello,

Bravo pour le design et bravo pour le travail !

A+

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.

Commentaire de Titi035 le 30/06/2006 14:39:25

Oui, nous l'attendons!!! ;)

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.

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!

Commentaire de Titi035 le 13/08/2006 21:50:52

Hello,

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

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

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?

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!

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.

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.

Commentaire de haryou le 30/08/2006 14:19:54

Merci bcp pour cette remarque, je vais le corriger.

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

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

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

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 ;)

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!

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

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!

Commentaire de Kepench le 05/01/2008 14:33:42

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

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;)

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 Firefox [ par gsaunier ] Bonjour, Dans un menu créé sous JS/CSS, je fais face à un problème de clignotement indésirable (cf. http://forum.alsacreations.com/topic.php?fid=5&tid


Nos sponsors


Appels d'offres

Sondage...

Comparez les prix


Archos 5 (250 Go)
Entre 440€ et 440€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)