Question

i did a small ajax div refresh, but instead of replacing the values with the new ones, jquery adds the new data before the old ones.

What possibily causes that please ?

<script type="text/javascript">
$(document).ready(function(){


        $('#AJAX').click(function(e){  
            e.preventDefault();  
            var hebergeur = $('#hebergeurJQUERY').val();

                $.post("/statistiques/maj-bloc-commentaires.php", { hebergeur : hebergeur },
                 function(data){
                    // déclenchée seulement si succès
                    $("#TOREPLACE").replaceWith(data).val( );
                 });  
            });


 }); 
</script>

The HTML :

    print '<div id="TOREPLACE">
<div class="detail_commentaires"> 
        <table class="tableau_detail_commentaires">
         <tr>
          <td class="tab_space">Serveur <strong>'.$row['type'].'</strong></td>
          <td>Qualite</td>
          <td style="color:'.$c_vote.'">'.htmlentities($row['vote']).'</td>
         </tr>
</table>
</div>
</div>';

The PHP ajax echo :

print ‘

<table class="tableau_detail_commentaires">
 <tr>
  <td class="tab_space">Serveur <strong>'.$row['type'].'</strong></td>
  <td>Qualite</td>
  <td style="color:'.$c_vote.'">'.htmlentities($row['vote']).'</td>
 </tr></table></div></div>';

Thanks

Answer 1

Ok, i finally found that the ID to replace was inside a PHP loop

i fixed that 😉