Discussion :

[spawns]

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[darkterreur]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

'<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#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.

[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