📄 index.html

📁 AJAX聊天室可以实现刷新 AJAX
💻 HTML
📖 第 1 页 / 共 2 页
字号:
上一页 12
		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";
			}
		}
	if (Did=="Cat3")CatRee=_Type;
	if (Did=="Cat4")CatOur=_Type;
	if (Did=="Cat5")CatIve=_Type;
	s(2);
	break;
	}
//$("Msg").value="a="+CatOne+" B="+CatTwo+" C="+CatRee+" D="+CatOur
}


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=_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=_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=="") {
			//	var ii=1;for(var i=0;i<=134;i++) {
			//	FaceStr+="<td align=center onmouseover=\"this.style.backgroundColor='#CFE5FE'\" onmouseout=\"this.style.backgroundColor=''\"><img src='"+XH_FaceUrl+i+".gif' onclick=\"SendOther("+i+",'face')\"></td>";
			//	ii++;
			//	if(ii==16&&i<134) {FaceStr+="</tr><tr style='background:#ffffff'>";ii=1}
			//	}
			//FaceStr="<table style='margin:2px;background:#cccccc;width:480px' cellSpacing=1 cellPadding=1><tr>"+FaceStr+"</tr></table>";
			if(FaceStr=="") {
				var ii=1;for(var i=0;i<=134;i++) {
				FaceStr+="<td align=center onclick=\"SendOther("+i+",'face')\" style='cursor:pointer'>&nbsp;</td>";
				ii++;
				if(ii==16&&i<134) {FaceStr+="</tr><tr>";ii=1}
				}
			FaceStr="<table style='margin:2px;background:url(images/face.gif);width:480px;height:244px;' cellSpacing=0 cellPadding=0><tr>"+FaceStr+"</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]+"'>&nbsp;</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 CloseLoad() {
if(Nw!=10) return;
$("DivLoad").style.display='none';
$("DivLoad_Bg").style.display='none';
}
//层打开效果结束


window.onload = function(){
//调整工作区大小
$("MsgContent").style.height=XH_ContentH+"px";
$("MsgContent").style.width=XH_ContentW+"px";
//
AjaxGet('MsgList.asp',0);
$("Myname").innerHTML=XH_Uname;
AddMsg('系统','','<b>'+XH_Uname+'</b>,您好,欢迎登陆聊天室,本系统目前尚未完工,很多功能还不能正常使用!',1);
}
-->
</script>
</head>
<body scroll=no>
<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">top1</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="ChangeMenu('click',this.id)">控制面板</div>
<div id='M3' class='Menu' onmouseover="ChangeMenu('over',this.id)" onmouseout="ChangeMenu('out',this.id)" onclick="ChangeMenu('click',this.id)">音乐播放</div>
<div id='M4' class='Menu' onmouseover="ChangeMenu('over',this.id)" onmouseout="ChangeMenu('out',this.id)" onclick="ChangeMenu('click',this.id)">影视播放</div>
<div id='M5' class='Menu' onmouseover="ChangeMenu('over',this.id)" onmouseout="ChangeMenu('out',this.id)" onclick="ChangeMenu('click',this.id)">聊天帮助</div>
<div id='M6' class='Menu' onmouseover="ChangeMenu('over',this.id)" onmouseout="ChangeMenu('out',this.id)" onclick="ChangeMenu('click',this.id)">关于系统</div>
</td></tr>
<tr><td class="WinTop3">top3</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='images/b.gif' align=left class='ContentTitle_L'><img src='images/b.gif' align=right class='ContentTitle_R'><ul><img src='images/b.gif' align=top class='UserIco'><span style="font-family:宋体" id='Myname'>Loading...</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">2</font> 人)</div>
<div id='Lb' class='LeftT' onmouseover="c(this.id,'LeftT_On')" onmouseout="c(this.id,'LeftT')" onclick="CYname('小叮当')">小叮当 (机器人)</div>
</div>
</td>
<!--中部按钮-->
<td class='ContentCenter'><img src='images/b.gif' class='CloseImg1'></td><td valign=top>
<!--右边标题栏-->
<div class='ContentTitle'><img src='images/b.gif' align=left class='ContentTitle_L'><img src='images/b.gif' align=right class='ContentTitle_R'><ul>标题栏</ul></div>
<div class='ContentRight'>
<!--信息内容区-->
<div id='MsgContent' class="MessContent"></div>
<div id='MyContent' class="MessContent" style="display:none">
<div style='border-top:1px #76ABD3 solid;border-bottom:1px #76ABD3 solid;height:6px;overflow:hidden;background:#A9D5F4'></div>
分屏功能正在开发中...</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'>&nbsp;</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'>&nbsp;</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'>&nbsp;</td>
<td class='But2' id='Cat4' onmouseover="ChangeCat('over',this.id)" onmouseout="ChangeCat('out',this.id)" onclick="ChangeCat('click',this.id)" title='选择表情等操作后自动发送'>自动</td><td class='ButLine'>&nbsp;</td>
<td class='But2' id='Cat5' onmouseover="ChangeCat('over',this.id)" onmouseout="ChangeCat('out',this.id)" onclick="ChangeCat('click',this.id)" title='背景音效'>音效</td><td>&nbsp;</td>

<td class='But3' id='Ico1' 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(skin/blue/ico.gif) -17px 0px no-repeat' class='Ico' alt='表情'></td><td class='ButLine2'>&nbsp;</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='images/b.gif' style='background:url(skin/blue/ico.gif) -36px 0px no-repeat' class='Ico' alt='颜色'></td><td class='ButLine2'>&nbsp;</td>
<td class='But3' id='Ico3' onmouseover="c(this.id,'But3_On')" onmouseout="c(this.id,'But3')" onmousedown="c(this.id,'But3_Down')" onclick="c(this.id,'But3_On')"><img src='images/b.gif' style='background:url(skin/blue/ico.gif) -55px 0px no-repeat' class='Ico' alt='字体'></td><td class='ButLine2'>&nbsp;</td>
<td class='But3' id='Ico4' onmouseover="c(this.id,'But3_On')" onmouseout="c(this.id,'But3')" onmousedown="c(this.id,'But3_Down')" onclick="c(this.id,'But3_On')"><img src='images/b.gif' style='background:url(skin/blue/ico.gif) -74px 0px no-repeat' class='Ico' alt='图片'></td><td class='ButLine2'>&nbsp;</td>
<td class='But3' id='Ico5' onmouseover="c(this.id,'But3_On')" onmouseout="c(this.id,'But3')" onmousedown="c(this.id,'But3_Down')" onclick="c(this.id,'But3_On')"><img src='images/b.gif' style='background:url(skin/blue/ico.gif) -93px 0px no-repeat' class='Ico' alt='点歌'></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">所有人</td><td class='MsgRight'><input name='Msg' id='Msg' maxlength=80 onKeyUp="if(event.keyCode==13){SendMsg()}"></td></tr></table>
</td></tr>
</table>
</td><td class="ContentF4"><img src='images/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');SendMsg()"></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">&nbsp;</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="images/sound.swf" id=SE name=SE width=0 height=0 type="application/x-shockwave-flash">
</body>
</html>
上一页 12
💿 文件大小 519 K
👤 上传用户 luoxuetian
📂 所属分类 JavaScript
🏷️ 相关标签

#AJAX
⌨️ 快捷键说明

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