Bonsoir,
j'ai un soucis sur la réalisation d'une page où j'y ai inséré la fonction du menu déroulant en jquery. Jusque là tout va bien, mais c'est lorsque j'y insère sur cette même page une lightbox jquery que se pose un problème. En effet cette lightbox refuse de marcher et j'ignore quelle en est la raison, vu que je suis totalement novice en javascript. Je m'y suis surement mal pris donc je post sur ce forum en espérant qu'une bonne âme vienne à mon secours et éclairer ma lanterne. A savoir aussi que mon menu déroulant lui marche bel et bien même lorsque j'insère mon script lightbox ...
Modifié par kingarthuro (04 Feb 2010 - 16:46)
j'ai un soucis sur la réalisation d'une page où j'y ai inséré la fonction du menu déroulant en jquery. Jusque là tout va bien, mais c'est lorsque j'y insère sur cette même page une lightbox jquery que se pose un problème. En effet cette lightbox refuse de marcher et j'ignore quelle en est la raison, vu que je suis totalement novice en javascript. Je m'y suis surement mal pris donc je post sur ce forum en espérant qu'une bonne âme vienne à mon secours et éclairer ma lanterne. A savoir aussi que mon menu déroulant lui marche bel et bien même lorsque j'insère mon script lightbox ...
<script type="text/javascript" src="scripts/jquery.lightbox-0.4.js"></script>
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox();
$('#gallery a').lightBox();
$('a.lightbox').lightBox();
$('a').lightBox();
});
</script>
<script type="text/javascript" src="scripts/jquery-1.2.1.js"></script>
<script type="text/javascript">
<!--
$(document).ready( function () {
// On cache les sous-menus
// sauf celui qui porte la classe "open_at_load" :
$(".navigation ul.subMenu:not('.open_at_load')").hide();
// On sélectionne tous les items de liste portant la classe "toggleSubMenu"
// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$(".navigation li.toggleSubMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
// -->
</script>
Modifié par kingarthuro (04 Feb 2010 - 16:46)