writeletter.js

运用JSP/servlet/JavaBean 技术

		<!--
		var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//创建异步通信对象
		var emailNames;//存处理后待提交的收件人字符串
		
		function dealStr(str)
		{
			if(str.charAt(str.length - 1) != ";"){str = str + ";";}
			var temp;
			var users = str.split(";");
			for(var i = 0; i < users.length - 1; i++)
			{
				temp = users[i];
				if(temp.charAt(0) == "<" && temp.indexOf("@") != -1)
				{
					users[i] = temp.substring(1, temp.indexOf("@"));
				}
				emailNames += (users[i] + ";");
			}
		}
		
		function send(userId, url)//发信
		{
			emailNames = "";
			var temp = document.getElementById("emailName").value;//获得所有收件人字符串
			if(temp == "")
			{
				alert("请输入收件人！");
				return;
			}
			var mailTitle = document.getElementById("mailTitle").value;//获得邮件标题
			dealStr(temp);//处理收件人字符串
			var mailContent = document.getElementById("content").value;//获取邮件内容
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.onreadystatechange = reply;//指定回调函数
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "whoSended=" + userId + "&emailNames=" 
			+ emailNames + "&mailTitle=" + mailTitle + "&mailContent=" + mailContent;//构建参数
			xmlHttp.send(data);//发送请求
		}
		
		function reply()
		{
			if(xmlHttp.readyState == 4)
			{
				if(xmlHttp.status == 200)
				{
					var text = xmlHttp.responseText;
					alert(text);
					if(text.indexOf("发送成功") > -1)
					{
						document.getElementById("emailName").value = "";
						document.getElementById("mailTitle").value = "";
						document.getElementById("content").value = "";
					}
				}
			}
		}
		
		function save(userId, url)
		{
			emailNames = "";
			var whoReceive = document.getElementById("emailName").value;//获得收件人
			dealStr(whoReceive);//处理收件人字符串
			var mailTitle = document.getElementById("mailTitle").value;//获得邮件标题
			var mailContent = document.getElementById("content").value;//获取邮件内容
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.onreadystatechange = reply;//指定回调函数
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "whoSended=" + userId + "&whoReceive=" + emailNames + "&mailTitle="
			 + mailTitle + "&mailContent=" + mailContent;//构建参数
			xmlHttp.send(data);//发送请求
		}
		
		function loadContactPerson(userId, url)
		{
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.onreadystatechange = contactReply;//指定回调函数
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "userId=" + userId + "&operation=load";//构建参数
			xmlHttp.send(data);//发送请求
		}
		
		function contactReply()
		{
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
			{
				var xml = xmlHttp.responseXML;//获取返回的xml对象
				var elements = xml.getElementsByTagName("emailname");//获得联系人帐号元素数组
				var len = elements.length;//元素数组长度
				var emailNames = new Array(len);//根据数组长度新建一个装帐号的数组
				for(var i = 0; i < len; i++)
				{
					emailNames[i] = elements[i].firstChild.data;
				}
				createUl(emailNames);
			}
		}
		
		function createUl(emailNames)
		{
			var contactPersonList = document.getElementById("right");
			var ulHtml = "<ul><li><span class='title'>联系人</span></li><hr />";
			for(var i = 0; i < emailNames.length; i++)
			{
				ulHtml += "<li onmouseover='changeStyle();' "
				         +"onmouseout='turnBack();' onclick='passValue();' "
				         +"class='contactPerson'>"
				         + emailNames[i]
				         +"</li>";
			}
			ulHtml += "</ul>";
			contactPersonList.innerHTML = ulHtml;
		}
		
		function passValue()
		{
			var userId = document.getElementById("emailName");
			var mailNames = userId.value.split(";");
			var contactPerson =document.elementFromPoint(event.clientX, event.clientY).firstChild.nodeValue;
			contactPerson = contactPerson.substring(0, contactPerson.length);
			for(var i = 0; i < mailNames.length; i++)//检测联系人是否已经添加过了的。
			{
				if(mailNames[i] == "<" + contactPerson + "@qq.com>")
				{
					return;
				}
			}
			var lastLetter = userId.value.substring(userId.value.length - 1, userId.value.length);
			if(lastLetter == ";")
			{
				userId.value = userId.value + "<" + contactPerson + "@qq.com>;";
			}
			else
			{
				if(userId.value.length == 0)
				{
					userId.value = "<" + contactPerson + "@qq.com>;";
				}
				else
				{
					userId.value = userId.value + ";" + "<" + contactPerson + "@qq.com>;";
				}
			}
		}
		
		var element;
		function changeStyle()
		{
			element = document.elementFromPoint(event.clientX, event.clientY);
			if(element != null && element != undefined)
       		{
            	element.style.backgroundColor = "#FFEEC2";
				element.style.cursor = "pointer";
				element.style.color = "Black";
        	}
		}
		
		function turnBack()
		{
			element.style.backgroundColor = "White";
			element.style.color = "#8048A4";
		}
		
		function toFrontPage()
		{
			parent.document.getElementById("main").src = "FrontPage.html";
		}
		//-->