Supprimer message livre d'or Ajax [Résolu]

[drogbaaz]

Bonsoir à tous,

Voilà plusieurs heures que je suis à la recherche d'un script rapide permettant la suppression d'un message dans le livre d'or, sans que cela ne rafraîchisse ma page, mais que ça supprime bien le message côté client et côté serveur, donc bien sûr en Ajax..

[andry.aime]

Bonjour,

Tu lances une requête Ajax pour supprimer dans la base et retourne un petit mot au client si ça a été bien supprimer ou non. Si c'est bien supprimer, tu faits un removeChild pour supprimer coté client.

A+.

[drogbaaz]

J'ai ça :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
        <script type="text/javascript">
            function supprimer(id){
                if (id > 0) {
                    //Exécution du script PHP avec Ajax
                    $.get('removeTopic.php', {
                        idsup:id  //variable de type GET (on récupèrera la variable avec $_GET['idsup'])
                    }, function(data){
                    });
 
                }
            }
        </script>

Et ensuite je fais l'appelle de la fonction sur une balise lien, de la sorte :

echo "<br /><a href='supprimer($idDel)'>Remove</a>";

Du fait, je ne sais pas quoi mettre dans la partie "function(data)"..

[andry.aime]

Comme tu utilises jQuery, utilise remove.

A+.

[drogbaaz]

En AJAX pur et dur comment aurait-on pu faire ?

[andry.aime]

AJAX, c'est pour lancer une requête au serveur sans recharger la page. le remove c'est pour supprimer la ligne coté client. Mais tous les 2 sont tous de javascript.

[drogbaaz]

Je drag & drop l'exemple que tu m'as filé, et maintenant je souhaiterais qu'en même temps que ça lance le

Code :

$("p").remove();

, je puisse en même temps supprimer une ligne de ma sql, effectuer une requête en même temps qu'on appuie sur le remove quoi..

[andry.aime]

ben tu mets le remove dans le corps de function(data). Une fois la suppression dans la base effectué, tu supprimes l'affichage.

[drogbaaz]

Je te décompose mes 3 parties :

*J'ai déjà celle ci dans le head du html :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
        <script type="text/javascript">
            function supprimer(id){
                if (id > 0) {
                    //Exécution du script PHP avec Ajax
                    $.get('remove.php', {
                        idsup:id  //variable de type GET (on récupèrera la variable avec $_GET['idsup'])
                    }, function(data){
                        //si la requête s'est bien déroulée
                        $("p").remove();
                    });
 
                }
            }
        </script>

*Ensuite j'ai dans mon php le bouton Remove qui déclenchera toute l'action. Il faut savoir que je le mets à l'intérieur d'un foreach, comme ça ça supprimera une seule entité et non toutes :

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
<p>
                                    <?php
                                        echo "<a href='showTopic.php?id=".$topic->getId()."'>";
                                        echo $topic->getName();
                                        echo "</a><br />";
 
                                        $user = $userManager->findUserById($topic->getAuthorId());
 
                                        echo "Created by ".$user->getFirstName()." ".$user->getLastName()." the ".$topic->getCreationDate();
 
                                        if (isset($_SESSION['is_admin']) && ($_SESSION['is_admin'] == true))
                                        {
                                            //echo "<br /><a href='removeTopic.php?id=".$topic->getId()."'>Remove</a>";
                                            $idDel = $topic->getId();
                                            //echo "<br /><a href='supprimer($idDel)'>Remove</a>";
                                            ?>
                                              <!--<p class="hello">Hello</p>
                                              how are
                                              <p>you?</p>-->
 
                                              <button>Remove</button>
                                            <script>
 
                                                $("button").click(function () {
                                                  $supprimer(<?php $idDel; ?>);
                                                });
 
                                            </script>
                                            </p>

*Enfin dans ma page remove.php je lance la fonction "removeTopic($_GET['idsup']);"

Le problème est que quand j'appuie sur Remove rien ne se déroule, il doit en effet ne pas arriver à la requête SQL.. mais je ne vois pas où ça coince

[andry.aime]

<button>Remove</button>
<script>

$("button").click(function () {
$supprimer(<?php $idDel; ?>);
});

</script>

Code html :

<input type="button" onclick="supprimer('<?php $idDel; ?>');" value="Remove" />

[drogbaaz]

Il ne se passe toujours rien lorsque je clique sur le bouton "Remove", j'comprends pas :S...

Après debug avec des alert(), je vois qu'il ne passe aucunement dans le "$.get('removeTopic.php'", j'comprends pas pourquoi..

[andry.aime]

Essaye avec

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
function supprimer(id){
                alert(id);
                if (id > 0) {
                    //Exécution du script PHP avec Ajax
                    $.get('remove.php', {
                        idsup:id  //variable de type GET (on récupèrera la variable avec $_GET['idsup'])
                    }, function(data){
                        //si la requête s'est bien déroulée
                        $("p").remove();
                    });
 
                }
            }

Et montre nous ton code html généré mais pas le PHP.

A+.

[drogbaaz]

L'alert me donne seulement :

Page sur localhost:8888 says:

[andry.aime]

Donc id n'a pas de valeur .

Montre nous ton code html généré , enfin si tu veux qu'on pourras t'aider

A+.

[drogbaaz]

Mon code html est créer à partir d'un foreach php qui ressort des résultats un à un d'une requête, ce qui donne par exemple quelque chose comme ça :

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
<table> 
                            <tr> 
                                <th></th> 
                                <th>Topic / Author</th> 
                                <th>Messages</th> 
                            </tr> 
                                                        <tr> 
                                <td></td> 
                                <td> 
                                    <p> 
                                    <a href='showTopic.php?id=7'>TestTHreefedff</a><br />Created by Max Fries the 2011-04-14 15:19:28                                              <!--<p class="hello">Hello</p>
                                              how are
                                              <p>you?</p>--> 
 
                                              <input type="button" onclick="supprimer('');" value="Remove" /> 
                                            </p> 
                                                                           </td> 
                                <td> 
                                    0                                </td> 
                            </tr> 
                                                        <tr> 
                                <td></td> 
                                <td> 
                                    <p> 
                                    <a href='showTopic.php?id=10'>Resst</a><br />Created by jdksj fg the 2011-04-14 16:14:10                                              <!--<p class="hello">Hello</p>
                                              how are
                                              <p>you?</p>--> 
 
                                              <input type="button" onclick="supprimer('');" value="Remove" /> 
                                            </p> 
                                                                           </td> 
                                <td> 
                                    3                                </td> 
                            </tr> 
                                                    </table>

Donc le truc serait de pouvoir supprimer en même temps que la ligne dans la base de données, un code situé entre une balise <p></p>

[andry.aime]

<input type="button" onclick="supprimer('');" value="Remove" />

Tu vois que ton paramètre est vide?

[drogbaaz]

Je vois mais c'est pas normal, car dans mon php je fais :

Code :

<input type="button" onclick="supprimer('<?php $idDel; ?>');" value="Remove" />

Et j'ai fait un test "echo $idDel;" et ça affiche bien un ID...

[andry.aime]

Parce que sur ton input, il n'y a pas d'echo

Code :

<input type="button" onclick="supprimer('<?php echo $idDel; ?>');" value="Remove" />

[drogbaaz]

Oui désolé je l'ai vu en envoyant le message >.<".
Ok maintenant l'action du delete fonctionne, mais il y a un problème à l'affichage. Lorsque j'appuie sur le "Remove", le DELETE dans ma table fonctionne, mais à l'écran ne s'enlèvent pas les choses que je souhaiterais..
Devrais-je créer une <div> avec un id, comme ça ça supprime que la div avec l'id demandée ? Si oui, comment l'implémenter dans la fonction ?

[andry.aime]

Dans le tr qui contient les donné à supprimer, tu lui donnes un id comme

Code :

id="ligne<?php echo $idDel; ?>"

et dans le javascript

Code :

1
2
3
4
function(data){
                        //si la requête s'est bien déroulée
                        $("#ligne"+id).remove();
                    }

A+.