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.
Non Résolu
Rafraichir une "div" automatiquement
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>
1561 vues
09 décembre 2019 à 20:44 (Édité)