一、統一名詞
文字框:顯示聊天內容的框架頁面
輸入框:輸入聊天資訊的框架頁面
重新整理框:自重新整理獲取最新聊天資訊的框架頁面,該頁面不直接顯示出來
二、如何實現
實現無重新整理,就是要在當前文字框聊天內容後面不斷的新增新的聊天資訊。
實現的方式是「新增新資訊」,而不是「重新重新整理」。
三、技術要點
實現像chat.163.com的無閃爍重新整理的聊天室要用到的關鍵**:
1.自重新整理:
2.向html檔案寫**:
四、例子
1.frame.asp頁面。最簡單的包含三個框架頁
文字框frametext.htm;name=frametext
輸入框frameinput.asp;
重新整理框framerefresh.asp;
2.文字框frametext.htm內容:
最簡單的文字內容。略
3.輸入框frameinput.asp內容:
略4.重新整理框framefresh.asp內容(關鍵)
......
<%
'此處用**獲取最新的聊天資訊
'最新資訊儲存在陣列arrrecord()
'outnum引數紀錄是否有新的聊天紀錄出現
%>
.....
<%
if outnum>0 then '對於使用者來講,如果有新的資訊的話,則輸出新資訊,否則不
輸出response.write ""
end if
%>
.....
五、相關問題
1.自重新整理存在的乙個問題是焦點定位問題(也就是自動滾屏的問題)。使用者在文
本框看到的都是第一次進入chatroom看到的內容的位置,不會自動滾屏到新資訊
的位置,必須滾動滾動欄才可以。
在chat.163.com,它通過使用者點選「自動滾屏」的方法來實現。其實就是選擇「
自動滾屏」,程式將啟用控制文字框滾屏的乙個js程式,關鍵部分為:
function scrollwindow()
2.清屏。如果不清屏,一直開著聊天視窗,文字框文字內容將永無止境的增加。
清屏可以通過reload 文字框頁面的方法實現。
ajax無重新整理聊天室系統
php愛好者聊天室公告 歡迎來到聊天室 資料庫sql語句 create table message id int unsigned not null auto increment,msg varchar 32 not null,sender varchar 6 not null,receiver v...
無重新整理聊天室 簡訊陪聊程式
主頁面index.asp 返回聊天內容chat log.asp response.expires 1 response.expiresabsolute now 1 response.cachecontrol no cache if isnumeric request id then set rs c...
整體重新整理和區域性重新整理frameset視窗
在專案中,經常會遇到頁面分割,最常見的系統或 的主介面。主頁面分為,上面系統簡介 下面作者簡介 左邊系統功能選單 右邊則是選單真正展示的介面。遇到這種這種分割頁面,大家首先想到是frameset,使用framset分割多種frame,這種方式簡單。若是不喜歡使用framset,喜歡前台設計的人也許會...