Problème avec une shoutbox

Motel
PHP

Bonjour, tous le monde

J'ai créer un mini chat en php, est depuis hier je cherche comment faire pour mettre à droite les messages du premier poster et à gauche le deuxième message du posteur exetera...

Voilà mon code je suis encore qu'un débutant ^^

<?php 
 if(isset($_POST['messages'])) {
 if(!empty($_POST['messages'])) {
 $messages = htmlentities($_POST['messages']);
 $req = $pdo->prepare('INSERT INTO t_shoutbox VALUES("", :username, :messages, :avatar)');
 $req->execute(["username" => $_SESSION['user']->username, "messages" => $messages, "avatar" => $_SESSION['user']->avatar]); }
 }               
?>
<div class="col-lg-4 col-md-4">

                            <!-- -->
                            <div class="sidebarblock" style="height: 450px;">
                            <?php if(isset($_SESSION['user'])): ?>
                                <form class="form newtopic" action="" method="POST">
                                <input type="text" class="form-control" name="messages" placeholder="Commencer à discuter">
                                </form>
                            <?php else: ?>
                            <div class="form newtopic form-control" style="padding-bottom: 5px;">
                                <p>Vous devez être connecté pour discuter</p>
                             </div><br />
                             <?php endif; ?>
                                <div class="blocktxt">
                                <div class="chat__box">
                                <?php 
                                $allmsg = $pdo->query("SELECT * FROM t_shoutbox ORDER BY id DESC LIMIT 0,10");

                                while ($msg = $allmsg->fetch()) {

                                ?>
                            <div style="padding-bottom: 20px;">
                            <div class="chat_av_left avatar"><img src="img/avatar/<?php echo $msg->avatar; ?>" class="image" alt=""></div>
                            <p class="chat"><?php echo $msg->messages; ?></p>

                            <div style="padding-bottom: 20px;">
                            <div class="chat_av_right"><img src="img/lol.png" class="image" alt=""></div>
                            <p class="chat2"<?php echo $msg->messages; ?></p>
                            </div>
                            </div>
                            <?php } ?>

Ce que je veux

Mettre à droite les messages du premier poster et à gauche le deuxième message du posteur exetera...

Ce que j'obtiens

http://www.hostingpics.net/viewer.php?id=418485Capture.png

1 réponse

Lartak

Bonsoir.
Tu pourrais par exemple utiliser la session par exemple :

<?php if ($message->user_id == $_SESSION['id']): ?>
    <div class="chat_av_left avatar">
        <img src="img/avatar/<?= $msg->avatar ?>" class="image" alt="">
    </div>
    <p class="chat"><?= $msg->messages ?></p>
<?php else: ?>
    <div class="chat_av_right">
        <img src="img/lol.png" class="image" alt="">
    </div>
    <p class="chat2"><?= $msg->messages ?></p>
<?php endif; ?>