Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.
Bonjour je souhaiterait faire rafraichir une div seule pour mon tchat (code qui vient de primx) avec le code suivant :
<?php
ini_set('display_errors','on');
error_reporting(E_ALL);
session_start();
include('bd/connexionDB.php');
if(isset($_POST['message']) AND !empty($_POST['message'])){
$pseudo = htmlspecialchars($_POST['pseudo']);
$message = htmlspecialchars($_POST['message']);
$insertmsg = $DB->insert("INSERT INTO chat(pseudo, message) VALUES(?, ?)",
array($_SESSION['pseudo'], $message));
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Accueil</title>
<link href=">css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery-ui.structure.min.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<?php include('menu.php') ?>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div style="background: white; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 10px">
<div style="font-size: 24px; font-weight: bold">
Tchat
</div>
<div id="msg" style="border: 1px solid #cccccc; padding: 10px 0; border-radius: 5px;overflow: scroll;height: 400px;margin: 10px 0; background: white">
<?php
$allmsg = $DB->query('SELECT * FROM chat ORDER BY id ASC');
while($msg = $allmsg->fetch()){
?>
<b><?php echo $msg['pseudo']; ?> : </b><?php echo $msg['message']; ?> <br />
<?php
}
?>
</div>
<?php if(isset($_SESSION['id'])){?>
<div style="border: 1px solid #cccccc; border-radius: 5px; position: relative; padding-top: 5px; background: white">
<form method="post">
<textarea name="message" class="autoExpand" rows="1" data-min-rows="1" id="message" class="msg" placeholder="Envoyer votre message" style="border: none;overflow: none; resize: none; width: 90%; outline: none; padding: 0 5px"></textarea>
<div style="position: absolute;top: -1px;right: 2px;font-size: 28px;"><input id="envoi" type="submit" class="fa fa-arrow-circle-up" value="" style="border: none; background: transparent; outline: none"/></div>
</form>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Hello @Didoub74,
Quand tu crées des topics, précise un maximum d'informations et le pourquoi du comment tu souhaites faire tel ou tel chose...
On peut pas deviner ce que tu veux faire... 😐
Donc pourquoi souhaites-tu faire cela ? 🤔