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
34
35
36
37
38
39
40
41
|
$(document).ready(function(){
$("#sousMenu").hide(); //on cache le menu
$("#contenu").hide(); //on cache la partie texte du site
showSousMenu();
chargeTxt();
});
function showSousMenu(){
//1) pour chaque lien survolé du div "#nav", on fait apparaître le menu.
// Suivant l'id survolé, le contenu du menu change
// donc pour afficher le bon menu en fonction du lien, on se base sur l'id
$("#nav ul li a").mouseover(function(){
$("#sousMenu").fadeIn(2000);
var identifiant = $(this).attr("id"); //récupérer l'id de chaque lien de type "<li><a>"
// charger le fichier html dont l'identifiant correspondant à l'id
$("#sousMenu").load("ajax/sousmenu/"+identifiant+".html");
});
}
function chargeTxt()
{
//pour chaque lien cliqué, inclure le texte correspondant en se référant à l'attribut "rel" du lien (un id étant unique, on évite ainsi des problèmes de doublons)
//Live Bind permet l'insertion de contenus à partir d'éléments HTML eux-mêmes chargés par jQuery (dans cet exemple, le menu)
$.live_bind("#descr_sousMenu ul li a", 'click', function(){
var txt = $(this).attr("rel");
//le div "#contenu" doit afficher le texte correspondant au lien cliqué
$("#contenu").slideDown("slow");
$("#contenu").load("ajax/contenus/"+txt+".html");
});
} |
