bouton qui déclenche une include php

Version imprimable

30/03/2010, 14h49
serna

bouton qui déclenche une include php

Bonjour,

je voulais savoir comment procéder pour faire un bouton qui déclenche un include.

j'ai une page test.php et une autre toto.php , je voudrais faire apparaitre dans un div de la page test.php le contenu de toto.php que lorsque l'on clique sur le bouton

merci
30/03/2010, 16h58
E.Bzz

Bonjour,
pour faire ce genre de chose, on utilise généralement Ajax ;)

Tu trouveras des exemples adaptables à ton cas dans les différents tutos.

A+

merci pour le tuyau.

j'ai ce script que j'ai pris sur le site http://kasey.fr/ il marche bien pour afficher du texte d'un fichier texte mais il mais il m'affiche la source de la page php que je charge

est ce au niveau de

Code:

$('#add_data').text($('#add_data').text() + data + " ");

que ça cloche ?

voila le 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 36 37 38 39 40 41 42 43 44 45 46 <html> <head> <title>Test jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> function toto() { $.ajax({ type: "GET", url: "pagetest.php?id_titi=200", error:function(msg){ alert( "Error !: " + msg ); }, success:function(data){ //affiche le contenu du fichier dans le conteneur dédié $('#add_data').text($('#add_data').text() + data + " "); }}); } </script> </head> <body> <a href="#" onclick="toto();">Lien</a><br /> <div id="add_data"></div> </body> </html>

30/03/2010, 20h14
serna

bon je me répond à moi même il fallait en effet mettre à la place de

Code:

$('#add_data').text($('#add_data').text() + data + " ");

ceci

Code:

$('#add_data').html($('#add_data').html() + data + " ");

par contre petit problème quant je clique sur le lien ça m'affiche bien la page externe mais si je clique à nouveau sur le lien ça m'affiche à nouveau la page qui vient s'ajouter à celle déjà chargé ce qui fait deux fois la même page l'une en dessous de l'autre. D'où vient le problème ?

merci !

ce code fonctionne mieux dans le sens ou si je clique deux fois sur le lien il ne charge qu'une fois la page

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript"><!--
$(document).ready(function () {  
 
  $("a.load")
  .click(function() {
  $("#myid").load(this.href);
    return false;
  });
 
  $("a.load")
  .each(function(i){
    $(this)
   .href(this.href.replace("mapage", "mapage_fragment"))
  });
 
});
// --></script>
 
<body>
<a href="toto.html"  class="load" >charger la page</a>
 
<div id="myid"></div>