begin process at 2010 03 20 17:23:49
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU VERTICAL DEROULANT MULTI-NIVEAUX

MENU VERTICAL DEROULANT MULTI-NIVEAUX


 Information sur la source

Note :
4,58 / 10 - par 12 personnes
4,58 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :27/05/2004 Date de mise à jour :28/05/2004 16:42:00 Vu / téléchargé :53 061 / 7 723

Auteur : crista

Ecrire un message privé
Commentaire sur cette source (19)
Ajouter un commentaire et/ou une note

 Description

C'est un amélioration du code Menu deroulant (http://www.javascriptfr.com/code.aspx?ID=16233), auteur snake741.

Source

  • Voir le .zip attaché.
Voir le .zip attaché.

 Conclusion

Pour des autres explications, voir http://www.javascriptfr.com/code.aspx?ID=16233.

 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


 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

Commentaires et avis

Commentaire de sprixx le 31/05/2004 14:13:01

WESH WESH WESH ....
Pas mal masi un peu simple non pour mettre sur un bon site

Commentaire de ssebounet le 04/06/2004 11:41:59

Non il est tres bien ce code mais j ai une petite question comment tu fais pour mettre deux ou plus sous-parents????

Toi dans ton exemple tu met un sous parents puis un autre qui est le sousparents du premier et ainsi de suite...

Pour avoir plusieurs sous-parents sous le parent est-ce possible????

je sais pas si je me suis bien fait comprendre!!!!

merci d avance!!!

seb

Commentaire de yannooche le 19/07/2004 23:17:23

Je suis comme seb, comment mets-tu deux sous parents aux même niveau ?
A l'aide
Yann

Commentaire de rallymedia le 23/07/2004 20:59:21

je pense que je vais améliorer ce code en lui ajoutant du code php pour relier le script à une base mysql et permettre une gestion dynamique du menu. ça intéresse du monde ?

Commentaire de azazel673 le 15/09/2004 03:01:10

ouais moi ca m interresse grave c ce que je recherche

Commentaire de aze555666 le 27/11/2004 15:37:51

merci!!!
ca fait plusieurs heures ke je cherche 1 menu vertical déroulant et simple.

Commentaire de treppe le 26/02/2005 16:25:33

cherche un livre pour débutant sur la conception des formulaires

Commentaire de cookie_b le 04/03/2005 19:28:18

eu bas .... ouai pareil les 2 sous parent ca manque grave la ;(

putain j'aurai du lire je viens de le mapper sur une apli asp ... le boss vas pas etre content enn rentrant lundi ;[

--------------------TeProuLaMeuh!!!-------------------

Commentaire de cookie_b le 04/03/2005 19:28:31

eu bas .... ouai pareil les 2 sous parent ca manque grave la ;(

putain j'aurai du lire je viens de le mapper sur une apli asp ... le boss vas pas etre content enn rentrant lundi ;[

--------------------TeProuLaMeuh!!!-------------------

Commentaire de cookie_b le 04/03/2005 19:59:13

;] ;];] ;];] ;];] ;];] ;];] ;];] ;];] ;];] ;];] ;]
rajouter cette fonction

            //-Fonction d'ajout d'un frere a une sous entré-------------------------
            function DynamicMenu_addFrere(strName,strName2) {
                var strID = 'S_' + strName;
                var strTemp = '<DIV ID="' + strID + '" CLASS="parent"';
                strTemp += ' onClick="expandCollapse(this);">';
                strTemp += '<IMG SRC="left.gif" Height="12">';
                strTemp += '&nbsp;' + strName;
                strTemp += '<DIV STYLE="display: none" CLASS="child"></DIV>';
                strTemp += '</DIV>';

this.currentChild=document.getElementById(strName2)
                if (document.all) {
                    this.currentChild.children[1].innerHTML += strTemp;
                } else {
                    this.currentChild.childNodes[1].innerHTML += strTemp;
                }

                this.currentChild = document.getElementById(strID);
            }


Puis dans  function DynamicMenu(strName)
rajouter
this.addFrere = DynamicMenu_addFrere;


Pour creer un frere au sous menu `Node_11` mettre l'instruction sous les liens attacher a Node_11
menu.addFrere("Node_11Bis","S_Node_11");

g mis des underscore dans le nom a cause d'un pb sur le mappage asp .... je laisse ... vous comprener non?

;p

le faire c mieux que raler ;]

::Cookie_b::

Commentaire de ouebch le 08/04/2005 10:44:38

c'est domage, tous ces codes de menu dynamique n'ont pas la fonction qui referme ce qui s'est déroulé sous une rubrique quand on clic sur une autre :-(

Commentaire de DSauvayre le 26/05/2005 15:28:03

Bonjour
j'ai inséré le code que COOKIE_b dans le script et j'obtiens effectivement des sous-menus frères.
Mais je n'ai pu obtenir des frères qu'à partir du 3e niveau.
voici le code, qui me donne :
1er niveau Serveurs
2e niveau Trafic Réseau
3e niveau Charge CPU
Comment coder pour mettre Charge CPU au 2e niveau ?

Merci

   menu.addParent("Serveurs","");
     menu.addSousParent("Trafic Réseau","");
       menu.addChild("Trafic Réseau #1","http://poca:8080/SRV_TraficReseau_1/panel.htm");
       menu.addChild("Trafic Réseau #2","http://poca:8080/SRV_TraficReseau_2/panel.htm");
     menu.addFrere("Charge CPU","S_Trafic Réseau");
                menu.addChild("Charge CPU 3 #1","http://poca:8080/SRV_ChCPU3_1/panel.htm");
       menu.addChild("Charge CPU 3 #2","http://poca:8080/SRV_ChCPU3_2/panel.htm");
     menu.addFrere("Température","S_Trafic Réseau");
       menu.addChild("Température #1","http://poca:8080/SRV_Temperature_1/panel.htm");
       menu.addChild("Température #2","http://poca:8080/SRV_Temperature_2/panel.htm");
  

Commentaire de crics le 13/03/2006 10:39:17

J'ai détecté une petite erreur dans la fonction AddFrere pour Mozilla.
-------
               this.currentChild=document.getElementById(strName2)
                if (document.all) {
                    this.currentChild.children[1].innerHTML += strTemp;
                } else {
                    this.currentChild.childNodes[1].innerHTML += strTemp;
                }
---------                                        ^
                                il faut remplacer le 1 par 2

Commentaire de travailmichel le 11/01/2007 16:30:24

ca marche pas sous mozilla le slide................

avez vous la solution!!

Commentaire de troisnis le 13/06/2007 18:49:09

Bonjour
je viens de decouvrir ce script,plustot pas mal

peut on mettre un lien pour a rubrique parent?

merci

Commentaire de eviljack le 10/04/2009 10:37:01

je connais pas grand chose a tous ces codes donc jaurais besoin de vos lumiere.
J'ai repris ce menu en y intégrant 7 menus mais j'aimerais mettre un liens directement sur 2 de ces menus car je nai pas de sous menu a y mettre. donc est ce possible de créer un parent2 qui lui me lance un liens au lieu d'ouvrir un sousmenu ?
Et j'aimerais aussi que les sousmenus se referment quand on click sur un menu pour qu'il n'y ai qu'un seul sous menu d'ouvert MERCI

Commentaire de dede260 le 05/05/2009 15:35:08

Je viens d'essayer se code, effectivement il y a beaucoup de bons
ensuite j'ai bien rectifier pour mettre le menu addfrere
ca a foutu le bazar (j'utilise firefox) donc j'ai remis la version initiale en attendant mieux
merci

Commentaire de huios le 07/07/2009 16:16:46

Je vien de trouvez enfin le code que je cherchais.
Mais il me pause un problème. Je n'arrive  pas à le réutilisé a plusieur endroit dnas une meme page.

je les mets pourtant dans des div (css) différent mais chaque fois que j'ajoute un menu, il se met à la suite des précédent dans la 1er div ou je fais appel au code...

Quelqu'un n'a pas eu une idée pour contrer cela.

c'est bizarre qu'il soit si difficile de trouver un bon code sur le simple concept de menu déroulant

Commentaire de zambinette le 10/01/2010 17:19:53

Super ce code pour moi. J'aimerais savoir comment enlever le soulignement pour les enfants ?
D'avance merci

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
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,312 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales