dwr 2.0兑现网页消息发送（jsp） _JavaScript

dwr 2.0实现网页消息发送（jsp）

<%@ page contentType="text/html;charset=gb2312"%>
<%@ page language="java"%>
<%@page buffer="none"%>
<%@include file="../include37/taglib.jsp"%>
<html>
?<head>
??<title id="title">欢迎来到 [星星幼儿园聊天室]</title>

??<script type='text/javascript'
???src='/Kindergarden/dwr/interface/DWRChatManager.js'></script>
??<script type='text/javascript' src='/Kindergarden/dwr/engine.js'></script>
??<script type='text/javascript' src='/Kindergarden/dwr/util.js'></script>
??<link href="${path}/images/chatroom/skin.css" rel="stylesheet"
???type="text/css" />
??<link href="${path}/css/chatstyle.css" rel="stylesheet"
???type="text/css">
??<style type="text/css">

</style>

??
??<script language="javascript">
?
//捕获关闭按钮
?<!--????
?var isAltF4 = false;?
?var isXClose = false;

?window.onbeforeunload = bunload;

?function bunload()
?{?
????? if (event.clientY < 0 || isAltF4 )?
????? {?
????????? mess = "确定要离开聊天室么?";?
????????? isXClose = true;?
????????? return mess;?
?}
?}
?
?function document.onkeydown()
?{
?? if ((window.event.altKey)&&(window.event.keyCode==115))
?? {
?????? isAltF4 = true;?
????????? bunload();?
????? }?
????? else
????? {?
????????? isAltF4 = false;?
????? }?
??}?
?window.onunload = logoutUser;?
?function logoutUser()?
?{?
???? if (isXClose)?
???? {?
????????? try
????????? {?
????????? ? exit();
????????? ? alert('欢迎您下次再次光临星星幼儿园聊天室!');???
???????????
????????????? return true;?
????????? }?
????????? catch(e)?
????????? {?
????????????? alert('delete user account error message:' + e.message);?
????????? }?
????? }?
?}

// -->??
//退出函数
function exit()
?{
??
??DWRChatManager.exit('${userid}','${speaker}',function(data) {
??
??if (data != null && data.length > 0) {
???window.opener = null;?
???window.open("","_self");?? //fix ie7
???window.close();
??}
?});
?}
function register() {
?var username = document.loginForm.username.value;
?if(username=='')
?{
??alert('请输入您要聊天的昵称!');
??document.loginForm.username.focus();
??return false;
?}
?
?/* 把我输入的用户名注册到服务器,并获得用户id(这里用session id 代替) */
?DWRChatManager.updateUsersList(username, true, function(data) {
??
??if (data != null && data.length > 0) {
???
???if("nameerror"==data)
???{
????alert('该名字已经有人使用,请换一个名字!');
????document.loginForm.username.value="";
????document.loginForm.username.focus();
????return false;
???}
???else
???{?
????Lock_CheckForm();
????document.loginForm.action="${path}/chatroom/chatroom.jsp";
????document.loginForm.submit();
????
???}
???
??}
?});

?
}

/**键盘快捷键登录**/
function loginConfirm()
{
?if(window.event.keyCode==13)
?{
??checkUser();
?}
}

function checkUser()
{
?if(document.getElementById("username").value==null || document.getElementById("username").value=="")
?{
??alert('请问您尊姓大名？');
??document.getElementById("username").focus();
??return false;
?}
?register();
}

</script>
??

??<script language="javascript">

/**
?* 页面初始化
?*/
?/**系统登录层函数**/
?? function?? locking(){??
?? document.all.ly.style.display="block";??
?? document.all.ly.style.width=document.body.clientWidth;??
?? document.all.ly.style.height=document.body.clientHeight;??
?? document.all.Layer2.style.display='block';??
?? }??
? function?? Lock_CheckForm(){??
?? document.all.ly.style.display='none';document.all.Layer2.style.display='none';
?? return?? false;??
? }??
?
?/**有新信息时，标题栏显示信息函数**/
?
?
?function changeTitle(NewMessage)
　　{
??? document.title=NewMessage+"........";
　　}
?
function init() {
?
?if('${userid}'==''||'${userid}'==null||'${speaker}'==''||'${speaker}'==null)
?{
??locking();
?}
?else
?{
??dwr.engine.setActiveReverseAjax(true); // 激活反转重要
??DWRChatManager.exitGame();
??DWRChatManager.updateUsersList(null, false); // 当你打开界面的时候,先获得在线用户列表.
??$("MsgContent").style.height=XH_ContentH+"px";
??$("MsgContent").style.width=XH_ContentW+"px";
?}
?
}

/**
?* 发送消息
?*/
function sendContent() {
?
?var sender = '${speaker}'; // 获得发送者名字
?var msg = dwr.util.getValue('myText'); // 获得消息内容
?//获得发送字体的颜色
?var color = $("myText").style.color;
?var colormsg='<font color=#'+color+'>'+msg+'</font>';
?//获取私聊的标示
?var flag = document.thisForm.private.value;
?var receiver = dwr.util.getValue('receiver'); // 获得接受者id
?if(flag=='1101')
?{
??//私聊
??//return false;
??if(receiver=='${userid}')
??{
???alert('不能跟自己私聊!');
???return false;
???
??}
??else
??{
????DWRChatManager.privateSend(sender, receiver, colormsg,function(data){
???//document.getElementById('MyContent').innerHTML+=data;
???});
??}
??
?}
?else
?{
?? //公共聊天
?? DWRChatManager.send(sender,colormsg,msg); // 发送消息
?}
?
?dwr.util.setValue('myText','');
?
}
//私聊调用函数
function showView(Sender,Receiver,Msg,strDate)
{
?
?if(Receiver=='${userid}')
?{
??document.getElementById('MyContent').innerHTML+=Sender+'对你说:<br/>'+Msg+'<br/>'+'发送时间：'+strDate+'<br/><br/>';
??$('MyContent').scrollTop=$('MyContent').scrollHeight
??document.thisForm.myText.focus();
?}

}

/**快捷键发送消息**/
function quickSend()
{
?
??if(window.event.keyCode==13)
??{
???sendContent();
???
??}
?
}

/**发送信息后将鼠标定位到发送栏函数**/
function Scroll()
?{
? if (CatRee==1){
???$('MsgContent').scrollTop=$('MsgContent').scrollHeight;
???//window.setTimeout("$('MyContent').scrollTop=$('MyContent').scrollHeight",100);
??//?window.setTimeout("$('MsgContent').scrollTop=$('MsgContent').scrollHeight",100);
???}?
?}
?
?/****chat.jsp页面，隐藏显示聊天记录，切换背景等函数*****/
?var showCount=0;
function showAllMsg()
{
?if(showCount%2==0)
?{
??document.getElementById("allMsg").value=document.getElementById("says").value;
??document.getElementById("allMsg").className="textWidth";
??document.getElementById("btnHistory").value="隐藏聊天记录";
?}
?else
?{
??hideAllMsg();
?}
?showCount++;
}

function btnOver(id)
{
?document.getElementById(id).className='btnOver';
}
function btnOut(id)
{
?document.getElementById(id).className='button';
}

</script>

??

??<script type="text/javascript">
<!--
var XH_Uname="游客"+Math.random().toString().slice(-6);?//用户昵称
var XH_Fid="F1";??//定义房间ID,可建立不同房间
var XH_Yname="所有人";??//默认聊天对象
var XH_FaceUrl="${path}/images/chatroom/face/";?//定义表情图片目录
//var XH_ContentH=(document.documentElement.clientHeight-220);?//显示区高度
//var XH_ContentW=(document.documentElement.clientWidth-260);
//h176? w202
var XH_ContentH=360;
var XH_ContentW=680;??//显示区宽度
var XH_SendTimer="1500";?//设置发言间隔时间限制 1500 表示1.5秒内只能发言一次

//以下设置不要更改========================================
var XH_MsgColor="";?//内容区文本色
var CatOne=0,CatTwo=0,CatRee=1,CatOur=1,CatIve=1;?//定义各按钮默认值

//将AJAX获取的数据转换

}

var XH_SendNum=0;

//发送信息
function SendMsg() {
?var Mess=$("myText").value;
?if (Mess=="") {AddMsg('系统','','发送的信息内容不能为空',1);return}
?if (Mess.substring(0,1)==" ") {AddMsg('系统','','发送的信息首字符不能为空格哦~',1);return}
?if(Mess.substring(0,7)=="//name:"){ChangeName();return}
?if (XH_SendNum!=0) {AddMsg('系统','','管理员设定<font color=#0000ff>'+(XH_SendTimer/1000)+'</font>秒内只能发言一次',1);return}

?Mess=Mess.replace(/(\ )/g,'　');
?Mess=Mess.replace(/(\+)/g,'＋');
?XH_SendNum=1;
?//清除settimeout,输入框值
?clearTimeout(SendTimer);$("myText").value="";
?SendMess="Msg="+Mess+"&Uname="+XH_Uname+"&Yname="+XH_Yname+"&Id="+XH_Fid+"&Color="+XH_MsgColor;
?alert(SendMess);
}

//发送其它
function SendOther(Desc,Types) {
switch (Types) {
?case "face":
?$("myText").value+="[F"+Desc+"]";
?if (CatOur==1) {SendMsg()}
?break;
?case "color":
?$("myText").style.color="#"+Desc;
?XH_MsgColor=Desc;
?//AddMsg('系统','','<font color=#'+Desc+'>聊天文字颜色已更改</font>',1);
?break;
?default:
?$("myText").value+="//"+Desc;
?if (CatOur==1) {SendMsg()}
?break;
?}
}

//改变CSS
function c(_Id,_Name) {$(_Id).className=_Name}
//音效
function s(ID) {
if (CatIve==0) return;
var OBJ = document["SE"]
try{OBJ.GotoFrame(0);OBJ.GotoFrame(ID)}catch(err){}
}
//顶部菜单
var OnMenu="M1";?//定义默认激活的菜单
function ChangeMenu(Mou,Did) {
switch (Mou) {
?case "over":
?if(OnMenu!=Did){c(Did,'Menu_On');s(1);}
?break;
?case "out":
?if(OnMenu!=Did){c(Did,'Menu')}
?break;
?case "click":
?if(OnMenu!=Did){c(OnMenu,'Menu');OnMenu=Did;c(Did,'Menu_Down');s(2)}
?break;
?}
}

//设置私聊，滚动，分屏等键的按钮
function ChangeCat(Mou,Did) {
var _Type=0;

switch (Mou) {
?case "over":
?$(Did).className=$(Did).className+"_On";
?break;
?case "out":
?if ($(Did).className=="But1_On"){$(Did).className="But1"}else{$(Did).className="But2"};
?break;
?case "click":
?if ($(Did).className=="But1_On"){$(Did).className="But2_On";_Type=1}else{$(Did).className="But1_On"}
?if (Did=="Cat1")
?{
??CatOne=_Type;
??var privateFlag = document.thisForm.private.value;
??
??if(privateFlag==''||privateFlag==null||privateFlag=='1100')
??{
???document.thisForm.private.value='1101';
??}
??if(privateFlag=='1101')
??{
???document.thisForm.private.value='1100';
??}
??document.thisForm.myText.focus();
??//alert('该功能还在开发中，尽请期待!');
?}
?
?
//处理分屏
?if (Did=="Cat2") {
??
??CatTwo=_Type;
??if(_Type==1) {
???$("MsgContent").style.height=(XH_ContentH-184)+"px";
???$("MyContent").style.height="180px";
???$("MyContent").style.display="";
???}else{
???$("MsgContent").style.height=XH_ContentH+"px";
???$("MyContent").style.display="none";
???}
???$('MsgContent').scrollTop=$('MsgContent').scrollHeight;
??}
?if (Did=="Cat3")CatRee=_Type;
?if (Did=="Cat4")CatOur=_Type;
?if (Did=="Cat5")CatIve=_Type;
?if (Did=="Cat6")
?{?
??CatIve=_Type;
??ChangeName();
?}
?
?s(2);
?break;
?}
//$("myText").value="a="+CatOne+" B="+CatTwo+" C="+CatRee+" D="+CatOur
}

//修改昵称
?function ChangeName() {
??var Mess=$("myText").value;
??//Mess=Mess.substring(7,15);
??if(Mess.length<2) {AddMsg('系统','','昵称不能低于2个字符',1);return;}
??if(Mess=="小叮当") {AddMsg('小叮当',XH_Uname,'哎呀,你要和我抢名字么?',1);return;}
??if(confirm("您确定要将昵称更改为 "+Mess+" ?"))
??{
???XH_Uname=Mess;
???DWRChatManager.changeName('${userid}',Mess,function(data){
?????if(data!=''||date=='success')
?????{
??????AddMsg('系统','','您的昵称已更改为 <b>'+XH_Uname+'</b>',1);
?????}
????
???});
??}
??else
??{
???AddMsg('系统','','已取消昵称更改操作',1);
??}
??$("myText").value="";
?}

var FaceStr="";?//表情
var ColorStr="";//颜色

//层打开效果
var OverH,OverW,ChangeDesc,ChangeH=50,ChangeW=50;
function OpenDiv(_Dw,_Dh,_Desc) {
??
??$("DivLoad").innerHTML="";
??OverH=_Dh;OverW=_Dw;ChangeDesc=_Desc;
??$("DivLoad").style.display='';
??$("DivLoad").style.border="1px #666666 dashed";
??$("DivLoad").style.backgroundColor="";
??$("DivLoad_Bg").style.display='';
??var _H=document.body.scrollHeight;if(_H<document.documentElement.clientHeight)_H=document.documentElement.clientHeight;
??$("DivLoad_Bg").style.height=_H+"px";
??if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/50))}else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/50))}
??OpenNow();
??s(6);
}
var Nw=10,Nh=10;
function OpenNow() {
??if (Nw>OverW-ChangeW)ChangeW=1;
??if (Nh>OverH-ChangeH)ChangeH=1;
??Nw=Nw+ChangeW;Nh=Nh+ChangeH;
??
??if(OverW>Nw||OverH>Nh) {
???if(OverW>Nw) {
???$("DivLoad").style.width=Nw+"px";
???var _L=(document.documentElement.clientWidth-Nw)/2+90;
???if(_L<0)_L=0;
???$("DivLoad").style.left=800+"px";
???//原来定义的DIV的距离左边的宽度$("DivLoad").style.left=_L+"px";
???}
???if(OverH>Nh) {
???$("DivLoad").style.height=Nh+"px";
???var _T=(document.documentElement.clientHeight-Nh)/2;
???
???if(_T<0)_T=0;
???$("DivLoad").style.top=230+"px"
???//原来定义的DIV层距离页面的高度$("DivLoad").style.top=_T+"px"
???
???}
???window.setTimeout("OpenNow()",10)
???}else{
???Nw=10;Nh=10;ChangeH=50;ChangeW=50;
???$("DivLoad").style.border="1px #76ABD3 solid";
???$("DivLoad").style.backgroundColor="#ffffff";
??//这里是开始加载时的loading事件,可以插入图片
????????? $("DivLoad").innerHTML="Loading...";
???switch (ChangeDesc) {
????case "face":
?????if(FaceStr=="") {
?????FaceStr=" <table style='margin:2px;width:480px;height:244px;' cellSpacing=0 cellPadding=0>"
??????? +"<TR>"
?????????? +"<TD><IMG src='/Kindergarden/images/chatroom/emot/01.gif' onclick=\"picClick('01.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/02.gif' onclick=\"picClick('02.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/03.gif' onclick=\"picClick('03.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/04.gif' onclick=\"picClick('04.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/05.gif' onclick=\"picClick('05.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/06.gif' onclick=\"picClick('06.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/07.gif' onclick=\"picClick('07.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/08.gif' onclick=\"picClick('08.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/09.gif' onclick=\"picClick('09.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/10.gif' onclick=\"picClick('10.gif')\"></TD>"
???????? +"</TR>"
???????? +"<TR>"
?????????? +"<TD><IMG src='/Kindergarden/images/chatroom/emot/11.gif' onclick=\"picClick('11.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/12.gif' onclick=\"picClick('12.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/13.gif' onclick=\"picClick('13.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/14.gif' onclick=\"picClick('14.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/15.gif' onclick=\"picClick('15.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/16.gif' onclick=\"picClick('16.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/17.gif' onclick=\"picClick('17.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/18.gif' onclick=\"picClick('18.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/19.gif' onclick=\"picClick('19.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/20.gif' onclick=\"picClick('20.gif')\"></TD>"
???????? +"</TR>"
???????? +"<TR>"
?????????? +"<TD><IMG src='/Kindergarden/images/chatroom/emot/21.gif' onclick=\"picClick('21.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/22.gif' onclick=\"picClick('22.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/23.gif' onclick=\"picClick('23.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/24.gif' onclick=\"picClick('24.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/25.gif' onclick=\"picClick('25.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/26.gif' onclick=\"picClick('26.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/27.gif' onclick=\"picClick('27.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/28.gif' onclick=\"picClick('28.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/29.gif' onclick=\"picClick('29.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/30.gif' onclick=\"picClick('30.gif')\"></TD>"
???????? +"</TR>"
???????? +"<TR>"
?????????? +"<TD><IMG src='/Kindergarden/images/chatroom/emot/31.gif' onclick=\"picClick('31.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/32.gif' onclick=\"picClick('32.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/33.gif' onclick=\"picClick('33.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/34.gif' onclick=\"picClick('34.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/35.gif' onclick=\"picClick('35.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/36.gif' onclick=\"picClick('36.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/37.gif' onclick=\"picClick('37.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/38.gif' onclick=\"picClick('38.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/39.gif' onclick=\"picClick('39.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/40.gif' onclick=\"picClick('40.gif')\"></TD>"
???????? +"</TR>"
???????? +"<TR>"
?????????? +"<TD><IMG src='/Kindergarden/images/chatroom/emot/41.gif' onclick=\"picClick('41.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/42.gif' onclick=\"picClick('42.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/43.gif' onclick=\"picClick('43.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/44.gif' onclick=\"picClick('44.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/45.gif' onclick=\"picClick('45.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/46.gif' onclick=\"picClick('46.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/47.gif' onclick=\"picClick('47.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/48.gif' onclick=\"picClick('48.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/49.gif' onclick=\"picClick('49.gif')\"></TD>"
????????+"<TD><IMG src='/Kindergarden/images/chatroom/emot/50.gif' onclick=\"picClick('50.gif')\"></TD>"
???????? +"</TR>"
???????
???????+"</table>";
?????}
????$("DivLoad").innerHTML=FaceStr;
????break;
????case "color":
?????if(ColorStr=="") {
??????var _C="000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,DDDDDD";
??????var ii=1;for (var i=0;i<40;i++) {
???????ColorStr+="<td onmouseover=\"this.style.border='1px #1A78A8 solid'\" onmouseout=\"this.style.border='1px #C0E8FD solid'\" onclick=\"SendOther('"+_C.split(",")[i]+"','color')\" style='border:1px #C0E8FD solid;background:#"+_C.split(",")[i]+"'> </td>";
???????if(ii==8&&i<39) {ColorStr+="</tr><tr>";ii=1}else{ii++}
???????}
?????ColorStr="<table style='margin:2px;width:300px;height:140px;border:1px #cccccc solid' cellSpacing=5 cellPadding=0><tr>"+ColorStr+"</tr></table>"
?????}
????$("DivLoad").innerHTML=ColorStr;
????break;
????//AjaxGet(ChangeDesc,1);
????}
???}
}

//打开表情
function picClick(Url)
{
??
??document.getElementById("myText").value="<IMG src='/Kindergarden/images/chatroom/emot/"+Url+"'/>";
??sendContent();
??
}
function CloseLoad() {

if(Nw!=10) return;
$("DivLoad").style.display='none';
$("DivLoad_Bg").style.display='none';
}
//层打开效果结束

//返回首页
function toIndex()
{
??document.thisForm.target="_blank";
??document.thisForm.action='/Kindergarden/flowers';
??document.thisForm.submit();
??return true;
}
-->
</script>
?</head>

?<body onLoad="init();" scroll=no>
??

??<div id="ly"
???style="position: absolute; top: 0px; filter: alpha(opacity = 60); background-color: #777; z-index: 2; left: 0px; display: none;">
??</div>
??
??<div id="Layer2" align="center"
???style="position: absolute; z-index: 3; left: expression(( document . body . offsetWidth-540)/ 2 ); top: expression(( document . body . offsetHeight-170)/ 3 ); background-color: #fff; display: none;">

???<form action="" method="post" name="loginForm">
????<fieldset align="center">
?????<legend>
??????欢迎来到星星幼儿园聊天室
?????</legend>
?????请输入您的昵称:
?????<input type="text" name="username" id="username" class="Tbx"
??????onkeydown="loginConfirm();" onFocus="this.className='onFocusTbx'"
??????onBlur="this.className='Tbx'">
?????<span id="inputInfo"></span>
?????<input type="button" value="登录" class="button"
??????onclick="register();">
????</fieldset>
???</form>
??</div>
??</div>
??
??

??<form action="" name="thisForm" method="post">
???<input type="hidden" name="userid" value=${userid } />
???<input type="hidden" name="private" />

???<table id="WinMain" align=center cellpadding="0" cellspacing="0">
????<tr>
?????<td style="height: 72px">

??????<table class="WinTable" cellpadding="0" cellspacing="0">
???????<tr>
????????<td class="WinTd1"></td>
????????<td class="WinTd2" valign=top>
?????????
?????????<table class="WinTable" cellpadding="0" cellspacing="0">
??????????<tr>
???????????<td class="WinTop1">
????????????聊天室
???????????</td>
??????????</tr>
??????????<tr>
???????????<td class="WinTop2">
????????????<div id='M1' class='Menu_Down'
?????????????onmouseover="ChangeMenu('over',this.id)"
?????????????onmouseout="ChangeMenu('out',this.id)"
?????????????onclick="ChangeMenu('click',this.id)">
?????????????休闲聊天
????????????</div>
????????????<div id='M2' class='Menu'
?????????????onmouseover="ChangeMenu('over',this.id)"
?????????????onmouseout="ChangeMenu('out',this.id)" onclick="toIndex();">
?????????????首页
????????????</div>
????????????
????????????<div id='M4' class='Menu'
?????????????onmouseover="ChangeMenu('over',this.id)"
?????????????onmouseout="ChangeMenu('out',this.id)"
?????????????onclick="ChangeMenu('click',this.id);exit();">
?????????????退出
????????????</div>
????????????
???????????</td>
??????????</tr>
??????????<tr>
???????????<td class="WinTop3">
????????????湘潭市星星幼儿园聊天室
???????????</td>
??????????</tr>
?????????</table>
????????</td>
????????<td class="WinTd3"></td>
???????</tr>
??????</table>
?????</td>
????</tr>
????<tr>
?????<td class="WinCenter">

??????<table class="WinTable" cellpadding="0" cellspacing="0">
???????<tr>
????????<td class='ContentLeft' valign=top>
?????????
?????????<div class='ContentTitle'>
??????????<img src='${path}/images/chatroom/b.gif' align=left
???????????class='ContentTitle_L'>
??????????<img src='${path}/images/chatroom/b.gif' align=right
???????????class='ContentTitle_R'>
??????????<ul>
???????????<img src='${path}/images/chatroom/b.gif' align=top
????????????class='UserIco'>
???????????<span style="font-family: 宋体" id='Myname'>当前用户：${speaker
????????????}</span>
??????????</ul>
?????????</div>
?????????<div class='WinLeft' id="WinOnLine">
??????????<div id='La' class='LeftT' onmouseover="c(this.id,'LeftT_On')"
???????????onmouseout="c(this.id,'LeftT')" onclick="CYname('所有人')">
???????????所有人 (在线
???????????<font color='#ff0000' id="WinOnLineNum"></font> 人)
??????????</div>
??????????<div id="o">
???????????
???????????<ul id="users"
????????????style="list-style-type: none; text-align: left; margin: 0; width: 150px; padding-left: 5px;">
???????????</ul>

??????????</div>

?????????</div>

????????</td>
????????
????????<td class='ContentCenter'>
?????????<img src='${path}/images/chatroom/b.gif' class='CloseImg1'>
????????</td>
????????<td valign=top>
?????????
?????????<div class='ContentTitle'>
??????????<img src='${path}/images/chatroom/b.gif' align=left
???????????class='ContentTitle_L'>
??????????<img src='${path}/images/chatroom/b.gif' align=right
???????????class='ContentTitle_R'>
??????????<ul>
???????????信息
???????????<font color="red">（所发信息记录不会进行保存!当聊天室信息达到100条,自动清空!）[私聊窗口，请点"分屏"查看私聊信息！]</font>
??????????</ul>
?????????</div>
?????????<div class='ContentRight'>
??????????
??????????<div id='MsgContent' class="MessContent"></div>
??????????<div
???????????style='border-top: 1px #76ABD3 solid; border-bottom: 1px #76ABD3 solid; height: 6px; overflow: hidden; background: #A9D5F4'></div>
??????????<div id='MyContent' class="MessContent" style="display: none">

??????????</div>

??????????<div class='ContentMenu'>
???????????<table class="WinTable" cellpadding="0" cellspacing="0">
????????????<tr>
?????????????<td class="ContentF1"></td>
?????????????<td class="ContentF2"></td>
?????????????<td class="ContentF3" valign=top>
??????????????
??????????????<table class="WinTable" cellpadding="0" cellspacing="0">
???????????????<tr>
????????????????<td style="height: 22px" onselectstart='return false'>
?????????????????
?????????????????<table class="WinTable" cellpadding="0" cellspacing="0">
??????????????????<tr>

???????????????????<td class='But1' id='Cat1'
????????????????????onmouseover="ChangeCat('over',this.id)"
????????????????????onmouseout="ChangeCat('out',this.id)"
????????????????????onclick="ChangeCat('click',this.id)" title='私聊模式'>
????????????????????私聊
???????????????????</td>
???????????????????<td class='ButLine'>
???????????????????? 
???????????????????</td>
???????????????????<td class='But1' id='Cat6'
????????????????????onmouseover="ChangeCat('over',this.id)"
????????????????????onmouseout="ChangeCat('out',this.id)"
????????????????????onclick="ChangeCat('click',this.id)" title='修改昵称'>
????????????????????改名
???????????????????</td>
???????????????????<td class='ButLine'>
???????????????????? 
???????????????????</td>

???????????????????<td class='But1' id='Cat2'
????????????????????onmouseover="ChangeCat('over',this.id)"
????????????????????onmouseout="ChangeCat('out',this.id)"
????????????????????onclick="ChangeCat('click',this.id)" title='信息分开显示'>
????????????????????分屏
???????????????????</td>
???????????????????<td class='ButLine'>
???????????????????? 
???????????????????</td>
???????????????????<td class='But2' id='Cat3'
????????????????????onmouseover="ChangeCat('over',this.id)"
????????????????????onmouseout="ChangeCat('out',this.id)"
????????????????????onclick="ChangeCat('click',this.id)"
????????????????????title='有新的信息自动滚动到底部'>
????????????????????滚屏
???????????????????</td>
???????????????????<td class='ButLine'>
???????????????????? 
???????????????????</td>
???????????????????
???????????????????<td class='But2' id='Cat5'
????????????????????onmouseover="ChangeCat('over',this.id)"
????????????????????onmouseout="ChangeCat('out',this.id)"
????????????????????onclick="ChangeCat('click',this.id)" title='背景音效'>
????????????????????音效
???????????????????</td>
???????????????????<td>
???????????????????? 
???????????????????</td>
???????????????????<td class='But3' id='Icox'
????????????????????onmouseover="c(this.id,'But3_On')"
????????????????????onmouseout="c(this.id,'But3')"
????????????????????onmousedown="c(this.id,'But3_Down')"
????????????????????onclick="c(this.id,'But3_On');OpenDiv(485,249,'face')">
????????????????????<img src='images/b.gif'
?????????????????????style='background: url(${path}/images/chatroom/ico.gif) -17px 0px no-repeat'
?????????????????????class='Ico' alt='表情'>
???????????????????</td>
???????????????????<td class='ButLine2'>
???????????????????? 
???????????????????</td>

???????????????????<td class='But3' id='Ico2'
????????????????????onmouseover="c(this.id,'But3_On')"
????????????????????onmouseout="c(this.id,'But3')"
????????????????????onmousedown="c(this.id,'But3_Down')"
????????????????????onclick="c(this.id,'But3_On');OpenDiv(305,145,'color')">
????????????????????<img src='${path}/images/chatroom/b.gif'
?????????????????????style='background: url(${path}/images/chatroom/ico.gif) -36px 0px no-repeat'
?????????????????????class='Ico' alt='颜色'>
???????????????????</td>
???????????????????<td class='ButLine2'>
???????????????????? 
???????????????????</td>
???????????????????
??????????????????</tr>
?????????????????</table>

????????????????</td>
???????????????</tr>
???????????????<tr>
????????????????<td hgcolor=#cccccc style="height: 22px">
?????????????????
?????????????????<table class="WinTable" style="height: 100%"
??????????????????cellpadding="0" cellspacing="0">
??????????????????<tr>
???????????????????<td class='MsgLeft' id="YourName">
????????????????????<select name="receiver" id="receiver">
???????????????????</td>
???????????????????<td class='MsgRight'>
????????????????????<input name='test' type="text" style="display: none">
????????????????????<input name='myText' id='myText' maxlength=80
?????????????????????width="40px" onKeyDown="quickSend();">
???????????????????</td>
??????????????????</tr>
?????????????????</table>
????????????????</td>
???????????????</tr>
??????????????</table>
?????????????</td>
?????????????<td class="ContentF4">
??????????????<img src='${path}/images/chatroom/b.gif' id='Ico0'
???????????????class='SendBut'
???????????????onmouseover="s(1);c(this.id,'SendBut_On')"
???????????????onmouseout="c(this.id,'SendBut')"
???????????????onmousedown="c(this.id,'SendBut_Down')"
???????????????onclick="c(this.id,'SendBut_On');sendContent();">
?????????????</td>
????????????</tr>
???????????</table>
??????????</div>

?????????</div>
????????</td>
???????</tr>
??????</table>

?????</td>
????</tr>
????<tr>
?????<td style="height: 12px">
??????
??????<table class="WinTable" cellpadding="0" cellspacing="0">
???????<tr>
????????<td class="WinTd4"></td>
????????<td class="WinTd5">
????????? 
????????</td>
????????<td class="WinTd6"></td>
???????</tr>
??????</table>

?????</td>
????</tr>
???</table>
???<div id="DivLoad_Bg" onclick="CloseLoad()" title="任意位置单击即关闭"
????style="display: none"></div>
???<div id="DivLoad" style="display: none;" onclick="CloseLoad()"></div>
???<embed src="${path}/images/chatroom/sound.swf" id=SE name=SE width=0
????height=0 type="application/x-shockwave-flash">
??</form>

?</body>
</html>