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 :

Cohabitation lightbox et menu


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 2
    Par défaut Cohabitation lightbox et menu
    Bonjour,

    j'ai mis en place l'effet lightbox qui fonctionne dont les includes sont :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    jquery.js
    prototype.js
    scriptaculous.js?load=effects,builder
    lightbox.js
    j'ai ensuite voulu ajouter un menu horizontal qui fonctionne également dont les includes sont :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    jquery.js
    menu.js
    avec menu.js étant la simple fonction
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    $(document).ready(function(){
    $("#menu div").each(function(){
       $(this).mouseover(function(){
         $(this).children("ul").slideDown("fast");
             if($.browser.msie) { var hauteur = $(this).width(); $(this).children("ul").css({marginLeft:"-"+hauteur+"px"});   }
             $(this).prev().children("ul").fadeOut("fast");
         $(this).siblings().children("ul").fadeOut("fast");
       });
    });
     
    $("body").click(function(){
      $("#menu div ul").fadeOut("fast");
    });
    });
    Mon problème :
    les pages dans lesquelles cohabitent les deux codes ne fonctionnent pas totalement et c'est soit l'un soit l'autre :

    j'ai tenté de déplacer la fonction

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.observe('dom:loaded', function () { new Lightbox(); });
    dans la fonction mais sans succès. Je n'arrive pas à comprendre pourquoi les deux bibliothèques ne cohabitent pas... d'autant qu'elles sont basées sur jquery.

    Plus généralement, y'a-t-il des difficultés à utiliser des bibliothèques différentes et pourtant issues de jquery ?

    merci pour vos réponses avisées

  2. #2
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 2
    Par défaut Solution... de contournement
    Re-bonjour !

    finalement j'ai trouvé une solution à mon problème..

    je n'utilise plus la bibliothèque prototype.js mais directement un plugin jquery
    qui réalise la lightbox. (http://leandrovieira.com/projects/jquery/lightbox/)

    Ainsi je n'ai plus ce problème de "toi ou moi" entre prototype et jquery...

    cela ne me dit pas pourquoi les deux bibliothèques ne cohabitaient pas mais si vous cherchez une solution en voici donc une..

    pour information, le menu que j'utilise est celui-ci :

    http://www.jquery-france.com/un-menu...e-avec-jquery/

Discussions similaires

  1. cohabitation d'un bouton radio et d'un menu deroulant
    Par getrude dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/06/2012, 12h10
  2. Réponses: 5
    Dernier message: 26/03/2011, 15h41
  3. Cohabitation: lightbox et jquery slider
    Par Philp974 dans le forum jQuery
    Réponses: 10
    Dernier message: 27/07/2010, 20h51
  4. Lightbox, menu et flash
    Par rollergirl dans le forum ActionScript 1 & ActionScript 2
    Réponses: 4
    Dernier message: 29/04/2008, 22h46

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