menu dynamique Ajax, affichage et répétition de pages [Résolu]

[chichou007]

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!

[charly-b]

Bonjour,

C'est normal, la fonction prepend() sert à ajouter un contenu au contenu actuel.

Si tu remplace par :

Code :

$('#contenu').html(data);

le contenu viendra remplacer le précédent .

prepend(data) : ajouter data avant le contenu
append(data) : ajouter data après le contenu
html(data) : remplacer le contenu par data

A++

[chichou007]

Super!!
Merci beaucoup pour ta réactivité!
Ça marche nikel