📄 roomlist.htm

📁 聊天功能的实现
💻 HTM
字号:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv=refresh content=150><!--多少秒钟后刷新本页-->
<TITLE>柠檬树聊天室</TITLE>
<style type="text/css">
<!--
body {  font-size: 9pt}
table {  font-size: 9pt}
a {  text-decoration: none}
a:visited {  color: #0000FF; text-decoration: none}
a:hover {  color: #FF0033; text-decoration: none}
-->
</style>
</HEAD>
<BODY bgcolor="#FFFFFF">
<SCRIPT LANGUAGE=javascript> 
function OnLogin(n){
top.document.LOGIN.room.value=n;
top.document.LOGIN.submit();
}

var rooms=new Array(<!--rooms--!>);
var num=5, count=rooms.length/num ; // count = 总开放房间数, num=房间数组的Field数量
function GetRoomTitle(n){n=n*num;if(n<rooms.length)return rooms[n+1];else return null;} // 取得房间名称,参数n表示第几个房间
function GetUserCount(n){n=n*num;if(n<rooms.length)return rooms[n+4];else return 0;} // 取得指定房间在线人数
function GetRoomAdmin(n){n=n*num;if(n<rooms.length)return rooms[n+3];else return null;} // 取得房主的名字
function GetRoomURL(n)	{n=n*num;if(n<rooms.length)return rooms[n+4];else return null;} // 取得房间的URL地址及端口
function GetRoomType(n)	{n=n*num;if(n<rooms.length)return rooms[n+5];else return null;} // 取得房间类别
</SCRIPT>

<TABLE bgcolor="#a0a0a0" border="0" cellpadding="2" cellspacing="1" width="100%" align=center> 
  <TR align=middle bgcolor="00ccff">
    <TD><font color=#333300>序号</font></TD>
    <TD><font color=#333300>聊天室名称</font></TD>
    <TD><font color=#333300>在线人数</font></TD>
    <TD><font color=#333300>管理员</font></TD>
  </TR>
	<script>	
	var bSort = false ;                // 是否允许对聊天室房间进行人气排序显示
	var TopList = new Array(count*2) ;
	var nPos,d1, d2 ;
	for(var i=0; i<count; i++)
	{
		TopList[i*2] = GetUserCount(i) ; 
		TopList[i*2+1] = i ;		// 将各房间人数及位置放入数组
	}
	for(var i=0; i<count*2; i+=2)
	{
		nPos = i ;
		for(var j=i+2; j<count*2; j+=2)	if(TopList[nPos] < TopList[j])  nPos = j ;
		d1 = TopList[i] ;
		d2 = TopList[i+1] ;
		TopList[i] = TopList[nPos] ;
		TopList[i+1] = TopList[nPos+1] ;   //交换聊天室数据
		TopList[nPos] = d1 ;
		TopList[nPos+1] = d2 ;
	}	
	for(var j=0; j<count; j++) // 循环写房间列表, i = 房间序号， count = 房间总数
	{
		if(bSort)	i = TopList[j*2+1] ;	else	i = j ;
		document.write("<TR bgcolor=#f0f0f0>\r\n<TD width=50 align=center>"+(j+1)+"</TD><TD align=left>");//写序号
		document.write("<a href='javascript:OnLogin(" + i + ");'>");
		document.write(GetRoomTitle(i));               //写房间名称
		document.writeln("</a></TD><TD align=center>");
		document.write(GetUserCount(i) + " 人");        //写房间人数
		document.write("</TD><TD align=center>") ;
		document.write(GetRoomAdmin(i));               // 写房间管理员
		document.writeln("</TD>\r\n</TR>");
    }
    </script>
</TABLE>
</form>
</body></html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -