begin process at 2012 02 09 20:32:01
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU VERTICAL DÉROULANT PLUS MOINS

MENU VERTICAL DÉROULANT PLUS MOINS


 Information sur la source

Note :
8,25 / 10 - par 4 personnes
8,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :07/09/2004 Date de mise à jour :20/09/2004 07:56:54 Vu / téléchargé :16 534 / 3 772

Auteur : dadavyvy

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

 Description

Voici un menu déroulant style Windows...
Compatible IE5+ et Mozilla...
J'ai egalement rajoute qq fonctions propres au menu.



 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

17 septembre 2004 13:19:25 :
Nouvelle mise à jour : j'ai enleve les title sur les div, et a la place j'ai mis des champs hidden. Ainsi sur un mouseover on n'a pas d'infobulle. L'exemple donnée vous montre les images que l'on peut rajouter à côté du titre (2 au max.) Voila
17 septembre 2004 14:34:51 :
MAJ zip
17 septembre 2004 15:55:55 :
Changement de la fonction de position du chemin actif setPos();
20 septembre 2004 07:56:54 :
Changement de la vérification de la position courante du menu : choix de le faire dans le hash du document.location ou dans un champ hidden Correction pour la possibilité de mettre différents styles pour les liens du menu

 Sources du même auteur

Source avec Zip ENFIN UNE LISTE DEROULANTE (COMBOBOX) MODIFIABLE

 Sources de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking

Commentaires et avis

Commentaire de rttb le 07/09/2004 21:04:27

bien sympa ce menu, malgres quelques bugs (les plus et moins en trop des fois).
Un sacre boulot toujours,7/10

Commentaire de windu le 08/09/2004 00:52:57

pas mal ton menu...
par contre, ya des pb ace les + et les - qui apparaissent en trop on dirait! (sous Mozilla Firefox...)


Je voulais savoir s'il était possible de coupler ca à du PHP: je désire afficher une liste de personnes classée par niveau d'administration (je récup tout ca depuis ma BDD sans pb...)
Je souhaite donc afficher 1 + par niveau d'administration, afin de ne pas voir tout le monde d'un coup!( ya 100 noms ca risk d'OQP de l aplce sinon...) mais je ne veux pas rafraichir la page à chaque fois, c'est pour ca que ton système m'intéressait

je n'y connais rien en Java Script, merci de m'aider...

Commentaire de memotxt le 08/09/2004 07:44:31

Un très beau script

Commentaire de chimelpremier le 08/09/2004 13:15:16

C'est un beau script de menu expansif en effet.

Dommage qu'il ne soit pas accessible ni compatible XHTML , et à part ces + - en trop,  je n'ai pas trouvé ou il fallait mettre les liens hypertexte

Commentaire de aKheNathOn le 08/09/2004 13:40:19

Trés bien. L'erreur du +/- vient du fait que tu renseignes le : 'icones/tr_menuplus.gif','icones/tr_menuminus.gif' lors de l'appel de la fonction addNode ou addSubNode.

Il faudrais que tu regardes plus en détails pourquoi il fais ça.

Bonne continuation, et bravo pour le script.

Commentaire de dadavyvy le 09/09/2004 09:14:45

Reponse ...
Les plus et moins en trop, c'est en fait que l'on peut rajouter des images a droite du texte (img1 et img2), pour mettre par exemple une icone "new" ou autre...
Ainsi il suffit de la remplacer dans l'appel de AddSubNode ou AddNode...
Comme je n'ai pas ajouter d'autre images bdans le zip, j'ai juste repris les + et - comme images...

Commentaire de dadavyvy le 09/09/2004 09:26:27

Reponse suite :
- a windu :
pour le PHP, il suffit que pour chaque element en reponse a ta requete vers ta bdd, tu appelles la fonction addSubNode, avec pour parent la node du niveau d'administration auquel il est raccroche
-> pour le xhtml je sais pas trop
-> pour les +/- en trop j'y ai repondu juste avant
-> pour les liens hypertextes, je vais reprendre les parametres des fonctions addNode et addSubNode qui sont en fait les memes :
  - function (caption,pNode,act,classe,img1,img2)
  - caption : le titre du noeud
  - pNode : la variable du noeud parent
  - act : action --> ! donc c'est la ou on va pouvoir faire ce qu'on veut en cliquant sur un lien (si c'est renseigné ca sera vu comme un lien, sinon c'est juste le texte) :
      - pour un lien simple : 'document.href=\'lien.html\' ';
      - pour ouvrir dans une nouvelle fenetre utiliser un window.open(...)
  - classe : class du texte ou du lien
  - img1, img2 : url des images que l'on veut rajouter a cote de chaque texte

Voila, j'espere que j'ai repondu a vos questions
  

Commentaire de windu le 09/09/2004 11:54:52

oki, merci pour les infos dadavyvy...
je teste ca de suite & g dis ce ke ca donne....
Au fait, si on ne veut pas des 2 images a droite du texte AddSubNode et AddNode, il vaut mieux ne pas rensigner ces variables ou modifier la fonction directement?

Commentaire de dadavyvy le 10/09/2004 13:38:52

Si tu ne veux pas d'images tu mets dans les parametres img1 et img2 : '' (string vide = 2 simple quotes)
Pas besoin de modifier la fonction car elle ne rajoute les tag img que si ce n'est pas ''.

Commentaire de Yann1983 le 08/03/2005 16:04:38

bravo!

Juste 2 questions :

- j'aimerais mettre des liens qui point sur une iframe. Comment daire?

-Peut on facilement mettre en place des boutons qui ouvre ou ferme tout les menus?


merci d'avance et a+

Commentaire de Yann1983 le 10/03/2005 09:42:59

pour l'ouverture dans la iframe, j'ai modifié une partie de la fonction "addsubnode" pour que cela fonctionne :

if(act=='') {
sText += ' ' + caption;
} else {
sText += '&nbsp;<a href="' + act + '" target="iframe">' + caption + '</a>';
}

Je vais, si j'ai le temps, modifier encore la fonction pour pouvoir mettre la valeur de target comme paramètre!


Tu a apparement des systèmes d'ouverture/fermeture des autres menu quand tu en ouvre un mais cela ne fonctionne pas. J'imagine que tu dois  mettre en paramètre quelques chose mais je ne comprend pas quoi. Peux-tu m'aider.

Pour les débutant en javascript comme moi, il serait psympa de commenter bcp plus ton code car il y a plein de partie que je ne compend pas et ne peux donc pas le modifier à ma guise.

s+

Commentaire de dadavyvy le 20/05/2005 09:49:52

Desole d'avoir mis si longtps pour repondre....
- Pour ta 1ere quest avec l'iframe :
sans rien modifier, il faut mettre comme action : javascript:document.iframe.src='tapage.htm'
- Ensuite pour les ouvertures des autres menus, il y a un exemple dans la source, sur le noeurd 'ok5' par exemple.
Attention, le parametre concernant le noeud n'est pas l'id mais le numero du noeud... (on peut l'ameliorer je pense en rajoutant un id lors de l'ajout du noeud)

Commentaire de risk30 le 24/06/2005 15:20:56

Comment fait on pour mettre des liens au menu et sous menu ???
J'ai essayer :   'document.href=\'lien.html\' ';

Mais ça marche pas.
Comme j'y connait pas grand chose en javascript peut être que je m'y suis mal pris.
Quelqu'un a-t-il réussi à mettre des liens, si oui merci de me montrer comment il à fait;
merci d'avance.

Commentaire de dadavyvy le 25/06/2005 13:17:23

je crois que c'est plutot : document.location.href

Commentaire de pyram le 23/09/2005 12:06:06

Salut,

Excuse-moi mais étant complètement débutant en JavaScript, je n'arrive vraiment pas, malgré tes explications, à faire un simple lien vers un fichier HTML !!!

ex: var node4=new addNode('',myMenu,'','','icones/cont-n.gif');

Aurais-tu la gentillesse de m'expliquer STP ?
1000 mercis.
Fred.

Commentaire de lemarec le 22/04/2006 11:43:00

pareil

j'arrive pas a faire un lien

Commentaire de lemarec le 22/04/2006 12:36:23

maintenant j'y arrive avec les liens:

var node12=new addSubNode('google',node6,'document.location.href=\'http://www.google.fr\';','amenu');

mais pour les frames, j'ai un probleme :

javascript:document.iframe.src='tapage.htm' ne semble pas marcher (iframe correspond bien au nom du target, non ?)

Commentaire de lemarec le 22/04/2006 14:49:35

ça marche avec

var node12=new addSubNode('google1',node6,'javascript:parent.frames[\'main\'].location=\'http://www.google.fr\';','amenu');

ou main est le nomde la frame (target="main")

tout est ok maintenant

Commentaire de badmike95 le 08/05/2006 11:08:49

Bravo pr ton script mais c'est dommage qu'il ne se referme pas quand on clique sur un autre menu mais bon on peut pas tous avoir :P, Allez 8/10

Commentaire de Titi035 le 30/08/2006 15:44:39


J'aimerais bien avoir un exemple pour utiliser la fonction que tu as écrite : CollapseOnly.
Est-ce bien cette fonction qui permet de rétracter les menus qui ne servent plus?

Sinon, il est très fonctionnel ce menu.  

Commentaire de Krauoine le 01/03/2007 16:04:18

super ce script... bien qu'au début j'ai eu un peut de mal a trouver comment on ajoute des liens hypertext...

10/10

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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

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