Formulaire dans une boucle

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

J'ai un problème au niveau de mon formulaire : dans celui-ci une liste d'enregistrement est affichée depuis la bdd et quand je clique sur "envoi" le message est bien envoyé avec l'id de l'enregistrement ; mais il n'envoie pas seulement celui modifié mais toute la liste d'enregistrement et donc le message ne vient pas s'ajouter dans la bdd. Je ne comprend pas trop pourquoi.... si quelqu'un a une idée !

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
 
function envoie(formreponse){
 var message = document.formreponse.msg.value;
 var rep = document.formreponse.rep.value;
$.ajax({
        url : "reponseamdin.php", 
        type : "POST", 
        data : "message=" + message + "&rep=" + rep,
        success : function(html){
        $('#conversation').append(html);
        $('#msg').val('');
 
        }
 
    });
}
        </script>
    </head>
 
 
    <body>
 
        <div id="container">
        <h2>Administrateur</h2>
        <h3>Notifications</h3>
            <cite>Les questions rester sans reponses par les utilisateurs</cite>
        <div id="notification">
 
            <?php
        include'../bdd.php';
        $req = $dbh -> query('SELECT * FROM conversation WHERE reponse=""');
        echo"<table><form method='POST' name='formreponse'><tr><th>Question</th><th>Reponse</th><th>ok</th></tr>";
        while ($data = $req -> fetch()){
        $result = $data['question'];
        $rep = $data['id'];
        echo "<tr><input type='hidden' value='$rep' name='rep' id='rep'/><td>$result</td> <td><input type='text' name='msg' id='msg'/></td><td><input type='submit' onclick='envoie();'/></td></tr>";
  }
        echo"</form></table>";
        ?>
        </div>
        <div id="conversation" name="conversation"></div>
 
     </div>
    </body>
</html>

de plus j'envoie les données de mon formulaire grâce à une fonction js et voici ce que j'ai dans ma console :

Pièce jointe 238232

ensuite ma page reponseamdin est censé envoyer le message en fonction de l'id dans la bdd

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
 
$message = $_POST['message'];
$rep = $_POST['rep'];
//si le message est vide on affiche la reponse 
 
if (!empty($message)){
 
include'../bdd.php';
$req = $dbh->query("UPDATE `conversation` SET `reponse` = '$message' WHERE id = '$rep' ");
 
}
 
else {
    $reponse = "Le message est vide";
    echo $reponse;
}
?>

mais il affiche "Le message est vide"

CDT

25/01/2017, 14h55
sabotage

Où vois-tu que "toute la liste" est envoyée ?
25/01/2017, 15h04
vinil

sur la photo dans la console il affiche :
rep:4
msg:
rep:6
msg:

alors que si j'ai entrer le message dans la première ligne logiquement il ne devrait pas afficher le deuxième msg: vide je pense que le problème vient de la.
25/01/2017, 15h06
Geoffrey74
Tu as un soucis dans ta requête ajax, tu la formate pour une requête GET :

Code:

data : "message=" + message + "&rep=" + rep,

essaie ça :
Code:

1 2 3 4 data: { message: message, rep: rep },
25/01/2017, 15h33
vinil

toujours pareil sa ne change rien et je n'ai aucun message d'erreur j'ai essayer ma requête sql directement dans ma base de donnée et sa ne vient pas de ma requête
25/01/2017, 15h49
Geoffrey74

Mets un var_dump($_POST); avant le if dans ta page reponseamdin et vois le retour sous chrome.

Aussi, dans ta boucle while, tu as :

Code:

echo "<tr><input type='hidden' value='$rep' name='rep' id='rep'/><td>$result</td> <td><input type='text' name='msg' id='msg'/></td><td><input type='submit' onclick='envoie();'/></td></tr>";

tu utilises donc les memes id pour tous les champs text, il doit prendre toutes les valeurs qu'il trouve, ce qui pourrait expliquer pourquoi tu as un boucle de valeur.
25/01/2017, 15h56
vinil

Effectivement ! le var_dump($_POST); ma permis de savoir qu'il n'envoyer que le dernier enregistrement et comme j'ai remplie le premier il dit que mon $_POST est vide j'ai test avec une seul ligne et sa marche mais donc comment je doit faire pour qu'il prenne en compte celui que je modifie seulement sa doit ce faire dans la boucle ?

Essai ç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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
 
$('.submit').click(function() {
       var message = $('#msg_'+this.id).val();
 
       $.ajax({
               url : "reponseamdin.php", 
               type : "POST", 
               data : {
                     "message: message,
                     rep: this.id
              }
               success : function(html){
                      $('#conversation').append(html);
                      $('#msg').val('');
               }
       });
});
        </script>
    </head>
 
 
    <body>
 
        <div id="container">
        <h2>Administrateur</h2>
        <h3>Notifications</h3>
            <cite>Les questions rester sans reponses par les utilisateurs</cite>
        <div id="notification">
 
            <?php
        include'../bdd.php';
        $req = $dbh -> query('SELECT * FROM conversation WHERE reponse=""');
        echo"<table><tr><th>Question</th><th>Reponse</th><th>ok</th></tr>";
        while ($data = $req -> fetch()){
        $result = $data['question'];
        $rep = $data['id'];
        echo "<tr><td>$result</td> <td><input type='text' name='msg' id='msg_'".$rep."/></td><td><button  class='submit' id='".$rep."'>Valider</button></td></tr>";
  }
        echo"</table>";
        ?>
        </div>
        <div id="conversation" name="conversation"></div>
 
     </div>
    </body>
</html>

Je n'ai pas tester, mais l'idée est là.

25/01/2017, 16h23
vinil

j'ai tester le code et au moment ou je clique sur "Valider" il ne se passe rien
25/01/2017, 16h29
Geoffrey74

Ajoute une alerte dans la fonction du submit pour voir si il est bien appelé.

et regarde dans le journal javascript si je n'aurai pas fais une erreur de code (ctrl+maj+j sous chrome)

1 pièce(s) jointe(s)

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
 
$('.submit').click(function() {
    alert("ok");
       var message = $('#msg_'+this.id).val();
 
       $.ajax({
               url : "reponseamdin.php", 
               type : "POST", 
               data : {
                     message: message,
                     rep: this.id
              },
               success : function(html){
                      $('#conversation').append(html);
                      $('#msg').val('');
               }
       });
});
        </script>
    </head>
 
 
    <body>
 
        <div id="container">
        <h2>Administrateur</h2>
        <h3>Notifications</h3>
            <cite>Les questions rester sans reponses par les utilisateurs</cite>
        <div id="notification">
 
            <?php
        include'../bdd.php';
        $req = $dbh -> query('SELECT * FROM conversation WHERE reponse=""');
        echo"<table><tr><th>Question</th><th>Reponse</th><th>ok</th></tr>";
        while ($data = $req -> fetch()){
        $result = $data['question'];
        $rep = $data['id'];
        echo "<tr><td>$result</td> <td><input type='text' name='msg' id='msg_'".$rep."/></td><td><button  class='submit' id='".$rep."'>Valider</button></td></tr>";
  }
        echo"</table>";
        ?>
        </div>
        <div id="conversation" name="conversation"></div>
 
     </div>
    </body>
</html>

Pièce jointe 238314

non effectivement il ne l'appel pas pourtant je ne vois aucune erreur..

25/01/2017, 17h46
Geoffrey74

Je viens de tester, ça fonctionne bien :weird:

Tu travail en local sur ton pc ou sur un serveur distant ?
26/01/2017, 11h16
vinil

désolée du retard je travail sur Cloud9 donc je ne pense pas que sa vient de la et pourquoi rien ne se passe quand je clique sur valider ?
26/01/2017, 11h38
Geoffrey74

Est-ce possible d'avoir l'url pour regarder ?
Il y a forcément une erreur quelque part.
26/01/2017, 11h46
Geoffrey74
Code:

SyntaxError: missing } after property list

Remplace

Code:

data : 'message=' + message + '&rep=' this.id,

Par
Code:

1 2 3 4 data : { message: message, rep: this.id },
26/01/2017, 11h48
vinil

c'est fait

J'ai fais une erreur toute bête :aie:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 $(function() {
			$('.submit').click(function() {
				alert("ok");
				   var message = $('#msg_'+this.id).val();
				   $.ajax({
						   url : "reponseamdin.php", 
						   type : "POST", 
						   data : {
								 message: message,
								 rep: this.id
						  },
						   success : function(html){
								  $('#conversation').append(html);
								  $('#msg').val('');
						   }
				   });
			})
		});

EDIT:

Attention aussi, l'id de msg est en dehors de tes ' '

Code:

id='msg_'".$rep."

Code:

id='msg_".$rep."'

26/01/2017, 13h03
vinil

aaaaa merci beaucoup !!!