jquery ajax et rechargement de page

Version imprimable

bonjour j ai un petit problème avec ma fonction jquery je ne sais pas d'ou ça vient , je pense avoir bien codé.

voici ma fonction load_updatenews

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
 
 <script>  
      function load_updatenew(url) {
 
        $("a.test").click (function()){
    	 var  page=$(this).attr("a.test");
     jQuery.ajax({
      url:page,
      dataType: "html",
      cache: false,
      success: function(data, textStatus, rawRequest) {
                      jQuery("#centre").html(data);
      },
 
      error: function(rawRequest, textStatus, errorThrow) {
 
          //jQuery(element).html("Impossible de charger les d�tails de la page...");
 
              jQuery("#centre").html("Erreur de chargement...");
 
 
      }
       });
      });
 
 }
 </script>

mon tableau qui contient des données et deux liens modifier et supprimer

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
 
 <table >
               <caption>GESTION  DES  UTILISATEURS</caption>
               <thead> 
            <tr>
			       <th>Titre</th>
			       <th>Body</th>
			         <th>Date</th>
			       <th>Supprimer</th>
			       <th>Modifier</th>
		     </tr>
		     </thead>
		     <tbody>
             <tr>
                   <td >{news_title}</td>
                   <td >{news_body}</td>
                   <td >{news_date}</td>  
                   <td  ><a  href="index.php?module=deletenews&action=deletenews&news_ref={news_ref}"  
                  onclick="javascript:if (!confirm('Voulez vous supprimer l'utilisateur  Confirmez ?')) return false;">Supprimer</a></td>
                   <td > <a  class="test" href="index.php?module=updatenewsform&action=updatenewsform&news_ref={news_ref}"    onclick="load_updatenew('views/updatenews.html'); ">Modifier</a></td>
             </tr>
             <tbody>
           </table>
 
mon  mon

mon problème est que si je click sur mon lien ça me retourne pas le contenu dans la balise centre mais dans une nouvelle page merci pour votre aide

26/06/2012, 14h18
SpaceFrog

tu déclenches sur un lein href d'une balise a ...

tu as oublié d'inhiber le href (changement de page ) avec un preventDefault()
26/06/2012, 14h27
diengkals

merci de votre aide , comment je vais definir cette .preventdefault dans mon cas

Code:

1
2
3
4
$("a.test").click (function(e)){
e.preventDefault();
 
.../...

26/06/2012, 15h51
diengkals

merci bien , j ai essayé votre code mais cela me tourne toujours vers une nouvelle page pas dans le contenu que j ai défini
26/06/2012, 15h55
SpaceFrog

Code:

var page=$(this).attr("a.test");

tu espères avoir quoi dans page ?
26/06/2012, 16h03
diengkals

merci , au fait c est ce code que j utilise

Code:

var page=$(this).attr("a.test");

au lieu de

Code:

var page=$(this).attr("href");

mais on me retourne toujours vers une nouvelle page .

dans page j espère avoir mon url que j ai définit au niveau de href

merci d avance
26/06/2012, 16h21
SpaceFrog

on peut voir le code à jour ?

voici 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
 
 
 <script>  
      function load_updatenew(url) {
    	  $(document).ready(function(){
        $("a.test").click (function(e){
    	 var  page=$(this).attr("a.test");
     	 e.preventDefault();
     jQuery.ajax({
      url:page,
      dataType: "html",
      success: function(data, textStatus, rawRequest) {
                      jQuery("#centre").html(data);
 
      },
 
      error: function(rawRequest, textStatus, errorThrow) {
 
          //jQuery(element).html("Impossible de charger les d�tails de la page...");
 
              jQuery("#centre").html("Erreur de chargement...");
 
 
      }
       });
      });
    	  });
 }
 </script>

26/06/2012, 16h37
SpaceFrog

rebelote ...

Code:

var page=$(this).attr("a.test");
26/06/2012, 16h46
diengkals

merci bien , j ai pas compris ce que vous appelez rebelote

merci d avance
26/06/2012, 17h15
SpaceFrog

http://www.developpez.net/forums/d12...e/#post6765821