Bonjour tous le monde !
merci xess91 pour tes remarque, effectivement pas besoin me mettre un array dans ce cas là. Cependant je n'arrive toujours pas à exécuter correctement cette fonction javascript (je début vraiment en javascript ). je suis partis sur le code suivant
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
| <link href="CSS/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="JS/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="JS/menu.js"></script>
<script type="text/javascript" src="JS/caroussel.js"></script>
<script language="JavaScript">
function changeBGImage(Image){
if (document.body){
document.body.style.backgroundImage = "url('IMG/"+Image+"')";
}
}
</script>
</head>
<body style="background-image:;">
<div id="wrap-home">
<div id="header">
<img src="IMG/omgelogo.png" alt="Omega logo" />
</div>
<ul class="menu">
<li class="toggleSubMenu"><span class="accueil"><a href="javascript:changeBGImage('image1.jpg')">ACCUEIL</a></span>
<ul class="subMenu">
<div id="accueil-bloc">
<a href="javascript:changeBGImage('image3.jpg')">Lien</a>
etc...
etc...
etc...
</div>
</ul>
</li>
</ul>
</div> |
Le problème qui viens ce rajouter à cela, est que j'ai fait un menu accordéon avec mes ul,li qui viennent parasiter mes href="javascript:changeBGImage
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| $(document).ready(function () {
$(".menu ul.subMenu:not('.open_at_load')").hide();
"toggleSubMenu"
$(".menu li.toggleSubMenu span").each( function () {
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu"><strong>' + TexteSpan + '</strong><\/a>') ;
} ) ;
$(".menu li.toggleSubMenu > a").click( function () {
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
else {
$(".menu ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
return false;
});
}); |
a cette ligne là :
$(this).replaceWith('<a href="" title="Afficher le sous-menu"><strong>' + TexteSpan + '</strong><\/a>') ;
je n'arriver pas à comprendre comment faire marcher ma fonction javacript. car je ne peux pas rajouter de href sur mes liens déjà identifiés dans ma fonction de menu accordéon, et même quand je créer de nouveau lien avec un href fonctionnel, il change juste le fond en noir mais pas d'image.
voilà ce que j'ai dans mon css au niveau du body :
body{margin:0; padding:0; background:#000; color:#000; font-family:Verdana, Geneva, Helvetica, sans-serif; font-size:12px;}
Si quelqu'un aurai une idée pour résoudre mon probléme, je suis prenneur
en attendant, passer un bon weekend.
Salut et merci.
Partager