//建立数组 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＞");
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=https://www.jb51.net/about:blank frameborder="NO" noresize＞n");
//在线人数屏幕
print("＜frame name=r src="https://www.jb51.net/about:blank" frameborder="NO"＞");
print("＜/frameset＞n");
//发送信息的屏幕,信息指挥中心,所有指令都要由这里发出
print("＜frame name=d src=https://www.jb51.net/send.php?name=$name&&pass=$pass scrolling='no
' frameborder="NO" noresize＞n");
//被动更新屏幕,处理发送的信息
print("＜frame src="https://www.jb51.net/about:blank"＞n");
/主动更新屏幕,显示自己和其他聊友的聊天信息
print("＜frame src="https://www.jb51.net/about:blank"＞n");
//检测是否在线的屏幕,对于异常离开,如死机,掉线等的处理
print("＜frame src="https://www.jb51.net/about:blank"＞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' value='$name'＞n");
print("＜input type='hidden' value='$pass'＞n");
?＞
//聊天对象,注意加上 readonly 属性
＜input type="text" size="10" maxlength="20" readonly value="所有人"＞
//上次聊天的发送内容
＜input type='hidden' value=''＞
//发送的表单文本框
＜input type="text" maxlength="120" size="34"＞
＜input type="submit" value="发送"＞
＜/form＞
2 检查发送内容的js
var dx ='';
function checksay( )
{
//不允许发送空的发言
if(document.inputform.msg.value=='')
{
document.inputform.msg.focus();
return false;
}