IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

[Article] Créer un menu contextuel avec jQuery


Sujet :

jQuery

  1. #1
    Rédacteur
    Avatar de RideKick
    Homme Profil pro
    Directeur technique
    Inscrit en
    Septembre 2006
    Messages
    5 914
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Directeur technique
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Septembre 2006
    Messages : 5 914
    Points : 12 572
    Points
    12 572
    Par défaut [Article] Créer un menu contextuel avec jQuery
    Bonjour,

    Je vous propose une traduction de l'article anglophone http://www.abeautifulsite.net/notebook/80

    Ce tutoriel va vous montrer comment créer un menu contextuel facilement paramétrable avec jQuery

    Pour toutes questions/suggestions, vous pouvez les faire à la suite de ce message.

    Bonne lecture
    Pas de questions techniques en MP please

    Mon site perso

    Mon profil Viadeo

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Pas mal ce plugin

    pour cette traduction

  3. #3
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    bonjour,

    j'essaie de mettre en place ce plugin qui m'interesse fortement.

    mon probleme : le menu contextuel "normal" (celui de firefox ou d'IE) s'affiche si on fait 2 click droits de suite, et donc masque le menu contextuel JQuery.

    J'ai ce comportement lorsque je teste l'exemple fourni avec le plugin (sans rien modifier), alors qu'en ligne (sur la demo du tutoriel) y'a pas de soucis.

    quelqu'un a mis en place ce plugin sans ce probleme ?

    merci

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Citation Envoyé par sebhm Voir le message
    J'ai ce comportement lorsque je teste l'exemple fourni avec le plugin (sans rien modifier), alors qu'en ligne (sur la demo du tutoriel) y'a pas de soucis.

    quelqu'un a mis en place ce plugin sans ce probleme ?
    Salut,

    Ben sachant que la version francophone du tutoriel a été faite par RideKick et qu'il a lui même mis en place l'exemple, je pourrais répondre oui à ta question. Il a pris le même exemple que sur la version anglais et visiblement ça fonctionne.

  5. #5
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Je viens d'essayer chez moi la page d'exemple importée sur mon poste et ça fonctionne. Il faudrait voir le contenu de ton code pour tenter de comprendre d'où pourrait venir le problème.

  6. #6
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    j'ai juste téléchargé le ZIP (paragraphe V Telechargement) et dezippé le tout dans un repertoire. J'appelle la page HTML et voila !

    aucune modification de ma part

  7. #7
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    et en effet, si je prends le code source de la demo en ligne, je n'ai pas le probleme...
    je vais tenter de comprendre

  8. #8
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Ok ben si tu as juste pris le code en ligne sur DVP, il y a peut-être un problème lors de l'appel du jQuery. Mais c'est étrange quand même.

    Testes avec cette page pour voir stp
    Fichiers attachés Fichiers attachés

  9. #9
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    j'ai fait pas mal de tests (jusqu'à me mélanger un peu les pinceaux )

    et ma conclusion est que ca ne marche parfaitement qu'avec les fichiers JS qu'utilise la démo (ceux dans http://jcrozier.developpez.com/tutor...demo/includes/).

    La différence est la version Jquery, plus vieille dans la démo (1.3.1 VS 1.4.3), celle de la démo étant en plus non compressée.

    Bon... meme sans cette version, ca marche, mais si je fais 2 clicks droit d'affilés, j'ai le menu contextuel du navigateur qui apparait. Si à chaque fois, je fais un click droit, puis un click gauche n'importe où et re un click droit, je n'ai pas le soucis.

    Donc le fait d'aller chercher JQuery sur http://code.jquery.com/jquery-1.4.3.js ne règle pas ce petit probleme

  10. #10
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Ah je pensais que ton problème était le non affichage du menu.
    Là pour le menu du navigateur, tu peux verrouiller l'affichage du menu mais bon ce n'est pas trop conseillé.

  11. #11
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 11
    Points : 7
    Points
    7
    Par défaut
    Merci beaucoup pour ce tuto, ce menu est parfaitement ce que je cherchais !

    Mais j'ai 2 petites questions:

    J'ai une table comportant des lignes réparties sur 4 types.
    J'active le menu via un click-droit sur <TR>

    1ère question: Comment l'activer par click-gauche plutôt que droit ?

    Vu que j'ai 4 types de ligne, j'ai créé 4 menus comportant plus ou moins d'éléments en fonction de la ligne cliquée, mais je suppose que je peux faire plus simple.

    2éme question: Comment afficher/masquer, ou au pire activer/désactiver des éléments d'un menu unique en fonction de l'ID d'un <TR> cliqué ?


    .

Discussions similaires

  1. [Article] Personnalisez le menu contextuel avec Firefox
    Par Bovino dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 08/03/2012, 16h45
  2. [Article] Créez un menu animé avec jQuery
    Par Kerod dans le forum jQuery
    Réponses: 6
    Dernier message: 10/02/2010, 20h05
  3. créer un menu contextuel
    Par hansaplast dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/03/2006, 16h42
  4. Créer un menu contextuel XML
    Par Furius dans le forum XML/XSL et SOAP
    Réponses: 6
    Dernier message: 15/09/2005, 17h57
  5. Créer un menu contextuel dans une zone de liste
    Par 973thom dans le forum Access
    Réponses: 10
    Dernier message: 13/09/2005, 23h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo