Rafraichir une div après suppression

Version imprimable

Bonjour a tous,
je suis débutant en JS/Ajax donc j'imprime pas tous :)
voila ce qui m'amene dans un back office je creer une fonctionnalité pour supprimer des entrées en BDD

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
echo'<div id="lasupp">
		<br /><div style="padding-left:10px" >';
 
$req = mysql_query("SELECT * FROM footer WHERE colonne ='1' ORDER BY position ASC") or die("Erreur SQL !"); 
echo'<div style="float:left">
<table width="100%" style="border:1px dotted #000000">
<tr>
<td colspan="2" style="font-size:16px;font-weight:bold;color: #595959;border-bottom:1px dotted #000000">Colonne N°1</td></tr>';
 while($data = mysql_fetch_array($req)) 
 {
echo'
<tr>
<td width="180px" class="centre">
<form id="formfooter" action="#" method="post" >
<input type="hidden" name="id" size="40" value="'.$data['id'].'" />
'.$data['nom'].'</td>
<td width="100px" class="centre" >
<input class="btn btn-rouge centre" type="submit" value="Supprimer"><br />
</form>
</td></tr>
<tr><td colspan="2">&nbsp;
</td></tr>
'; 
}
echo'</table></div>
<div style="float:left;width:15px">&nbsp;</div>'; ......
 
<div id="erreur" ></div>
<div id="resultatajax" ></div>
 
?>
<script type="text/javascript">

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
jQuery(function () {
    jQuery("#formfooter").submit(function () {
 
        id = jQuery(this).find("input[name=id]").val();
        jQuery.post("../tccmodules/footer/supp.php", {
            id: id
        }, function (data) {
 
            if (data != "1") {
                jQuery("#erreur").hide().empty().html("<br /><div style='margin-left:10px'><div class='okno'>Tous les champs doivent être rempli.</div></div>").slideDown();
            } else {
                jQuery("#erreur").hide();
                jQuery("#resultatajax").hide().html("<br /><div style='margin-left:10px'><div class='ok'>Votre lien a bien été supprimé.</div></div>").slideDown();
                jQuery("#lasupp").load("suppression_lien_footer.html #lasupp");
 
            }
        });
        return false;
    });
 
 
});
</script>

Mon souci c'est que lorsque je click sur supprimer cela supprimer bien l'entrée, mais si je veux supprimer à nouveau une autre entrée
les bouton "supprimer" ne fonctionne plus comme si il été inactif
Quelqu'un à une idée ???
Merci d'avance
Cdt

j'ai trouvé quelque info de mon coté il s'agirait du fait que les page chargé avec load n’exécute pas par la suite Jquery.
il faut appartement voir du coté de la fonction on() mais je ne vois pas comment l'adapter à mon code.

Si qql'un pouvait m'indiquer la marche a suivre cela serait cool
Merci

Bonjour,

Je suppose que ta page "supp.php" effectue un delete en base ?

Pour ma part je n'aurai pas fait exactement comme toi.
Dans un premier temps j'aurai créer la div

Code:

'<div id="lasupp">

Puis je me serai servit d'une premiere fonction Ajax ou dans le fichier ajx_qqc.php, je fait la requête et je construit le form.
Code:

1 2 3 4 5 $req = mysql_query("SELECT * FROM footer WHERE colonne ='1' ORDER BY position ASC") or die("Erreur SQL !"); echo'<div style="float:left"> <table width="100%" style="border:1px dotted #000000"> <tr> ....
Ensuite avec ton bouton peut lui mettre un .on
Code:

1 2 3 $('#lasupp').on('click', '.btn-rouge', function() { /* code */ });
Avec cette syntaxe le js de .on va s'appliquer à tout les éléments que tu va rajouter ou enlever à la volé dans ta div "lasupp"
dans ton cas un fois supprimer la ligne je rappellerai l'ajax de départ qui reconstruit le tableau pour faire un

Code:

$('#lasupp').html(resultat_ajax);

C'est ce qu'il y a de plus rapide et de plus simple je pense.

Sinon tu peux pour faire plus propre rajouter à chaque TR l'id bdd comme id de balise et rajouter un bouton à chaque fin de TR avec une class identique.
Par exemple ".btn-rouge" dans notre cas. Comme cela chaque ligne aura son bouton supprimer et dynamiquement tu supprimera une ligne sans avoir à rappeler ton Ajax pour refaire tout ton tableau.

15/09/2014, 23h28
spawns

ok merci pour les explications,
c'est pas évident avec mon niveau mais je devrais arrivé à faire qqle chose.
Merci encore pour les infos.

cdt