ajaxを使用したメッセージング/チャットシステムの構築

Question

オンラインの「ユーザーからユーザー」へのオンラインメッセージング/チャットシステムのデータベース構造を構築するのに問題があります...

私が直面している課題のほとんどは、メッセージは、適切な位置にスタイルされています。あなたが送信者であればメッセージは右に浮かび、現在あなたに送信している場合は左に流れます。

私のデータベース構造は次のとおりです。

message_id  #primary key 
userid   #your id 
mwith   #id of the person your are messaging 
seen 
date 

Answer 1

あなたは正確にそれぞれに応じてテキストをalingning任意の具体的な問題を指定するが、あなたは自分のテキストコンポーネントのための具体的なStylyeを使用し、送信者と受信者のためのテキストを揃えたい場合は（自分のCSSに基づいて）いませんスタイル（左または右）

Answer 2

useridとmwithからsenderとreceiverを変更することをお勧めします。

.left { 
    float: left; 
} 

.right { 
    float: right; 
} 

これらの2つのCSSクラスを使用すると、メッセージを左右に浮動させることができます。データベースの部分については

：

SELECT * 
FROM messages 
WHERE sender IN ('".$sender."', '".$receiver."') 
AND receiver IN ('".$sender."', '".$receiver."') 
ORDER BY date ASC 
; 

あなたが今できることは、これらのメッセージをループで、送信者があなたであるかどうかを確認します。この場合は、.leftクラスを追加してください。そうでない場合は、.rightクラスを追加します。

私はチャットシステムの作成にもっと深く踏み込むことができましたが、私の答えは単に広範になります。