begin process at 2010 02 09 23:32:19
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCRIPT

JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCRIPT


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Classé sous :menu, contextuel, prototype, checkbox, radio Niveau :Expert Date de création :10/03/2009 Date de mise à jour :17/03/2009 17:04:30 Vu / téléchargé :4 584 / 795

Auteur : emericv

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

 Description

Cliquez pour voir la capture en taille normale
JVSMenu est une bibliothèque écrite en javascript (utilisant la bibliothèque Prototype) pour réaliser simplement un(des) menu(s). Cette API permet de faire des menu très complexes et dispose de nombreuses fonctionnalités.

Ce projet à été lancé Samedi 28 février 2009, car je ne trouvais pas d'API existante qui me satisfasse :-). Tous les existants trouvés jusque là comportaient une ou plusieurs lacunes ce qui m'a poussé à démarrer ce projet.

Cette bibliothèque est en phase Beta et est distribuée sous licence GPLv3.

Une démonstration, la documentation et les sources du projet se trouvent à l'adresse suivante : http://jvsmenu.openihs.org/

Source

  • /* Le code se trouve dans le fichier ZIP ou sur le site */
/* Le code se trouve dans le fichier ZIP ou sur le site */

 Conclusion

Voilà, n'hésitez pas à me proposer des améliorations et résolutions de bogues.

 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 mars 2009 23:32:04 :
Modification du titre et de la catégorie
11 mars 2009 17:04:16 :
Ajout d'une archive
11 mars 2009 17:08:07 :
correction du fichier .zip
12 mars 2009 00:36:37 :
Mise à jour de l'annonce et de l'adresse du projet
12 mars 2009 00:37:49 :
correction de fautes :-)
14 mars 2009 23:39:45 :
Mise à jour du script
15 mars 2009 23:45:38 :
mise à jour du script (version 0.9.3b)
17 mars 2009 17:03:59 :
mise à jour du script (version 0.9.4b)
17 mars 2009 17:04:03 :
mise à jour du script (version 0.9.4b)
17 mars 2009 17:04:30 :
mise à jour du script (version 0.9.4b)

 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

 Sources en rapport avec celle ci

Source avec Zip MENU CONTEXTUEL SUR BALISE DE SON CHOIX par jypees
Source avec Zip LABELS EN SURBRILLANCE par jperre
Source avec Zip MENU CONTEXTUEL GRÂCE AU CLICK DROIT DE LA SOURIS AVEC DES M... par OB1_12
Source avec Zip MENU CONTEXTUEL PERSONNALISABLE POUR CLIC DROIT par rubiks10
Source avec Zip MENU CONTEXTUEL PERSONNALISABLE AVEC CHOIX D'IMAGES par rubiks10

Commentaires et avis

Commentaire de lakichemole le 11/03/2009 09:22:15

Un petit zip?

Commentaire de valvasev le 11/03/2009 12:39:16

seulement sur IE ??? sous Opera e Firefox, rien de rien !

Commentaire de jdmcreator le 11/03/2009 13:44:50

Par contre, il fonctionne sur Safari pour les autres je n'ai pas testé

Commentaire de Kimjoa le 11/03/2009 14:42:32

bizarre ca mache bien sur mon firefox !! sinon le script est très propre, et y'a bcp de truc à apprendre sur prototype, sa vaut niveau expert pour moi ;)...
il est bien mieux que mon pauvre menu que j'ai posté :)!!
j'ai télécharger la page de démo, c'est sur un zip aurait été plus pratique, et même un listing des options dispo, car dans la démo tu en utilise pas ....
sinon j'ai qund même deux reproche, le 1er c'est que tout est ini via le js, du coup pour le référencement c'est cuit, même si je pense que tu as fait ce script pour une page d'admin ??
deuxième reproche , qui rejoint la première c'est que pour ini le menu , il faut aussi ini les sous menue, et sous sous menu, c'est pas très pratique, et faut connaitre la chaine exactement , il aurait pas été possible de parser un ul/li ou une json??

bravo , super source , met pas le max à cause des reproche ci-dessus.

a++

Commentaire de Kimjoa le 11/03/2009 14:42:48 9/10

oups la note !!

Commentaire de emericv le 11/03/2009 14:59:14

pour répondre à lakichemole :
je vais rajouter un zip à l'occasion car elle commence à être stable (juste un problème avec les séparateurs sous IE).

Commentaire de emericv le 11/03/2009 15:00:03


pour répondre à valvasev :
il est bien compatible firefox que c'est mon navigateur principal.
Compatibilité :
* IE >=7 : 95%
* Firefox : 100%
* Safari : 100%
* Opera : 100% (juste un souci, c'est qu'il ne peut pas se déclencher sur un clique droit car pas d'évènement oncontextmenu)
* google chrome : 100%

Commentaire de emericv le 11/03/2009 15:02:19

pour répondre à Kimjoa :
ce menu est d'abord conçu pour une application intranet que je développe pour un client et pas pour un site internet classique...
et donc j'ai trouvé intéressant de partager ce code :-)

Commentaire de emericv le 11/03/2009 15:06:03

pour répondre à Kimjoa : (initialisation de menu)
La méthode MenuApi.init(); initialise l'ensemble de l'API ou bibliothèque pour chaque menu, l'initialisation de chaque menu se fait de façon automatique.

Commentaire de emericv le 11/03/2009 17:11:25

Je reformule mon message ci-dessus qui est ambigu :

La méthode "MenuApi.init()" initialise l'ensemble de l'API ou bibliothèque

l'initialisation de chaque menu se fait de façon automatique.

Commentaire de Kimjoa le 11/03/2009 22:04:23

ok , met dans ton exemple tu mets :
var menu = new Menu();
var submenu = new Menu();
...
menu.addItem(...)
...

on dois donc ini les menu et items manuellement non?
j'avais pas été voire le wiki, et en effet c'est bien documenté et tes projets sont très intéressant !!

bonne continuation a++

Commentaire de emericv le 11/03/2009 22:09:48

au fait, j'initialise le menu juste avant le premier affichage (utilisation d'un booléen dans le menu pour savoir si il est initialisé ou pas).

Commentaire de mickaelpfr le 13/03/2009 10:38:40

:-)

Salut à tous

Code très propre, juste deux remarque :
- pourquoi utiliser un librairie qui alourdis pas mal le poid de la source selon moi
- Passer par un format json permettrais de gagner en souplesse :-)

( kimjoa tu vois quand je veux ;-))

Commentaire de emericv le 13/03/2009 10:46:30

bonne remarque,

cette bibliothèque a été conçu tout d'abord pour être intégré dans une grosse application, qui emploie déjà les bibliothèques comme prototype et scriptaculos et là je ne suis pas à un Mo près... ;-)

Commentaire de emericv le 13/03/2009 10:53:05

rien n'empêche d'alléger la bibliothèque prototype :
dedans, je n'emploie que Class, Event, et Element et quelques fonction comme $A()
si quelqu'un se propose une version de prototype, il n'a qu'à me contacter à contact_at_openihs.org et je me ferais un plaisir de intégrer à mes sources

Commentaire de mickaelpfr le 13/03/2009 10:56:46

ça pourrait être intéressant d'étudier ça tient :-)

Micro lib pour gèrer une partie du dom , adapté au besoins de ton menu ...

Commentaire de Kimjoa le 13/03/2009 14:56:24

lol mickaelpfr :) c'est bien continue comme ça :) !!
je me demande si il serait pas possible intégré à un compresseur de code comme celui de yahoo ,un programme ki parse tout un code et qui supprime les fonctions qui sont pas utilisé ... je sent la grosse galère surtout au niveau des fonction hérité , du genre les éléments étendue de prototype ...
je me colle pas à la tache tros dure ...

bye!

Commentaire de Kimjoa le 13/03/2009 15:43:28

sinon j'ai une proposition concernant ton code, c'est d'ajouter  une fonction enable/disable et sow/hide aux items, pense que ça serait utile...

a++

Commentaire de emericv le 15/03/2009 00:08:13

Voilà Kimjoa, c'est chose faite : regarde la nouvelle démo.

J'ai rajouté un certain nombre de fonctionnalité dont les méthodes setChecked(checked:Boolean) setVisible(visible:Boolean) et setEnabled(enabled:Boolean) sur un item et setRadioValue(value:Mixed,group:Mixed) sur un menu.

Faut encore que je mette la doc à jour...

Commentaire de emericv le 15/03/2009 15:38:44

Une autre chose :
désolé pour les utilisateurs de IE si le menu est un peut moche mais je n'ai pas réussi à trouver les style qui lui faut... et puis il commence à me taper sur le système... même la version 8 qui est sensé respecter mieux les standards...
Donc là aussi, si quelqu'un me pond une feuille qui marche partout je suis preneur.

Commentaire de Kimjoa le 17/03/2009 16:07:56

salut emericv je regarde ta source de suite! concernant  ie8 j'ai moi aussi kelke prise de chignon à déjà lui attribuer ;) .
On sent que tu as toucher au css, car maintenant sous ff, y a des petits bugs de style...
Mais à part ca tout marche du tonnerre , c'st dommage que je suis actuellement sur ma librairie , et donc aussi un script de menu, sinon le tiens avec ses nouvelles fonctionnalité m'aurait vraiment suffit...

a++

Commentaire de emericv le 17/03/2009 17:06:15

Voilà, normalement j'ai corrigé le bug d'alignement

Commentaire de ChrisTable15 le 22/06/2009 18:29:13 9/10

Salut,

BRAVO, super boulot qui marche à merveille sur FireFox
en revanche, sur IE7..., le menu s'affiche sur toute la largeur de la page HTML :(

[version 0.9.9 beta]

une idée du problème ?

merci


Commentaire de emericv le 24/11/2009 11:10:14

je suis au courent du problème seulement je n'ai toujours pas trouvé pourquoi sous IE, la balise <ul> se dimensionne pas automatiquement et prend la largeur de toute la page... Si quelqu'un a une solution je suis preneur bien entendu !

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Probleme avec menu contextuel !!! [ par Jordel ] Bonjour,Bon voila, je recherche une astuce pour pouvoir ouvrir un menu sur clic droit seulement dans un tableau et non sur tout le document...Car il e oncontextmenu [ par refre ] Bonjour, j'ai un petit problème avec la fonction oncontextmenu et mozilla.QUand je l'utilise, mozila commence par exécuter ma fonction, puis il ouvre javascript-->bouton radio-->retourne serie de cases a cocher [ par w_manou ] Bonjour à tous, je développe en lotusscript qui prend en compte des formules et du javascript.J'ai un problème j'ai une section qui doit englober deux Menu contextuel fermant et ouvrant [ par monia76 ] Bonjour,Je cherche le code source d'un menu contextuel l&#224; o&#249; il ya un sous lenu qui s'ouvre et se fere selon le choix du lienmerci d'avance interdire menu contextuel : PAS DE ALERT [ par Stephane ] salutvoila je voudrai interdire le click droit mais pas en affichant un message pas alert, parcequ'en fait quand je click droit j'affiche un tableau q Imprimer un document avec JavaScript [ par hor878 ] Bonjour,Je ne connais presque rien en JavaScript. Voici mon probl&#232;me :J'ai une liste de documents (Word, Excel ...) avec un menu contextuel en Ja probleme radio/checkbox [ par spiesalex ] salut j'ai un petit probl&#232;me en javaScript: je voudrait que en d&#233;sactionnant un radio que les checkbox redevienne gris&#233;e voila mon c Activer un bouton radio lors de la validation d'une checkbox [ par Rrominet ] Hello !Je suis en train de me remettre sur mon site et j'ai besoin de&nbsp;pouvoir activer certains contr&#244;les uniquement si une checkbox est coch redirection [ par salim81 ] bonjour a tous! bon j'ai un menu comme ci-dessous: menu       titre1       titre2 et j'ai un script qui me permet d'afficher un menu contextuel lors d HELP !! Recherche.. Menu radio suivie d'un menu déroulant [ par popille ] &nbsp;Voici le&nbsp;site de ma partenaire en affaire.. je l'aide.. http://clubonyx.netAu bas de la page, a gauche il y a une section ''RECHERCHE RAPID


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

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 : 1,045 sec (4)

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