聊天室可以采用完全自由的方式運行,你可以隨意輸入呢稱,不用密碼,不保存你的聊天狀態,優點是:自由,非常適合於游客!另外一個方法是注冊聊天室,每個進入聊天室的人都要輸入自己的用戶名和密碼才能進入!優點:充分體現個性,非常適合於老朋友,他們的呢稱不會被人惡意侵占使用.我的聊天室使用注冊方法!
注冊通常采用2種方法:
1、先注冊然後進入聊天
2、自動注冊
然後在裡面修改自己的資料!我采用第2種方法!!每個新進入的聊友的用戶名會被自動保存到注冊到數據庫內,下次登陸必須輸入准確的密碼才能進入!
下面是判斷部分!本程序使用文本數據庫!
//$useronline為在線人的數據文件名稱
//$useronlinelock為在線人的鎖定標志
//$register為已經注冊的數據文件名稱
//$registerlock為注冊文件的鎖定標志
//$split為分隔符
//登陸參數 enter
if($action == "enter")
{
//當前時間秒數
$timecurrent = date("U");
//鎖定在線人數文件,防止同時修改同一個文件
while( file_exists($useronlinelock))
{
if(!file_exists($useronlinelock))
{
break;
}
}
//創建臨時文件
fclose(fopen($useronlinelock,"w"));
//讀入在線用戶和已經注冊用戶的信息:密碼,昵稱,更新時間
$useronline = file($useronline);
$register = file($register);
//用於判斷登陸是否成功的標志
$namesign=0;
//判斷用戶名,密碼的錯誤,用戶名不允許為空,不允許超過10個字符,密碼不允許超過20個字符
if(($name =="") || (strlen($name) ＞ 10) || (strlen($pass) ＞ 20) )
{
print("沒有昵稱或密碼過長");
//登陸失敗
$namesign=1;
//刪除臨時文件
unlink($useronlinelock);
}
else
{
//查找是否已經有人注冊或者密碼錯誤
$foundsign=0;
for($i=0;$i＜count($register);$i++)
{
//分割
$tempregister = split($split,$register[$i],99);
//找到已經注冊的用戶名
if( $name == $tempregister[0] )
{
//已經找到標志
$foundsign=1;
//密碼正確嗎
if($pass != $tempregister[1])
print("密碼錯了!");
//登陸失敗
$namesign=1;
unlink($useronlinelock);
break;
}
else
{
//老用戶登陸成功
$namesign=0;
break;
}
}
}
//如果沒有找到這個用戶名,那麼就自動注冊
if(!$foundsign)
{
//保存用戶名和密碼
$handle = fopen($register,"a");
fputs($handle,"$name$split$pass$splitrn");
fclose($handle);
//新用戶登陸成功
$namesign=0;
}
}
}
if(!$namesign)
{
//更新在線人的名單
$useronlinehandle = fopen($useronline,"w");
//判斷是否已經在裡面,只是刷新頁面
$updatesign = 0;
for($i=0;$i＜count($useronline);$i++)
{
$usertemp=split($split,chop($useronline[$i]),99);
if($name == $usertemp[0])
{
//更新標志
$updatesign = 1;
fputs($useronlinehandle,$useronline[$i]);
}
else
{
fputs($useronlinehandle,$useronline[$i]);
}
}
//如果沒有在裡面,則增加到裡面
if(!$updatesign)
fputs($useronlinehandle,"$name$split$level$split$pass$split$timecurren
trn");
fclose($useronlinehandle);
//去掉縮定
unlink($useronlinelock);
//登陸成功
}
到這裡,用戶的驗證已經完成,聊友已經合法的進入了聊天室,攜帶者呢稱和密碼
登錄
1、頁面登陸的基本要素
你可以在我的竹葉看到登陸的表單,這裡提供了最基本的登陸表單項
(1)登陸表單
＜form method=POST name=chatform action=chat/login.php?action=enter onSubmit="b1_submit();return true;" target="howtodo"＞
(a)聊天表單的名字為chatform,我使用action=enter作為進入聊天室的入口,如果沒有這個參數,則顯示登陸頁面.
(b)在表單提交時,先調用b1_submit()建立聊天的窗口
(c)聊天的目標窗口為b1_submit()建立的howtodo窗口
(2)表單項
昵稱:＜input type=text name=name size=15 maxlength="10"＞
密碼:＜input type=password name=pass size=15 maxlength="10"＞
＜input type=submit name=submit value=登陸 ＞
＜input type=reset name=reset value=重添 ＞
(a)各表單項一定要設定最大允許長度 maxlength
(3)建立聊天窗口的js
＜script LANGUAGE="javascript"＞
function b1_submit(){
chat=window.open('',"howtodo",'Status=no,scrollbars=no,resizable=no');
chat.moveTo(0,0);
chat.resizeTo(screen.availWidth,screen.availHeight);
chat.outerWidth=screen.availWidth;
chat.outerHeight=screen.availHeight;
}
這段代碼先打開一個沒有狀態欄,滾動條,可調整尺寸的howtodo窗口!然後移動到屏幕左上角,然後放大到允許的屏幕大小.
在線人數
我根據網易聊天室的在線人數的方法,顯示當前的在線人數,代碼解釋如下:
1、登陸時建立在線人名單的數組,放在body後面
＜?
//鎖定在線人數文件
while(file_exists($useronlinelock)){$pppp++;}
fclose(fopen($useronlinelock,"w"));
//讀入在線人名單
$useronline = file($useronline);
unlink($useronlinelock);
//建立數組 list
print("document.writeln("list=new Array(");
$k=count($useronline);
if($k＞1)
{
for($i=0;$i＜($k-1);$i++)
{
$usercurrent = split($split,$useronline[$i],99);
// 姓名+,
print("'$usercurrent[0]',");
}
$i=$k-1;
// 處理最後一個姓名
$usercurrent = split($split,$useronline[$i],99);
print("'$usercurrent[0]'");
}
// 數組結束
print(")");n");
?＞
2、顯示在線人數的js
document.writeln('[在線人數＜font color=red＞'+count+'＜/font＞]＜br＞');
document.writeln("[＜a href="javascript:parent.cs('所有人')"＞所有人＜/
a＞]＜br＞");
document.writeln("＜font class='p9'＞");
var j,name,club;
for(var i=0;i＜list.length;i=i+1)
{
if(list[i]!=null){
//顯示每個在線人的名字
document.writeln("＜a href="javascript:parent.cs('"+list[i]+"')" titl
e='"+list[i]+"'＞"+list[i]+"＜/a＞＜br＞");
}
}
this.r.document.writeln('＜/font＞＜hr＞');
3、改變聊天對象
function cs(name)
{
if(this.d.document==null)return;
if(name=='所有人')
{
this.d.add('所有人');
this.d.document.inputform.talkto.value='所有人';
//改變焦點
this.d.document.inputform.msg.focus();
return;
}
for(var i=0;i＜list.length;i=i+1)
{
if(list[i]==name)
{
//更改發送的談話對象
this.d.document.inputform.talkto.value=list[i];
this.d.document.inputform.msg.focus();
return;
}
}
//錯誤
alert('此用戶已離線或已改了昵稱。');
}
4、刪除一個用戶
function del(str)
{
for(var i=0;i＜list.length;i=i+1)
if(list[i]==str)
{
delete list[i];
count--;
}
}
5、增加一個用戶
function add(str1,str2)
{
var l=list.length;
for(var i=0;i＜list.length;i=i+1)
//如果已經在數組裡面則返回
if(list[i]==str1)
return;
//增加一個用戶
list[l]=str1;
count++;
}
6、更新聊天人數的方法,定時器的使用
var timerID=null;
var timerRunning=false;
function stop()
{
//停止
if(timerRunning)clearTimeout(timerID);
timerRunning=false;
}
function start()
{
stop();
//調用更新在線人數的程序
write1();
}
function write1()
{
... ... ... ...
//設定更新時間,
timerID=setTimeout("start()",30000);
timerRunning=true;
}
這種方法比較簡單的實現了在線人數的顯示,當然也可以使用讀入在線人文件的方法顯示在線人數,不過在改變聊天對象是會比較麻煩.
顯示
現在的www聊天室基本全部采用框架方式,可以用frame也可以用iframe看個人喜歡了,我的采用frame的傳統方式
print("＜frameset rows="*,110,0,0,0" border=0＞n");
print("＜frameset cols="660,118" rows="*"＞n");
//主顯示屏幕,負責顯示聊天內容
print("＜frame name=u src=about:blank frameborder="NO" noresize＞n");
//在線人數屏幕
print("＜frame name=r src="about:blank" frameborder="NO"＞");
print("＜/frameset＞n");
//發送信息的屏幕,信息指揮中心,所有指令都要由這裡發出
print("＜frame name=d src=send.php?name=$name&&pass=$pass scrolling='no
' frameborder="NO" noresize＞n");
//被動更新屏幕,處理發送的信息
print("＜frame src="about:blank" name="bl"＞n");
/主動更新屏幕,顯示自己和其他聊友的聊天信息
print("＜frame src="about:blank" name="flush"＞n");
//檢測是否在線的屏幕,對於異常離開,如死機,掉線等的處理
print("＜frame src="about:blank" name="check"＞n");
print("＜/frameset＞n");
因為各個頁面之間的程序有聯系,所以顯示順序很重要,可以看到,我這裡只有發送頁面不是about:blank,其他頁面的顯示都要先通過發送頁面的調用才能開始.
指揮中心
這裡是聊天室的指揮中心,所有的指令都要在這裡發出
1、下面是基本的發送表單代碼
＜form name=inputform action='messagesend.php' target='bl' onsubmit='return(checksay());' method=POST＞
＜?
//下面的2個參數用於驗證信息的正確性
print("＜input type='hidden' name='name' value='$name'＞n");
print("＜input type='hidden' name='pass' value='$pass'＞n");
?＞
//聊天對象,注意加上 readonly 屬性
＜input type="text" name="talkto" size="10" maxlength="20" readonly value="所有人"＞
//上次聊天的發送內容
＜input type='hidden' name='message' value=''＞
//發送的表單文本框
＜input type="text" name="msg" maxlength="120" size="34"＞
＜input type="submit" name="Submit" value="發送"＞
＜/form＞
2 檢查發送內容的js
var dx ='';
function checksay( )
{
//不允許發送空的發言
if(document.inputform.msg.value=='')
{
document.inputform.msg.focus();
return false;
}
//不允許重復發言,內容相同，對象相同
if ((document.inputform.msg.value==document.inputform.message.value)
&&(document.inputform.talkto.value==dx))
{
alert('發言不能重復');
document.inputform.msg.focus();
return false;
}
//兩次發言內容的間隔不能小於1秒，或者發言字數大於間隔*3
t2=(new Date()).getTime()/1000;
if(((t2-t1)＜1)||((t2-t1)*3＜document.inputform.msg.value.length))
{
document.inputform.msg.focus();
return false;
}
//更新時間
t1=t2;
document.inputform.showsign.value=1;
//保存上次發言內容
document.inputform.message.value =document.inputform.msg.value;
//清空發言內容
document.inputform.msg.value ='';
//保存發言對象
dx=document.inputform.talkto.value;
//定位焦點
document.inputform.msg.focus();
//返回
return(true);
}
3、調用信息發送程序,發布聊天者已經進入的信息
＜script＞
parent.bl.document.open();
parent.bl.document.write("＜meta http-equiv='refresh' content='0;url=messagesend.php?name=＜? print($name); ?＞&&action=enter&&pass=＜? print($pass); ?＞'＞")
parent.bl.document.close();
＜/script＞
發言由messagesend.php處理完成,注意輸出對象為bl,也就是處理發言的框架名稱,這樣保證發言框架的頁面內容的完整
表情和動作
表情和動作極大的豐富了聊天的樂趣,一般的聊天室主要通過2種方法發送
(1) 按鈕菜單的方法
通過在一個固定的下拉菜單裡面進行選擇,找到自己滿意的表情,然後選中,按發送按鈕發出
(2) 通過手工輸入代號
比如網易的以手工輸入 //hello 代表歡迎的一段動作,以 //bye 代表再見的一段動作表情
我們這裡介紹菜單的具體實現方法,手工輸入的不用介紹了吧! 哈哈!除非你記不住那些...
1 下拉菜單選擇表情動作的實現
為了擴充方便,我們制作了表情動作的數據文件,這樣在以後擴充時將會非常方便.
表情動作文件的格式如下($split代表分割符):
//1234$split“１２３４５６７,我的朋友在哪裡1234！！！！！”
//?$split很疑惑的看著對象...
//??$split抓呀抓，把頭皮都抓破了，也沒有想出個所以然來。
//???$split怎麼回事？這到底是怎麼回事
前面的//1234代表表情動作代碼,分隔符後面的代表顯示的表情動作注意其中的 對象 兩個字將會在顯示時替換成為發言對象的名字
這段代碼用於把菜單選擇的對應的表情動作代碼寫到發送欄裡面
＜script＞
function changemote($newemote)
{
document.inputform.msg.value = $newemote
}
＜/script＞
這段代碼生成動態下來菜單
＜select name="select" onchange="changemote(this.options[this.selectedIndex].value)"＞
＜option value="0" selected＞動作＜/option＞
＜?
$emotemsg = file($emotefilename);
for($i=0;$i＜count($emotemsg);$i++)
{
$msg = split($split,$emotemsg[$i],99);
print("＜option value=$msg[0]＞$msg[1]＜/option＞");
}
?＞
＜/select＞
這樣就完成了從菜單選動作表情的過程
2 表情動作在發言處理程序裡的處理過程
messagesend.php
＜?
//讀入表情動作文件
$emote3 = file($emotefilename);
$emote3number = count($emote3);
for($kk=0;$kk＜$emote3number;$kk++)
{
//分割每個表情動作
$emote=split($split,chop($emote3[$kk]),99);
//如果發言內容等於表情動作
if($message == $emote[0])
{
//替換表情動作裡面的 對象 為實際的聊天對象名字
$emote[1]=ereg_replace("對象","＜font color=red＞$talkto＜/font＞",$emote[1]);
//發言內容改為動作表情的內容
$message = "＜a href=javascript:parent.cs('$name') target=d＞$name＜/a
＞".$emote[1];
break;
}
}
?＞
這樣我們就實現了表情和動作,如果做一個自動添加動作表情的程序功能,更會增加聊天的娛樂性!
帖圖
如果在聊天文字中能增加一些美麗的圖片.......
圖片代碼的生成和表情動作一樣,可以菜單選擇也可以手工輸入,這裡只給出格式和代碼,不再解釋,請察看 表情於動作部分
1 文件格式
//$picturefilename
1$split咖啡色西服$splitxw20151.jpg$split
2$split黑色燕尾服$splitxw201534.jpg$split
編號+名稱+圖片名稱+
2 程序
我的聊天室采用 ///gift+編號的方法顯示圖片,注意是三個反斜槓,區別於表情動作
＜?
//判斷發言的內容最前面的7個字符是否是 ///gift
if(substr($message,0,7) == "///gift")
{
//取得圖片的編號,從第7個字符開始的2個字符(注意,字符從0開始編號)
$id = substr($message,7,2)-1;
//讀入圖片文件
$giftmsg = file($picturefilename);
//判斷是否編號合法
if(($id ＞= 0) && ($id ＜ count($giftmsg)) )
{
//分割圖片行
$gift=split($split,$giftmsg[$id],99);
//生成圖片的發言內容
$message ="＜a href=javascript:parent.cs('$name') target=d＞＜font col
or=$namecolor＞$name＜/font＞＜/a＞送給＜a href=javascript:parent.cs('$talkt
o') target=d＞$talkto＜/a＞一個$gift[1]＜img src='images/$gift[2]' width=6
0 height=60 border=0＞＜/font＞";
//圖片生成成功標志
$specialsign = 1;
}
}
密談的實現
每個聊天室都提供了密談功能,來為那些需要私下裡進行交流的聊友提供方便,這裡把我的聊天室實現私聊的方法介紹如下:
1 對發送信息的處理
每句私聊都要顯示在自己和私聊對象的屏幕上,而其他人不能夠看到.這裡先對發言內容進行處理,然後再保存到發言文件裡面!
//$split為分隔符號
messagesend.php
＜?
//判斷是否私聊發言
if($secret == "on")
{
//在發言前面加上標記＜!--+私聊標記+對象+發言者+--＞ 其中+代表分隔符
//第一個標記為 secret 表示為私聊,後面的是聊天對象和自己的名字,保證這兩個人能看到
$message = "＜!--$splitsecret$split$talkto$split$name$split--＞＜font c
olor=ff0000＞密談＜/font＞$message";
}
else
{
//如果第一個標記為 open 表示公開,後面同樣為對象和自己的名字
$message = "＜!--$splitopen$split$talkto$split$name$split--＞$message"
}
//然後保存到文件中
?＞
2 顯示私聊的方法
對每個新的發言讀入後先進行處理判斷,在主動刷新程序裡面進行.
messageflush.php
＜?
//分割發言內容
$tempmessage = split($split,$message[0],99);
//如果發言不是密談,或者私聊對象是自己,或者發送這句私聊的是自己,那就顯示這句話,否則不顯示
if( ($tempmessage[1] != "secret") || ($tempmessage[2] == $name) || (
$tempmessage[3] == $name) )
{
//顯示私聊
print("parent.u.document.writeln("$message[0]");rn");
}
?＞
通過這種簡單的方法,我們實現了私聊,
注意:
前面的保存文件處理時,對發言的判斷文字前後有＜!-- 和 --＞這樣在屏幕顯示時就可以不用特殊處理了!
