javascript - Facebookチャットのようなウィンドウ

Question

Facebookのチャットウィンドウは、ページを更新したり、ページを変更したりしても、変更されずに開いたままになります。似たようなものを再現する方法は？フレームセットで試しましたが、機能しませんでした。

ウェブサイトのリンクでページやクローカーを更新した後でも、divを内部と同様のウィンドウで開いたままにするにはどうすればよいですか？

Answer 1

彼らのように、あなたは試すことができます -

1. データは Facebook ページ間で共有されます。おそらくHTML5 localStorage？クッキー？わからない。

2. お気づきの場合は、ページを「更新」せず、ページのコンテンツを後続の読み込みのために ajax 更新します。(もちろん、手動で同じページに移動しない限り)。

3. 最後に、そのすべての CSSを主にいくつかz-index使用します。

これらの 3 つで十分に開始できることを願っています。

Answer 2

Facebookのページ全体が読み込まれていないと思います。すべてのリンクには独自の「ターゲット」があります。それらのほとんどは、ページをフェッチして (単に AJAX を使用していると思います)、表示するものもあれば、画面の一部を変更するだけのものもあります。たとえば、2 つの div があるとします。1 つの div はチャット div です。固定されたすべての位置、100 の z-index、常に上にとどまります。ページの残りの部分は他の div です。この div 内では、画面全体を更新することなく、特定のページを AJAX で読み込むことができます。

画面のリロードと同様に、ユーザーがチャット画面を閉じた場合でも開いた場合でも、(AJAX を使用して) 簡単に保存できます。「チャット」などと呼ばれるデータベースにテーブルを作成するだけで、チャット画面が開いたときに、そのテーブルに「person_1」、「person_2」、「lastmessage」、および「active」を入力します。彼らがチャットを閉じたら、「アクティブ」フィールドを false に設定できます。次に、誰かが Web サイト全体をロードするたびに、アクティブなチャットがないかテーブル チャットをチェックし、存在する場合はそれらを表示します。