aaron.js

基于AJAX的聊天室,实现聊天信息的局部刷新

//当鼠标移动到某一行上面时，动态改变某一行的颜色
        function ChangeBgcolor(otd,temp)
        {
            if (temp == "1")
            {
                otd.style.backgroundColor = "#CC0000";
                otd.style.color = "#F3F3F3";
            }
            else
            {
                otd.style.backgroundColor = "#CCC";
                otd.style.color = "#666";
            }
            otd.style.cursor = "pointer";
        }
        
        //在另一个页面中将详细信息显示出来
        function DisplayData(msgID)
        {
            var oframe = window.parent.document.getElementById("_detail");
            oframe.src = "DetailMessage.aspx?ID="+msgID;
        }
        function OpenInNewWindow(msgID)
        {
            window.open("DetailMessage.aspx?ID="+msgID);
        }

//显示图片
			function DisplayPhoto(tableName,textbox)
			{
				var temp = 0;
				var table = document.getElementById(tableName);
				for(var i = 1;i < 44;i++)
				{
					if (temp == 0)
					{
					
						var otr = document.createElement("tr");
						var otbody = document.createElement("tbody");
						otbody.appendChild(otr);
						table.insertBefore(otbody,table.firstChild);
						//alert();
					}
					var otd = document.createElement("td");

					var oimg = document.createElement("img");
					oimg.setAttribute("src","face/"+i+".gif");
					oimg.setAttribute("name","face/" + i + ".gif");
					
					otd.appendChild(oimg);
					otr.appendChild(otd);

					otd.onclick = function()
					{
						document.getElementById("talkValue").value +="<img src='" + ".." + this.childNodes[0].name + "'/>";
					}
					temp++;					
					if (temp >= 20)
					{
						temp = 0;
					}
				}
			}