Menu déroulant qui ne déroule plus avec lightbox. Confllit jquery et lightbox

Version imprimable

Bonjour

J'ai un petit souci:

J'essaie de mettre la lightbox sur une de mes pages, mais quand j'ajoute le fichier css et les 2 fichiers javascript de la lightbox mon menu déroulant ne se déroule plus.

D"habitude la lightbox fonctionne mais cette fois j'ai 3 scripts en + de d'habitude:
- jquery.js
- jquery.colorbox-min.js
- helpers.js

Quand j'essaie de retirer 1 des 3 mon menu déroulant ne déroule plus non plus.

Pour vous aider à mieux comprendre j'ai tout mis en ligne:

Version 1 avec menu déroulant qui fonctionne sans la lightbox: http://www.comeric.fr/pascal/help/index.htm

Version 2 avec menu déroulant qui ne fonctionne plus une fois la lightbox rajoutée : http://www.comeric.fr/pascal/help/index2.htm

Pour rajouter la lightbox je ne fais que rajouter ces 3 lignes:
Code:

1 2 3 <script language='javascript' type='text/javascript' src="js/jquery-1.7.2.min.js"></script> <script language='javascript' type='text/javascript' src="js/lightbox.js"></script> <link href="css/lightbox.css" rel="stylesheet" />
J'ai aussi mis les fichiers en ligne si vous voulez les récupérer: http://www.comeric.fr/pascal/help/help.rar

Je ne sais plus qui faire, je suis noob en javascript !.

Merci de votre aide :)

Bonjour,
tu as peut être un conflit de librairie jQuery
Code:

1 2 3 4 <script src="js/jquery.js" type="text/javascript"></script> <script src="js/helpers.js" type="text/javascript"></script> <script language='javascript' type='text/javascript' src="js/jquery-1.7.2.min.js"></script> <script language='javascript' type='text/javascript' src="js/lightbox.js"></script>
il y en un chargement de trop.

de plus il te manque

Code:

<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>

dans l'exemple qui ne fonctionne pas

enléve également le langage='javascript' de tes balises SCRIPT.

29/03/2013, 15h50
pasc06

Conflit jquery

Oui effectivement il y a un conflit avec jquery.

Oui j'avais oublié

Code:

<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>

dans l'exemple 2 ! Merci !

Mais quand je retire la ligne

Code:

<script language='javascript' type='text/javascript' src="js/jquery-1.7.2.min.js"></script>

Le menu refonctionne mais la lightbox ne fonctionne plus... :(

Mais je suis incapable de rentrer dans ce code pour trouver ce qui cloche... :(

remplace la première par la seconde

Code:

1
2
3
4
<script type='text/javascript' src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/helpers.js" ></script>
<script type='text/javascript' src="js/lightbox.js"></script>

29/03/2013, 16h24
pasc06

Han !

Han ça marche !

J'avais essayé de supprimer la ligne

Code:

<script src="js/jquery.js" type="text/javascript"></script>

Mais ça ne marchait pas mieux.

Il faut donc déplacer la ligne

Code:

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>

et la mettre à la place de l'autre !

Merci ! J'ai passé la journée là dessus...
29/03/2013, 17h20
NoSmoking

Citation:

Merci ! J'ai passé la journée là dessus...

il y a plus inconfortable disait un de mes amis fakir :mrgreen: