affichage direct via le submit

Version imprimable

Bonjour a tous
Je voudrais que le message du formulaire apparaisse simultanément lors du post.
Le message dois être au dessus du formulaire et c'est là que ça cloche.
La requête se passe bien en bas du formulaire mais pas en haut.
voici mon exemple : oOo
Le code :

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>
    <head>
 
      <title> Le 9eme Cercle message</title>
<link href="csstyle.css" rel="stylesheet" type="text/css" />
 
</head>
  <body bgcolor ="#000000">
<?php
 
//les données de la table que je voudrais en affichage direct
 
$pdo = new PDO('mysql:host=ipdusite;dbname=basededonnees', 'nomdelabase', '****');
$sqlcom = 'SELECT pseudo, mess_com FROM messtable ORDER BY id_mess DESC';
$valc = $pdo->prepare($sqlcom);
$valc -> execute();
$valcoms = $valc-> fetchAll();
foreach ($valcoms as $valcom) {
                           ?>
		   <span class="gris6txt"><</span>
		   <span class="rouge"><?php echo $valcom['pseudo']; ?></span>
		   <span class="gris6txt">>-</span>
		   <span class="gris9txt"><?php echo $valcom['mess_com']; ?></span><br>
 
<?php }
?>
 
<img src="le9eme.png" width="571" height="315"/><br>
 
<?php
 
// la methode post pour enregistrer dans la table
 
if (isset($_POST['subpost'])){
        if ($_POST['pseudo']!="" && $_POST['message']!="") {
        
                $message = $_POST['message'];
            $pseudo = $_POST['pseudo'];
           
                    $req = $pdo -> prepare("INSERT INTO messtable (pseudo, mess_com) VALUES (:pseudo, :mess_com)");
            $req -> execute(array(
                ":pseudo" =>  $pseudo,
                            ":mess_com" =>$message,
                     ));
        }
    $pseudo = "";
    $message= "";    
    $_POST['pseudo']="";
    $_POST['message']="";
 
    }
        
    // pour les erreurs de verifications
        
       $look="";
    if (isset($_POST['verif'])) {
 
        $pseudo = $_POST['pseudo'];
        $message = $_POST['message'];
 
        if ($pseudo == ""){
            $look = "ton pseudo !"; 
            }         
        if ($message == ""){
            $look = "ton message !";
        }
        if ($pseudo=="" && $message==""){
                $look = "un petit effort !!";
            }  
    }
 
    if (isset($_POST['verif'])) {
        echo "<span class='gris6txt'><</span><span class='rouge'>$pseudo</span><span class='gris6txt'>>-</span><span class='gris9txt'>$message</span>";
        }
 ?><br> <span class="bleu">
    <?php echo $look; ?>
    </span><br>
 
	// le formulaire
 
	<form action="index.php" method="post">
    <?php
     if (isset($_POST['verif']) || isset($_POST['subpost'])) {  
    $pseudo = $_POST['pseudo'];
    $message = $_POST['message'];
    echo '<input style="width: 100px"value="'.$pseudo.'" name="pseudo" type="text" />';
    echo '<input style="width: 350px" value="'.$message.'" name="message" type="text" />';
    } else {
    echo '<input style="width: 100px" placeholder="pseudo" name="pseudo" type="text" />';
    echo '<input style="width: 350px" placeholder="message" name="message" type="text" />';
    }
$pseudo="";
$message="";
$_POST['pseudo']="";
$_POST['message']=""; 
?> 
<button name="verif" type="submit">vérifier</button>
<button name="subpost" type="submit">poster</button><br>
 
<?php
 
// les données de la table direct
 
$sqlcom = 'SELECT pseudo, mess_com FROM messtable ORDER BY id_mess DESC';
$valc = $pdo->prepare($sqlcom);
$valc -> execute();
$valcoms = $valc-> fetchAll();
foreach ($valcoms as $valcom) {
                           ?>
		   <span class="gris6txt"><</span>
		   <span class="rouge"><?php echo $valcom['pseudo']; ?></span>
		   <span class="gris6txt">>-</span>
		   <span class="gris9txt"><?php echo $valcom['mess_com']; ?></span><br>
 
<?php }
?></form>
</div>
</body>
</html>

Quelqu'un voit-il comment faire ??

Ta page est simple mais ton script est franchement imbittable, au final tu t'y perds et perso je n'y comprends rien ;)

Il faut procéder avec un minimum de méthode et... indenter correctement ton code.

J'ai simplifié en :
1. Messages d'erreur en haut de page (je crois que c'est ce que tu voulais)
2. Formulaire
3. Affichage des messages

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
52
53
54
55
56
57
58
59
60
<?php
 
// PARTIE 1 : LES TRAITEMENTS
 
$pdo = new PDO('mysql:host=ipdusite;dbname=basededonnees', 'nomdelabase', '****');
 
$errors = []; // Tableau des erreurs du formulaire
 
// Traitement du formulaire si soumis
if (isset($_POST['pseudo'], $_POST['message'])) {
    if ($_POST['pseudo'] === '') {
        $errors[] = 'Ton pseudo !';
    }
    if ($_POST['message'] === '') {
        $errors[] = 'Ton message !';
    }
    if (empty($errors)) { // Si pas d'erreurs, insertion en base
        $insert = $pdo->prepare('INSERT INTO messtable (pseudo, mess_com) VALUES (:pseudo, :mess_com)');
        $insert->execute([
            'pseudo' =>  $_POST['pseudo'],
            'mess_com' =>$_POST['message'],
        ]);
    }
}
 
// Récupère les messages
$sql = 'SELECT pseudo, mess_com FROM messtable ORDER BY id_mess DESC';
$messages = $pdo->query($sql)->fetchAll();
 
// PARTIE 2 : LA VUE / L'AFFICHAGE
 
?>
<html>
    <head>
        <link href="csstyle.css" rel="stylesheet" type="text/css" />
        <title>Le 9e Cercle message</title>
    </head>
    <body bgcolor="#000000">
 
        <img src="le9eme.png" width="571" height="315"/>
 
        <?php if (!empty($errors)): ?>
            <p>Erreurs : <span class="bleu"><?= implode(' / ', $errors) ?></span></p>
        <?php endif ?>
 
        <form action="index.php" method="post">
            <input type="text" name="pseudo" placeholder="pseudo" style="width: 100px" value="<?= htmlspecialchars($_POST['pseudo'] ?? '') ?>">
            <input type="text" name="message" placeholder="message" style="width: 350px" value="<?= htmlspecialchars($_POST['message'] ?? '') ?>">
            <button type="submit">poster</button>
        </form>
 
        <?php foreach ($messages as $message): ?>
            <span class="gris6txt">&lt;</span>
            <span class="rouge"><?php echo $message['pseudo']; ?></span>
            <span class="gris6txt">&gt;-</span>
            <span class="gris9txt"><?php echo $message['mess_com']; ?></span><br>
        <?php endforeach ?>
 
    </body>
</html>

Merci bien Sèb.
Tu vas faire des bons, j'ai bodybuilder ton code, le voici, c'est exactement ce que je voulais : -> oOo

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<?php
 
// PARTIE 1 : LES TRAITEMENTS
 
$pdo = new PDO('mysql:host=ipdusite;dbname=basededonnees', 'nomdelabase', '****');
 
$errors = []; // Tableau des erreurs du formulaire
 
 $tem=0; //initialisation du temoin
i
f (isset($_POST['pseudo'], $_POST['message'])) {
    if ($_POST['pseudo'] === '') {
        $errors[] = 'Ton pseudo !';
    }
    if ($_POST['message'] === '') {
        $errors[] = 'Ton message !';
    }
 
 
	if ((empty($errors) && isset($_POST['subpost']))) { // Si pas d'erreurs, insertion en base
        $insert = $pdo->prepare('INSERT INTO messtable (pseudo, mess_com) VALUES (:pseudo, :mess_com)');
        $insert->execute([
            'pseudo' =>  $_POST['pseudo'],
            'mess_com' =>$_POST['message'],
        ]); 
		$tem=1; //temoin 1 pour reconnaitre l'INSERT
		}
 
 
// Récupère les messages
$sql = 'SELECT pseudo, mess_com FROM messtable ORDER BY id_mess DESC';
$messages = $pdo->query($sql)->fetchAll();
 
// PARTIE 2 : LA VUE / L'AFFICHAGE
 
?>
<html>
    <head>
        <link href="csstyle.css" rel="stylesheet" type="text/css" />
        <title>Le 9e Cercle message</title>
    </head>
    <body bgcolor="#000000">
 
        <?php foreach ($messages as $message): ?> // tous les post avec le dernier qui s'affiche dès le clique du 'subost'
            <span class="gris6txt">&lt;</span>    // ce pourquoi j'ai poster ce message
            <span class="rouge"><?php echo $message['pseudo']; ?></span>
            <span class="gris6txt">&gt;-</span>
            <span class="gris9txt"><?php echo $message['mess_com']; ?></span><br>
        <?php endforeach ?>
 
	  <img src="le9eme.png" width="571" height="315"/>
 
	 <?php   if (!empty($errors)){ ?>
         <br><span class="ocren"><?php echo implode(' ', $errors); ?></span>
 
	  <?php }
	     if (isset($_POST['verif'])): // le post verif pour teser le message
            $tem=2; ?>
            <br><span class='gris6txt'><</span>
	        <span class='rouge'><?=$_POST['pseudo']?></span>
	        <span class='gris6txt'>>-</span>
	        <span class='gris9txt'><?=$_POST['message']?></span>
    	<?php endif ?>
      <form action="index.php" method="post">
          <?php
		 if ($tem==0) {		// si rien est selectionné disposé le placeholder 
		   echo '<input style="width: 100px" placeholder="pseudo" name="pseudo" type="text" />';
          echo '<input style="width: 350px" placeholder="message" name="message" type="text" />';
		 } if (isset($_POST['verif'])) {  // le mode vérif avec les valeurs inscrite précédemment
          ?>
          <input style="width: 100px"value="<?php echo $_POST['pseudo']; ?>" name="pseudo" type="text" />'
          <input style="width: 350px" value="<?php echo $_POST['message']; ?>" name="message" type="text" />'
    <?php 
		  }
		else if ($tem==1) {    // temoin=1 apres validation du post, remetre les placeholder
		  echo '<input style="width: 100px" placeholder="pseudo" name="pseudo" type="text" />';
          echo '<input style="width: 350px" placeholder="message" name="message" type="text" />';
		}  
 
	 ?>
	<button name="verif" type="submit">vérifier</button>
    <button name="subpost" type="submit">poster</button><br>
 </form>
</body>
</html>

Merci 8-)

13/08/2024, 09h56
Séb.

Heureux que ça te convienne, et dommage que tu ne suives pas mes conseils, le script est déjà incompréhensible :mouarf: ;)