登錄

1、頁面登陸的基本要素

你可以在我的竹葉看到登陸的表單,這里提供了最基本的登陸表單項

(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=登陸 style="width:100"＞

＜input type=reset name=reset value=重添 style="width:50"＞

(a)各表單項一定要設定最大允許長度 maxlength

(3)建立聊天窗口的js

1. ＜script LANGUAGE="javascript"＞  
2. function b1_submit(){  
3. chat=window.open('',"howtodo",'Status=no,scrollbars=no,resizable=no');  
4.  
5. chat.moveTo(0,0);  
6. chat.resizeTo(screen.availWidth,screen.availHeight);  
7. chat.outerWidth=screen.availWidth;  
8. chat.outerHeight=screen.availHeight;  
9. } 

這段代碼先打開一個沒有狀態欄,滾動條,可調整尺寸的howtodo窗口!然后移動到屏幕左上角,然后放大到允許的屏幕大小.

在線人數

我根據網易聊天室的在線人數的方法,顯示當前的在線人數,代碼解釋如下:

1、登陸時建立在線人名單的數組,放在body后面

1. ＜?  
2. //鎖定在線人數文件  
3. while(file_exists($useronlinelock)){$pppp++;}  
4. fclose(fopen($useronlinelock,"w"));  
5.  
6. //讀入在線人名單  
7. $useronline = file($useronline);  
8. unlink($useronlinelock);  
9.  
10. //建立數組 list  
11. print("document.writeln("list=new Array(");  
12. $k=count($useronline);  
13. if($k＞1)  
14. {  
15. for($i=0;$i＜($k-1);$i++)  
16. {  
17. $usercurrent = split($split,$useronline[$i],99);  
18. // 姓名+,  
19. print("'$usercurrent[0]',");  
20. }  
21. $i=$k-1;  
22. // 處理最后一個姓名  
23. $usercurrent = split($split,$useronline[$i],99);  
24. print("'$usercurrent[0]'");  
25. }  
26. // 數組結束  
27. print(")");n");  
28. ?＞ 

2、顯示在線人數的js

1. document.writeln('[在線人數＜font color=red＞'+count+'＜/font＞]＜br＞');  
2. document.writeln("[＜a href="Javascript:parent.cs('所有人')"＞所有人＜/  
3. a＞]＜br＞");  
4. document.writeln("＜font class='p9'＞");  
5. var j,name,club;  
6. for(var i=0;i＜list.length;i=i+1)  
7. {  
8. if(list[i]!=null){  
9.  
10. //顯示每個在線人的名字  
11. document.writeln("＜a href="javascript：parent.cs('"+list[i]+"')" titl  
12. e='"+list[i]+"'＞"+list[i]+"＜/a＞＜br＞");  
13. }  
14. }  
15. this.r.document.writeln('＜/font＞＜hr＞'); 

3、改變聊天對象

1. function cs(name)  
2. {  
3. if(this.d.document==null)return;  
4. if(name=='所有人')  
5. {  
6. this.d.add('所有人');  
7. this.d.document.inputform.talkto.value='所有人';  
8.  
9. //改變焦點  
10. this.d.document.inputform.msg.focus();  
11. return;  
12. }  
13. for(var i=0;i＜list.length;i=i+1)  
14. {  
15. if(list[i]==name)  
16. {  
17.  
18. //更改發送的談話對象  
19. this.d.document.inputform.talkto.value=list[i];  
20. this.d.document.inputform.msg.focus();  
21. return;  
22. }  
23. }  
24.  
25. //錯誤  
26. alert('此用戶已離線或已改了昵稱。');  
27. }