contactperson.js

运用JSP/servlet/JavaBean 技术

		var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//创建异步通信对象
		function loadInfo(url, userId)
		{
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.onreadystatechange = reply;//指定回调函数
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "userId=" + userId + "&operation=list";//构建参数
			xmlHttp.send(data);//发送请求
		}
		
		function reply()
		{
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
			{
				var xml = xmlHttp.responseXML;//获取返回的xml对象
				var persons = xml.getElementsByTagName("person");
				var len = persons.length;
				var nicknames = new Array(len);
				var emailNames = new Array(len);
				for(var i = 0; i < len; i++)
				{
					nicknames[i] = persons[i].firstChild.firstChild.data;
					emailNames[i] = persons[i].lastChild.firstChild.data;
				}
				createTable(nicknames, emailNames);
			}
		}
		
		function createTable(nicknames, emailNames)
		{
			var body = document.getElementById("body");
			var tableHtml = "<table>"
				+"<tr class='rowTitle'>"
					+"<th class='column1'><input type='checkbox' id='controlAllCheckbox' onclick='changeOther();' /></th>"
					+"<th class='column2'>昵称</th>"
					+"<th class='column3'>Email地址</th>"
				+"</tr>";
			for(var i = 0; i < nicknames.length; i++)
			{
				tableHtml += "<tr class='rowData'>"
					+"<td class='data1'><input type='checkbox' name='data' /></td>"
					+"<td class='data2' onmouseover='changeStyle();' onmouseout='turnBack();' onclick='toWriteLetter();'>"
					+nicknames[i]
					+"</td>"
					+"<td class='data3' onmouseover='changeStyle();' onmouseout='turnBack();' onclick='toWriteLetter();'>"
					+emailNames[i]
					+"@qq.com</td>"
				    +"</tr>";
			}
			tableHtml += "</table>";
			body.innerHTML = tableHtml;
		}
		
		var emailNames;//存要删除的联系人帐号
		var emailNamesStr;//转为字符串的要删除的联系人帐号
		function deleteSelected(url, userId)
		{
			getSelectedEmailName();
			if(emailNames.length == 0)//如果没有选中复选框那么不做任何操作
			{
				return;
			}
			var sure = confirm("确定要删除吗？");
			if(!sure)//如果不想删除信件那么返回
			{
				return;
			}
			emailNamesToString();
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.onreadystatechange = deleteReply;//指定回调函数
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "userId=" + userId + "&emailNames=" +
			 emailNamesStr + "&operation=delete";//构建参数
			xmlHttp.send(data);//发送请求
		}
		
		function deleteReply()
		{
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
			{
				alert(xmlHttp.responseText);
				parent.document.getElementById("main").src = "ContactPerson.html";
			}
		}
		
		function getSelectedEmailName()
		{
			emailNames = new Array();
			var counter = 0;
			var element = document.getElementsByName("data");//获得所有复选框
			for(var i = 0; i < element.length; i++)//遍历所有复选框
			{
				if(element[i].checked)//如果是复选框被选中的，那么获得它的值
				{
					temp = element[i].parentNode.parentNode.lastChild.firstChild.nodeValue;
					temp = temp.substring(0, temp.indexOf("@"));
					emailNames[counter++] = temp;
				}
			}
		}
		
		function emailNamesToString()
		{
			emailNamesStr = "";
			for(var i = 0; i < emailNames.length; i++)
			{
				emailNamesStr += emailNames[i] + ",";
			}
		}
		
		function writeLetter(url)
		{
			getSelectedEmailName();
			if(emailNames.length == 0)//如果没有选中复选框那么不做任何操作
			{
				return;
			}
			emailNamesToString();
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "emailNames=" + emailNamesStr + "&operation=contact";//构建参数
			xmlHttp.send(data);//发送请求
			setTimeout("parent.document.getElementById('main').src = 'WriteLetter.html';",200);
		}
		
		function toWriteLetter()
		{
			var temp = document.elementFromPoint(event.clientX, event.clientY).parentNode.lastChild.firstChild.data;
			emailNamesStr = temp.substring(0, temp.indexOf("@")) + ",";
			xmlHttp.open("POST", "/QQMail/SetWriteLetterLoadInfoServlet", true);//打开与servlet的连接
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "emailNames=" + emailNamesStr + "&operation=contact";//构建参数
			xmlHttp.send(data);//发送请求
			setTimeout("parent.document.getElementById('main').src = 'WriteLetter.html';",200);
		}
		
		function toAddContactPersonPage()
		{
			parent.document.getElementById("main").src = "AddContactPerson.html";
		}
		
		var element;
		function changeStyle()
		{
			element = document.elementFromPoint(event.clientX, event.clientY).parentNode;
			if(element != null && element != undefined)
       		{
            	element.style.backgroundColor = "#F3F3F3";
				element.style.cursor = "pointer";
        	}
		}
		
		function turnBack()
		{
			element.style.backgroundColor = "White";
		}
		
		function changeOther()
		{
			var element = document.getElementsByName("data");
			var state = document.getElementById("controlAllCheckbox").checked;
			for(var i = 0; i < element.length; i++)
			{
				element[i].checked = state;
			}
		}