menu dynamique Ajax, affichage et répétition de pages
Bonjour tout le monde.
Voila, j'ai un menu se trouvant à gauche de mon site.
Lorsque je clic sur un titre(1) du menu, Ajax génère la bonne page(1) correspondant au titre(1) du menu dans le content.
Cependant si je clic juste après sur un autre titre(2) du menu, ajax m'affiche bien la bonne page(2) correspondant au lien du menu, mais je me retrouve avec 2 contenus en même temps ==> mon content contient alors la page 2 et la page 1.
Je ne sais pas si je suis clair...
Voici mes code:
Code:
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
|
<div id="left">
<div id="menu">
<h3>Rubrique 1</h3>
<li><a class="titre_menu" value="sous_rubrique1">Rubrique 1 </a></li>
<li><a class="titre_menu" value="sous_rubrique2">Rubrique 2 </a></li>
<li><a class="titre_menu" value="sous_rubrique3">Rubrique 3 </a></li>
</div> <!--Fin div menu-->
</div> <!--Fin div left-->
<div id="contenu" class="contenu">
</div>
<script type="text/javascript">
//fonction d'affichage de la page
$('.titre_menu').click(function(){
value_champ = $(this).attr("value");
titre_menu = $(this);
pageAjax = value_champ+".php";
$.ajax({
type: "POST",
url: "inc/"+pageAjax,
data: value_champ,
context: document.body,
//beforeSend: function(){$('#contenu').hide(data);},
success: function(data){$('#contenu').prepend(data); },
//complete: function(data){$('#contenu').prepend(data);},
error : function(){ alert("Impossible de la page !");}
});
});
</script> |
J'espère que vous pourrez m'aider, car je sens que ce qui me bloc est un détail...
Merci d'avance!
