Faire Appraitre un chat après avoir remplir un input

Suivre ce topic
Ce topic est suivi par : Personne...
stranger98

stranger98 Le 11 novembre 2016 à 14:54 (Édité le 25 janvier 2019 à 17:52)

Bonjour a tous,
j'ai créer un chat simple avec actualisation automatique jusqu'à la tout va bien,
maintenant je voulais juste faire apparaître le input du pseudo et quand je mets le pseudo et je Click sur ok
et ben ça apparaît le textarea avec le pseudo, pour pouvoir chatter avec mon pseudo.
voila mon code:

<?php
 
$bdd = new PDO("mysql:host=127.0.0.1;dbname=page", "root", "");
 
if(isset($_POST['pseudo']) AND isset($_POST['message']) AND !empty($_POST['pseudo']) AND !empty($_POST['message']))
{
    $pseudo = htmlspecialchars($_POST['pseudo']);
    $message = htmlspecialchars($_POST['message']);
 
    $insertmsg = $bdd->prepare('INSERT INTO chat(pseudo, message) VALUES(?, ?)');
    $insertmsg->execute(array($pseudo, $message));
 
    header('Location: chat.php');
}
?>
<!DOCTYPE html>
<html>
    <head>
        <title>Chat</title>
        <meta charset="utf-8">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    </head>
    <body>
 
        <form method="POST" action="">
            <input id="pseudo" type="text" placeholder="Pseudo" name="pseudo" value="<?php if(isset($pseudo)) {echo $pseudo;} ?>" /><br>
            <textarea id="message" type="text" name="message" placeholder="Message"></textarea><br>
            <input type="submit" value="Envoyer" />
        </form>
 
         
        <div id="tout">
            <?php
             
            $allmsg = $bdd->query('SELECT * FROM chat ORDER BY id DESC');
            while($msg = $allmsg->fetch())
            {
            ?>
 
            <b><?php echo $msg['pseudo']; ?> :</b>
            <?php echo $msg['message']; ?><br>
 
            <?php
            }
            ?>
        </div>
 
 
        <script>
            setInterval('load_messages()', 2500);
            function load_messages()
            {
                $('#tout').load("load.php");
            }
        </script>
 
    </body>
</html>
merci d'avance
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte