js.js

用jsp、ajax实现的聊天室可以实现同步更新聊天内容

var obj;
var getId=document.getElementById;
function objXMLHttp()
{
    var XmlHttpObj = false;
    if(window.ActiveXObject)
    {
        XmlHttpObj = new ActiveXObject("MSXML2.XMLHTTP.3.0");
    }  
    else if (window.XMLHttpRequest)
    {
        XmlHttpObj = new XMLHttpRequest();
    }  
    return XmlHttpObj;
}

function sendMsg(auto)
{
	obj=objXMLHttp();
	if(!auto)//人为刷新
	{
		var myContent = getId("myText").value;
		if(myContent != "")
		{
			if(obj)
		    {
				obj.onreadystatechange = addChat;
				obj.open("POST","do.jsp", true);
				obj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); 
				obj.send("myContent=" + myContent);
				getId("myText").value="";
				getId("myText").focus();
				Scroll();
		    }
		}
		else
		{
			alert(" (*^__^*) 你不告诉我们，我们怎么知道你想保持沉默呢？ ");
			getId("myText").value="我保持沉默";
			getId("myText").focus();
		}
	}
	else//自动刷新
	{
		if(obj)
		{
			obj.onreadystatechange = addChat;
			obj.open("POST","do.jsp", true);
			obj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); 
			obj.send(null);
			Scroll();
		}
	}
}
function addChat()//添加聊天内容
{
	var doc = "";
	if(obj.readyState == 4 && obj.status == 200)
	{
		doc=obj.responseText;
		if(doc != "")
		{
			getId("says").value=doc;
		}
	}
}
function getChatContent()
{
	t = setInterval('sendMsg(true)',800);
}

function quickSend()
{ 
	if(getId("sendType").value=="ctrlEnter")
	{
		if(window.event.ctrlKey&&window.event.keyCode==13)
		{
			sendMsg(false);
		}
	}
	else if(getId("sendType").value=="enterKey")
	{
		if(window.event.keyCode==13)
		{
			sendMsg(false);
		}
	}
}

function loginConfirm()
{
	if(window.event.keyCode==13)
	{
		checkUser();
	}
}

function checkUser()
{
	if(getId("userName").value==null || getId("userName").value=="")
	{
		getId("inputInfo").innerHTML=" <font size='2' color='red'>  大侠，请问您尊姓大名？ </font>";		
		getId("userName").focus();
		return false;
	}
}
var showCount=0;
function showAllMsg()
{
	if(showCount%2==0)
	{
		getId("allMsg").value=getId("says").value;
		getId("allMsg").className="textWidth";
		getId("btnHistory").value="隐藏聊天记录";
	}
	else
	{
		hideAllMsg();
	}
	showCount++;
}

function hideAllMsg()
{
	getId("allMsg").value="";
	getId("allMsg").className="hide";
	getId("btnHistory").value="显示聊天记录";
	//getId("show").disabled=true;
}
function btnOver(id)
{
	getId(id).className='btnOver';
}
function btnOut(id)
{
	getId(id).className='button';
}
function exit()
{
	if(confirm('确实要退出聊天室吗？ '))
	{
		location.href='login.jsp';
	}
}

function about()
{
	if(confirm('Fetso工作室作品 \n\n欢迎光临 http://www.fetso.cn 按"确定"可直接访问  '))
	{
		location.href='http://www.fetso.cn';
	}
}

function Scroll()
 {
  var txb = document.getElementById('says');
  var psnObject = txb.Span;
  if ( !psnObject )
  {
   psnObject = document.createElement('SPAN');
   txb.Span = psnObject;
  }
  txb.appendChild(psnObject);
  psnObject.scrollIntoView(false);
 }
var bgCount=-1;
//var bg=document.getElementById('bgDiv').className;
function changeBg()
{
	bgCount++;
	if(bgCount==0)
	{
		document.getElementById('bgDiv').className="bg_spring";
		document.getElementById('says').className="orangeFont";
	}
	else if(bgCount==1)
	{
		document.getElementById('bgDiv').className="bg_summer";
		document.getElementById('says').className="whiteFont";
	}
	else if(bgCount==2)
	{
		document.getElementById('bgDiv').className="bg_autumn";
		document.getElementById('says').className="orangeFont";
	}
	else if(bgCount==3)
	{
		document.getElementById('bgDiv').className="bg_winter";
		document.getElementById('says').className="whiteFont";
		bgCount=-1;
	}
}

function showHelp(url)
{
	objTxt=objXMLHttp();
	if(objTxt)
	{
		objTxt.open("post",url);
		objTxt.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
		objTxt.onreadystatechange = function()
		{
			if(objTxt.readyState == 4 && objTxt.status == 200)
			{
				document.getElementById("helpTxt").innerHTML = "<p>"+objTxt.responseText;
			}
		}
		objTxt.send(null);
	}
}