清爽夏日九宫格日记网

最新推荐文章于 2023-04-23 22:12:35 发布

active2489595970

最新推荐文章于 2023-04-23 22:12:35 发布

阅读量5.5k

点赞数 3

分类专栏：开发经验分享 java web开发

本文链接：https://blog.csdn.net/active2489595970/article/details/70877721

版权

开发经验分享同时被 2 个专栏收录

60 篇文章 0 订阅

订阅专栏

java web开发

51 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<style>
#bottom{
background-image:url(images/bg_bottom.jpg);
width:800px;
height:58px;
clear: both;
text-align:center;
padding-top:10px;
}
#bottom ul{
color:#FFFFFF;
list-style:none;
line-height:20px;
}
</style>
<div id="bottom">
<ul>
<li>技术服务热线：400-675-1066 传真：0431-84972266 企业邮箱：mingrisoft@mingrisoft.com</li>
<li>Copyright © www.mrbccd.com All Rights Reserved! </li>
</ul>
</div>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>找回密码第一步</title>
<script language="javascript">
function checkForm(form){
if(form.username.value==""){
alert("请输入用户名！");form.username.focus();return false;
}
}
</script>
<style>
#forgetPwd1{
float:left;
list-style: none;
padding:50px 0px 0px 200px;
}
#forgetPwd1 li{
float:left;

}
</style>
<body bgcolor="#F0F0F0">
<div id="box">
<%@ include file="top.jsp" %>
<%@ include file="register.jsp" %>
<div id="forgetPwd" style="height:356px;">
<form name="form_forgetPwd" method="post" action="UserServlet?action=forgetPwd1" οnsubmit="return checkForm(this)">
<ul id="forgetPwd1">
<li style="padding-top:5px;">请输入用户名： </li>
<li><input type="text" name="username"> </li>
<li style="padding-left:10px;">
<input name="Submit" type="submit" value="下一步">
</li>
</ul>
</form>
</div>
<%@ include file="bottom.jsp" %>
</div>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>找回密码第二步</title>
<script language="javascript">
function checkForm(form){
if(form.answer.value==""){
alert("请输入密码提示问题答案！");form.answer.focus();return false;
}
}
</script>
<style>
#forgetPwd2{
float:left;
list-style: none;
padding:50px 0px 0px 200px;
}
#forgetPwd2 li{
padding:10px;

}
</style>
<body bgcolor="#F0F0F0">
<div id="box">
<%@ include file="top.jsp" %>
<%@ include file="register.jsp" %>
<div id="forgetPwd" style="height:356px;">
<form name="form_forgetPwd" method="post" action="UserServlet?action=forgetPwd2" οnsubmit="return checkForm(this)">
<ul id="forgetPwd2"><li style="padding-top:5px;">密码提示问题： <input type="hidden" name="username" value="${requestScope.username}">
<input type="text" name="question" value="${requestScope.question}" readonly="readonly"></li>
<li>提示问题答案：
<input type="text" name="answer" value=""></li>
<li style="padding-left:100px;">
<input name="Submit" type="submit" value="下一步">
</li>
</ul>

</form>
</div>
<%@ include file="bottom.jsp" %>
</div>
</body>
</html>

%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<jsp:useBean id="pagination" class="com.wgh.tools.MyPagination" scope="session"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="JS/excanvas-modified.js"></script>
<title>显示九宫格日记列表</title>
<script language="javascript">
//展开或收缩图片的方法
function zoom(id,url){
document.getElementById('reDefault'+id).onclick();//执行reDefault的单击事件
document.getElementById("diary"+id).style.display = "";//显示图片
if(flag[id]){//用于展开图片
document.getElementById("diary"+id).src="images/diary/"+url+".png"; //设置要显示的图片
document.getElementById("diary"+id).style.cursor="url(images/ico02.ico)";//为图片添加自定义鼠标样式
document.getElementById("control"+id).style.display=""; //显示控制工具栏
document.getElementById("diaryImg"+id).style.width=401; //设置日记图片的宽度
document.getElementById("diaryImg"+id).style.height=436; //设置日记图片的高度
document.getElementById("canvas"+id).style.cursor="url(images/ico02.ico)"; //为画布添加自定义鼠标样式
document.getElementById("diary"+id).width=400; //设置图片的宽度
document.getElementById("diary"+id).height=400;//设置图片的高度
flag[id]=false;
}else{//用于收缩图片
document.getElementById("diary"+id).src="images/diary/"+url+"scale.jpg";//设置图片显示为缩略图
document.getElementById("control"+id).style.display="none"; //设置控制工具栏不显示
document.getElementById("diary"+id).style.cursor="url(images/ico01.ico)";//为图片添加自定义鼠标样式
document.getElementById("diaryImg"+id).style.width=60; //设置日记图片的宽度
document.getElementById("diaryImg"+id).style.height=60; //设置日记图片的高度
document.getElementById("canvas"+id).style.cursor="url(images/ico01.ico)"; //为画布添加自定义鼠标样式
document.getElementById("diary"+id).width=60; //设置图片的宽度
document.getElementById("diary"+id).height=60;//设置图片的高度
flag[id]=true;
document.getElementById("canvas"+id).style.display="none"; //设置面板不显示

}
}
var i=0; //标记变量，用于记录当前页共几条日记
</script>

</head>
<body bgcolor="#F0F0F0">
<div id="box">
<%@ include file="top.jsp" %>
<%@ include file="register.jsp" %>
<c:if test="${!empty requestScope.diaryList}">
<c:forEach items="${requestScope.diaryList}" var="diaryList" varStatus="id">
<script type="text/javascript">
i++; //标记变量，用于记录当前页共几条日记
function rotate${id.count }(){
var param${id.count } = {
right: document.getElementById("rotRight${id.count }"),
left: document.getElementById("rotLeft${id.count }"),
reDefault: document.getElementById("reDefault${id.count }"),
img: document.getElementById("diary${id.count }"),
cv: document.getElementById("canvas${id.count }"),
rot: 0
};
var rotate = function(canvas,img,rot){
//获取图片的高宽
var w = 400; //设置图片的宽度
var h = 400; //设置图片的高度
//角度转为弧度
if(!rot){
rot = 0;
}
var rotation = Math.PI * rot / 180;
var c = Math.round(Math.cos(rotation) * 1000) / 1000;
var s = Math.round(Math.sin(rotation) * 1000) / 1000;
//旋转后canvas面板的大小
canvas.height = Math.abs(c*h) + Math.abs(s*w);
canvas.width = Math.abs(c*w) + Math.abs(s*h);
//绘图开始
var context = canvas.getContext("2d");

context.save();
//改变中心点
if (rotation <= Math.PI/2) { //旋转角度小于等90度时
context.translate(s*h,0);
} else if (rotation <= Math.PI) { //旋转角度小于等180度时
context.translate(canvas.width,-c*h);
} else if (rotation <= 1.5*Math.PI) { //旋转角度小于等270度时
context.translate(-c*w,canvas.height);
} else {
rot=0;
context.translate(0,-s*w);
}
//旋转90°
context.rotate(rotation);
//绘制
context.drawImage(img, 0, 0, w, h);
context.restore();
img.style.display = "none"; //设置图片不显示
}
var fun = {
right: function(){//向右转的方法
param${id.count }.rot += 90;
rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);
if(param${id.count }.rot === 270){
param${id.count }.rot = -90;
}else if(param${id.count }.rot > 270){
param${id.count }.rot = -90;
fun.right();//调用向右转的方法
}
},

reDefault: function(){//恢复默认的方法
param${id.count }.rot = 0;
rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);
},

left: function(){//向左转的方法
param${id.count }.rot -= 90;
if(param${id.count }.rot <= -90){
param${id.count }.rot = 270;
}
rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot); //旋转指定角度
}
};
param${id.count }.right.onclick = function(){ //向右转
param${id.count }.cv.style.display="";//显示画图面板
fun.right();
return false;
};
param${id.count }.left.onclick = function(){ //向左转
param${id.count }.cv.style.display="";//显示画图面板
fun.left();
return false;
};
param${id.count }.reDefault.onclick = function(){//恢复默认
fun.reDefault(); //恢复默认
return false;
};
}
</script>
<div style="border-bottom-color:#CBCBCB;padding:5px;border-bottom-style:dashed;border-bottom-width: 1px;margin: 10px 20px;color:#0F6548">
<font color="#CE6A1F" style="font-weight: bold;font-size:14px;">${diaryList.username}</font>  发表九宫格日记：<b>${diaryList.title}</b></div>
<div style="margin:10px 10px 0px 10px;background-color:#FFFFFF; border-bottom-color:#CBCBCB;border-bottom-style:dashed;border-bottom-width: 1px;">
<div id="diaryImg${id.count }" style="border:1px #DDDDDD solid;width:60px;background-color:#EEEEEE;">

<div id="control${id.count }" style="display:none;padding: 10px;">
<%String url=request.getRequestURL().toString();
url=url.substring(0,url.lastIndexOf("/"));%>
<a href="#" onClick="zoom('${id.count }','${diaryList.address }')">收缩</a>
   <a href="<%=url %>/images/diary/${diaryList.address }.png" target="_blank">查看原图</a>
  <a id="rotLeft${id.count }" href="#" >左转</a>
  <a id="rotRight${id.count }" href="#">右转</a>
<a id="reDefault${id.count }" href="#" style="display:none">恢复默认</a>
</div>
<img id="diary${id.count }" src="images/diary/${diaryList.address }scale.jpg"
style="cursor: url(images/ico01.ico);"
onClick="zoom('${id.count }','${diaryList.address }')">
<canvas id="canvas${id.count }" style="display:none;" onClick="zoom('${id.count }','${diaryList.address }')"></canvas>
</div>
<div style="padding:10px;background-color:#FFFFFF;text-align:right;color:#999999;">
发表时间：<fmt:formatDate value="${diaryList.writeTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss"/>
<c:if test="${sessionScope.userName==diaryList.username}">
<a href="DiaryServlet?action=delDiary&id=${diaryList.id }&url=${requestScope.url}&imgName=${diaryList.address }">[删除]</a>
</c:if>
</div>
</div>
</c:forEach>
</c:if>
<c:if test="${empty requestScope.diaryList}">
暂无九宫格日记！
</c:if>
<script type="text/javascript">
var flag=new Array(i);//定义一个标记数组
window.onload = function(){
while(i>0){
eval("rotate"+i)();//执行旋转图片的方法
flag[i]=true;//初始化一维数组的各个元素
i--;
}
}
</script>
<div style="background-color: #FFFFFF;">
<%=pagination.printCtrl(Integer.parseInt(request.getAttribute("Page").toString()),"DiaryServlet?action="+request.getAttribute("url"),"")%>
</div>
<%@ include file="bottom.jsp" %>
</div>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>预览九宫格日记</title>
<style>
ul{ /*设置<ul>标记的样式*/
list-style: none;
}
li{ /*设置<li>标记的样式*/
padding:5px;
}
</style>
<script language="javascript">
window.οnlοad=function(){ //当页面载入后
document.getElementById("diaryImg").src="CreateImg";
}
</script>
</head>
<body bgcolor="#F0F0F0">
<div id="box">
<%@ include file="top.jsp" %>
<div>
<ul>
<li>标题：${sessionScope.title }</li>
<li><img src="images/loading.gif" name="diaryImg" id="diaryImg"/></li>
<li style="padding-left:240px;">
<a href="#" οnclick="history.back();">再改改</a>   
<a href="DiaryServlet?action=save">保存</a>
</li>
</ul>
</div>
<c:if test="${empty sessionScope.userName}">
<c:redirect url="index.jsp"/>
</c:if>
<%@ include file="bottom.jsp" %>
</div>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<script language="javascript" src="JS/AjaxRequest.js"></script>
<script language="javascript" src="JS/wghFunction.js"></script>
<script language="javascript">
//显示用户注册页面
function Regopen(divID){
getProvince(); //获取省和直辖市
var notClickDiv=document.getElementById("notClickDiv"); //获取id为notClickDiv的层
notClickDiv.style.display='block'; //设置层显示
document.getElementById("notClickDiv").style.width=document.body.clientWidth;
document.getElementById("notClickDiv").style.height=document.body.clientHeight;
divID=document.getElementById(divID); //根据传递的参数获取操作的对象
divID.style.display='block'; //显示用户注册页面
divID.style.left=(document.body.clientWidth-663)/2; //设置页面的左边距
divID.style.top=(document.body.clientHeight-441)/2; //设置页面的顶边距
}
//隐藏用户注册页面
function Myclose(divID){
document.getElementById(divID).style.display='none'; //隐藏用户注册页面
//设置id为notClickDiv的层隐藏
document.getElementById("notClickDiv").style.display='none';
}
</script>
<script language="javascript">
var flag_user=true; //记录用户是否合法
var flag_pwd=true; //记录密码是否合法
var flag_repwd=true; //确认密码是否通过
var flag_email=true; //记录E-mail地址是否合法
var flag_question=true; //记录密码提示问题是否输入
var flag_answer=true; //记录提示问题答案是否输入
//验证用户名是否合法，并且未被注册
function checkUser(str){
if(str==""){ //当用户名为空时
document.getElementById("div_user").innerHTML="请输入用户名！";//设置提示文字
document.getElementById("tr_user").style.display='block'; //显示提示信息
flag_user=false;
}else if(!checkeUser(str)){ //判断用户名是否符合要求
document.getElementById("div_user").innerHTML="您输入的用户名不合法！"; //设置提示文字
document.getElementById("tr_user").style.display='block'; //显示提示信息
flag_user=false;
}else{ //进行异步操作，判断用户名是否被注册
var loader=new net.AjaxRequest("UserServlet?action=checkUser&username="+str+"&nocache="+new Date().getTime(),deal,onerror,"GET");
}
}
function deal(){
result=this.req.responseText; //获取返回的检测结果
result=result.replace(/\s/g,""); //去除Unicode空白符
if(result=="1"){ //当用户名没有被注册
document.getElementById("div_user").innerHTML=""; //清空提示文字
document.getElementById("tr_user").style.display='none'; //隐藏提示信息显示行
flag_user=true;
}else{ //当用户名已经被注册
document.getElementById("div_user").innerHTML=result; //设置提示文字
document.getElementById("tr_user").style.display='block'; //显示提示信息
flag_user=false;
}

}

/*************************************************************************************************************/
//验证密码
function checkPwd(str){
if(str==""){ //当密码为空时
document.getElementById("div_pwd").innerHTML="请输入密码！"; //设置提示文字
document.getElementById("tr_pwd").style.display='block'; //显示提示信息
flag_pwd=false;
}else if(!checkePwd(str)){ //当密码不合法时
document.getElementById("div_pwd").innerHTML="您输入的密码不合法！"; //设置提示文字
document.getElementById("tr_pwd").style.display='block'; //显示提示信息
flag_pwd=false;
}else{ //当密码合法时
document.getElementById("div_pwd").innerHTML=""; //清空提示文字
document.getElementById("tr_pwd").style.display='none'; //隐藏提示信息显示行
flag_pwd=true;
}
}
//验证确认密码是否正确
function checkRepwd(str){
if(str==""){ //当确认密码为空时
document.getElementById("div_pwd").innerHTML="请确认密码！"; //设置提示文字
document.getElementById("tr_pwd").style.display='block'; //显示提示信息
flag_repwd=false;
}else if(form1.pwd.value!=str){ //当确认密码与输入的密码不一致时
document.getElementById("div_pwd").innerHTML="两次输入的密码不一致！"; //设置提示文字
document.getElementById("tr_pwd").style.display='block'; //显示提示信息
flag_repwd=false;
}else{ //当两次输入的密码一致时
document.getElementById("div_pwd").innerHTML=""; //清空提示文字
document.getElementById("tr_pwd").style.display='none'; //隐藏提示信息显示行
flag_repwd=true;
}
}
//验证E-mail地址
function checkEmail(str){
if(str==""){//当E-mail地址为空时
document.getElementById("div_email").innerHTML="请输入E-mail地址！";//设置提示信息
document.getElementById("tr_email").style.display='block'; //显示提示信息
flag_email=false;
}else if(!checkemail(str)){//当E-mail地址不合法时
document.getElementById("div_email").innerHTML="您输入的E-mail地址不正确！";//设置提示信息
document.getElementById("tr_email").style.display='block'; //显示提示信息
flag_email=false;
}else{
document.getElementById("div_email").innerHTML="";//清空提示信息
document.getElementById("tr_email").style.display='none';//不显示提示信息
flag_email=true;
}
}
//验证提示问题答案
function checkQuestion(str_q,str_a){
if(str_q!="" && str_a==""){//当密码提示问题不为空，而提示问题答案为空时
document.getElementById("div_answer").innerHTML="请输入提示问题答案！";//设置提示信息
document.getElementById("tr_answer").style.display='block'; //显示提示信息
flag_answer=false;
}else if(str_q=="" && str_a !=""){//当密码提示问题为空，而提示问题答案不为空时
document.getElementById("div_question").innerHTML="请输入密码提示问题！";//设置提示信息
document.getElementById("tr_question").style.display='block'; //显示提示信息
flag_question=false;
}else{
document.getElementById("div_answer").innerHTML="";//清空提示信息
document.getElementById("div_question").innerHTML="";//清空提示信息
document.getElementById("tr_answer").style.display='none'; //不显示提示信息
document.getElementById("tr_question").style.display='none';//不显示提示信息
flag_answer=true;
flag_question=true;
}
}
</script>
<script language="javascript">
//保存用户注册信息
function save(){
if(form1.user.value==""){ //当用户名为空时
alert("请输入用户名！");form1.user.focus();return;
}
if(form1.pwd.value==""){ //当密码为空时
alert("请输入密码！");form1.pwd.focus();return;
}
if(form1.repwd.value==""){ //当没有输入确认密码时
alert("请确认密码！");form1.repwd.focus();return;
}
if(form1.email.value==""){ //当E-mail地址为空时
alert("请输入E-mail地址！");form1.email.focus();return;
}
if(flag_user && flag_pwd && flag_repwd && flag_email && flag_question && flag_answer){ //所有数据都符合要求时
var param="user="+form1.user.value+"&pwd="+form1.pwd.value+"&email="+form1.email.value+"&question="+
form1.question.value+"&answer="+form1.answer.value+"&city="+form1.city.value; //组合参数
var loader=new net.AjaxRequest("UserServlet?action=save&nocache="+new Date().getTime(),deal_save,onerror,"POST",param);
}else{
alert("您填写的注册信息不合法，请确认！");
}
}
function deal_save(){
alert(this.req.responseText); //弹出提示信息
form_reset(form1); //重置表单
Myclose("register"); //隐藏用户注册页面

}
/*************************************************************************************************************/
//获取省份
function getProvince(){
var loader=new net.AjaxRequest("UserServlet?action=getProvince&nocache="+new Date().getTime(),deal_getProvince,onerror,"GET");
}
function deal_getProvince(){
provinceArr=this.req.responseText.split(",");//分割字符串
for(i=0;i<provinceArr.length;i++){//设置下拉列表框的列表项
document.getElementById("province").options[i]=new Option(provinceArr[i],provinceArr[i]);
}
if(provinceArr[0]!=""){
getCity(provinceArr[0]); //获取市县
}
}
/*************************************************************************************************************/
//获取市县
function getCity(selProvince){
var loader=new net.AjaxRequest("UserServlet?action=getCity&parProvince="+selProvince+"&nocache="+new Date().getTime(),deal_getCity,onerror,"GET");
}
function deal_getCity(){
cityArr=this.req.responseText.split(",");//分割字符串
document.getElementById("city").length=0; //清空下拉列表
for(i=0;i<cityArr.length;i++){//设置下拉列表框的列表项
document.getElementById("city").options[i]=new Option(cityArr[i],cityArr[i]);
}
}
/*************************************************************************************************************/
/*************************************************************************************************************/
function onerror(){ //错误处理函数
alert("出错了");
}
//重置表单函数
function form_reset(form){
form.reset(); //重置表单
getProvince(); //获取省和直辖市
document.getElementById("tr_user").style.display='none';
document.getElementById("tr_pwd").style.display='none';
document.getElementById("tr_email").style.display='none';
document.getElementById("tr_question").style.display='none';
document.getElementById("tr_answer").style.display='none';
}
</script>

<div id="register" style="width:663; height:421; background-color:#546B51; padding:4px; position:absolute; z-index:11;display:none;">
<form name="form1" action="" method="post">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FEFEFC">
<tr>
<td height="408" align="center" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" style="color:#1B7F5D;font-size: 14px;"><b>清爽夏日九宫格日记网--用户注册</b></td>
</tr>
</table>
<table width="94%" height="331" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="310" valign="top" bgcolor="#FFFFFF"><table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFEF9">
<tr id="tr_user" style="display:none">
<td height="40" colspan="2" align="center"><div id="div_user" style="border:#FF6600 1px solid; color:#FF0000; width:90%; height:29px; padding-top:8px;"></div></td>
</tr>
<tr>
<td width="93" height="40" align="right">用户名：</td>
<td height="40" align="left"><input name="user" type="text" onBlur="checkUser(this.value)">
 *长度限制为20个字母或10个汉字</td>
</tr>
<tr id="tr_pwd" style="display:none">
<td height="40" colspan="2" align="center"><div id="div_pwd" style="border:#FF6600 1px solid; color:#FF0000; width:90%; height:29px; padding-top:8px; background-image:url(images/div_bg.jpg)"></div></td>
</tr>
<tr>
<td height="40" align="right">密码：</td>
<td height="40" align="left"><input name="pwd" type="password" onBlur="checkPwd(this.value)">
 * 密码由字母开头的字母、数字或下划线组成，并且密码的长度大于6位小于30位</td>
</tr>
<tr>
<td height="40" align="right">确认密码：</td>
<td height="40" align="left"><input name="repwd" type="password" onBlur="checkRepwd(this.value)">
 * 请确认密码 </td>
</tr>
<tr id="tr_email" style="display:none">
<td height="40" colspan="2" align="center"><div id="div_email" style="border:#FF6600 1px solid; color:#FF0000; width:90%; height:29px; padding-top:8px; background-image:url(images/div_bg.jpg)"></div></td>
</tr>
<tr>
<td height="40" align="right">E-mail地址：</td>
<td height="40" align="left"><input name="email" type="text" size="35" onBlur="checkEmail(this.value)">
 * 请输入有效的E-mail地址，在找回密码时应用 </td>
</tr>
<tr>
<td height="40" align="right">所在地：</td>
<td height="40" align="left"><select name="province" id="province" onChange="getCity(this.value)">
</select>
-
<select name="city" id="city">
</select></td>
</tr>
<tr>
<td height="40" colspan="2" align="center">以下两个选项，只要有任何一个没有输入，将不可以通过答案问题重新设置密码。</td>
</tr>
<tr id="tr_question" style="display:none">
<td height="40" colspan="2" align="center"><div id="div_question" style="border:#FF6600 1px solid; color:#FF0000; width:90%; height:29px; padding-top:8px; background-image:url(images/div_bg.jpg)"></div></td>
</tr>
<tr>
<td height="40" align="right">密码提示问题：</td>
<td height="40" align="left"><input name="question" type="text" id="question" size="35" onBlur="checkQuestion(this.value,this.form.answer.value)">
如：我的工作单位</td>
</tr>
<tr id="tr_answer" style="display:none">
<td height="40" colspan="2" align="center"><div id="div_answer" style="border:#FF6600 1px solid; color:#FF0000; width:90%; height:29px; padding-top:8px; background-image:url(images/div_bg.jpg)"></div></td>
</tr>
<tr>
<td height="40" align="right">提示问题答案：</td>
<td height="40" align="left"><input name="answer" type="text" id="answer" size="35" onBlur="checkQuestion(this.form.question.value,this.value)">
如：明日科技 </td>
</tr>
<tr>
<td height="40"> </td>
<td height="40" align="center"><input name="btn_sumbit" type="button" class="btn_grey" value="提交" onClick="save()">
 
<input name="btn_reset" type="button" class="btn_grey" value="重置" onClick="form_reset(this.form)">
 
<input name="btn_close" type="button" class="btn_grey" value="关闭" onClick="Myclose('register')"></td>
</tr>

</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" align="center" valign="top" bgcolor="#FEFEFC"> </td>
</tr>
</table>
</form>
</div>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<style>
#notClickDiv{
filter:alpha(Opacity=35);opacity:0.35; /*设置不透明度为35%*/
background:#000000; /*设置背景为黑色*/
position:absolute; /*设置定位方式为绝对位置*/
display:none; /*设置该<div>标记显示*/
z-index:9; /*设置层叠顺序*/
top:0px; /*设置顶边距*/
left:0px; /*设置左边距*/
margin: 0px;
padding: 0px;
}

</style>
<script language="javascript" src="JS/AjaxRequest.js"></script>

<script language="javascript">

function myClose(divID){
divID.style.display='none'; //设置id为login的层隐藏
//设置id为notClickDiv的层隐藏
document.getElementById("notClickDiv").style.display='none';
}
function Myopen(divID){ //根据传递的参数确定显示的层
var notClickDiv=document.getElementById("notClickDiv"); //获取id为notClickDiv的层
notClickDiv.style.display='block'; //设置层显示
document.getElementById("notClickDiv").style.width=document.body.clientWidth;
document.getElementById("notClickDiv").style.height=document.body.clientHeight;
document.getElementById(divID).style.display='block'; //设置由divID所指定的层显示
document.getElementById(divID).style.left=(document.body.clientWidth-240)/2; //设置由divID所指定的层的左边距
document.getElementById(divID).style.top=(document.body.clientHeight-139)/2; //设置由divID所指定的层的顶边框
}
function loginSubmit(form2){
if(form2.username.value==""){ //验证用户名是否为空
alert("请输入用户名！");form2.username.focus();return false;
}
if(form2.pwd.value==""){ //验证密码是否为空
alert("请输入密码！");form2.pwd.focus();return false;
}
var param="username="+form2.username.value+"&pwd="+form2.pwd.value; //将登录信息连接成字符串，作为发送请求的参数
var loader=new net.AjaxRequest("UserServlet?action=login",deal_login,onerror,"POST",encodeURI(param));
}
function onerror(){
alert("您的操作有误");
}
function deal_login(){
/*****************显示提示信息******************************/
var h=this.req.responseText;
h=h.replace(/\s/g,""); //去除字符串中的Unicode空白
alert(h);
if(h=="登录成功！"){
window.location.href="DiaryServlet?action=listAllDiary";
}else{
form2.username.value="";//清空用户名文本框
form2.pwd.value="";//清空密码文本框
form2.username.focus();//让用户名文本框获得焦点
}

}
</script>
<style>
#top{ /*设置页面头部的DIV样式*/
background-image:url(images/bg_top.jpg);
width:800px;
height:176px;
}
#navigation{ /*设置导航条的样式*/
background-image:url(images/navigation_bg.jpg);
width:790px;
height:26px;
padding:5px 5px 0px 5px;
margin: 0px;
}
#loginUl{ /*设置登录所用的<ul>标记的样式*/
list-style:none;
margin: 0px;
}
#loginUl li{ /*设置登录所用的<li>标记的样式*/
padding: 5px;
}
#loginTitle{ /*设置登录窗口的标题样式*/
padding:15px;
background-color:#FCFBF0;
color:#1B7F5D;
font-size: 14px;
font-weight:bold;
margin:0px;
}
#login{
position:absolute; /*设置布局方式*/
width:280px; /*设置宽度*/
padding:4px; /*设置内边距*/
height:156px; /*设置高度*/
display:none; /*设置显示方式*/
z-index:10; /*设置层叠顺序*/
background-color:#546B51; /*设置背景颜色*/
}
</style>
<link rel="stylesheet" href="CSS/style.css" />
<div id="notClickDiv"></div>
<div id="top"></div>
<div id="navigation">
<div style="float:left;color:#006700;">
<c:if test="${!empty sessionScope.userName}">
<b>   》  欢迎 ${sessionScope.userName} 登录九宫格日记网！</b>
</c:if>
<c:if test="${empty sessionScope.userName}">
<b>   》  欢迎光临九宫格日记网！</b>
</c:if>
</div>
<div style="float:right;text-align: right;">
<a href="DiaryServlet?action=listAllDiary">首页</a>
<c:if test="${empty sessionScope.userName}">
  |  <a href="#" onClick="Myopen('login')">登录</a>
  |  <a href="#" onClick="Regopen('register')">注册</a>
  |  <a href="forgetPwd_1.jsp">找回密码</a>
</c:if>
<c:if test="${!empty sessionScope.userName}">
 |  <a href="DiaryServlet?action=listMyDiary">我的日记</a>
  |  <a href="writeDiary.jsp">写九宫格日记</a>
  |  <a href="UserServlet?action=exit">退出登录</a>
</c:if>
</div>

</div>
<div id="login">
<form name="form2" method="post" action="" id="form2">
<div id="loginTitle">清爽夏日九宫格日记网--用户登录</b></div>
<div id="loginContent" style="background-color:#FFFEF9; margin:0px;">
<ul id="loginUl"><li>
用户名：<input type="text" name="username" style="width:120px" οnkeydοwn="if(event.keyCode==13){this.form.pwd.focus();}">
</li><li>
密    码：<input type="password" name="pwd" style="width:120px" οnkeydοwn="if(event.keyCode==13){loginSubmit(this.form)}"> <a href="forgetPwd_1.jsp">找回密码</a>
</li><li style="padding-left:40px;">
<input name="Submit" type="button" οnclick="loginSubmit(this.form)" value="登录">
 
<input name="Submit2" type="button" value="关闭" onClick="myClose(login)">
</li></ul>
</div>
<div style="background-color:#FEFEFC;height:10px;"></div>
</form>
</div>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
${requestScope.returnValue}

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:if test="${empty sessionScope.userName}">
<c:redirect url="index.jsp"/>
</c:if>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="JS/pluginpage.js"></script>
<script type="text/javascript" src="JS/jquery.pngFix.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('div.examples').pngFix( );
});
</script>

<title>写九宫格日记</title>
<link rel="stylesheet" href="CSS/style.css">
<style>
#gridLayout { /*设置写日记的九宫格的<ul>标记的样式*/
float: left; /*设置浮动方式*/
list-style: none; /*不显示项目符号*/
width: 100%; /*设置宽度为100%*/
margin: 0px; /*设置外边距*/
padding: 0px; /*设置内边距*/
display: inline; /*设置显示方式*/
}

#gridLayout li { /*设置写日记的九宫格的<li>标记的样式*/
width: 33%; /*设置宽度*/
float: left; /*设置浮动方式*/
height: 198px; /*设置高度*/
padding: 0px; /*设置内边距*/
margin: 0px; /*设置外边距*/
display: inline; /*设置显示方式*/
}
#opt{ /*设置默认选项相关的<ul>标记的样式 */
padding:0px 0px 0px 10px; /*设置上、右、下内边距为0，左内边距为10*/
margin:0px; /*设置外边距*/
}
#opt li{ /*设置默认选项相关的<li>标记的样式 */
width:99%;
padding-top:5px 0px 0px 10px;
font-size:14px; /*设置字体大小为14像素*/
height:25px; /*设置高度*/
clear:both; /*左、右两侧不包含浮动内容*/
}
.cssContent{ /*设置内容的样式*/
float:left;
padding:40px 0px; /*设置上、下内边距为40，左、右内边距为0*/
display:inline; /*设置显示方式*/
}
#weather{ /*设置天气相关<ul>标记的样式*/
border:0px;
padding:15px 0px 0px 30px;
margin:20px;
display:inline;

}
#weather li{ /*设置天气相关<li>标记的样式*/
border:0px;
width:90%;
padding:10px;
margin:0px;
display:inline;
}
input{ /*设置输入框的样式*/
font-size:12px;
}
.title{ /*设置标题的样式*/
color:#0F6548;
font-weight:bold;
}
#writeDiary_bg{ /*设置日记背景的样式*/
width:738px; /*设置宽度*/
height:751px; /*设置高度*/
background-repeat:no-repeat; /*设置背景不重复*/
background-image:url(images/diaryBg_00.jpg); /*设置默认的背景图片*/
padding-top:50px; /*设置顶边距*/
padding-left:53px; /*设置左边距*/
}
</style>
<script language="javascript">
function setTemplate(style){
if(style=="默认"){
document.getElementById("writeDiary_bg").style.backgroundImage="url(images/diaryBg_00.jpg)";
document.getElementById("writeDiary_bg").style.width="738px"; //宽度
document.getElementById("writeDiary_bg").style.height="751px"; //高度
document.getElementById("writeDiary_bg").style.paddingTop="50px";//顶边距
document.getElementById("writeDiary_bg").style.paddingLeft="53px";//左边距
document.getElementById("template").value="默认";
}else if(style=="女孩"){
document.getElementById("writeDiary_bg").style.backgroundImage="url(images/diaryBg_01.jpg)";
document.getElementById("writeDiary_bg").style.width="750px"; //宽度
document.getElementById("writeDiary_bg").style.height="629px"; //高度
document.getElementById("writeDiary_bg").style.paddingTop="160px";//顶边距
document.getElementById("writeDiary_bg").style.paddingLeft="50px";//左边距
document.getElementById("template").value="女孩";
}else{
document.getElementById("writeDiary_bg").style.backgroundImage="url(images/diaryBg_02.jpg)";
document.getElementById("writeDiary_bg").style.width="740px"; //宽度
document.getElementById("writeDiary_bg").style.height="728px"; //高度
document.getElementById("writeDiary_bg").style.paddingTop="30px";//顶边距
document.getElementById("writeDiary_bg").style.paddingLeft="60px"; //左边距
document.getElementById("template").value="怀旧";
}
}
window.οnlοad=function(){
var date=new Date(); //创建日期对象
year=date.getFullYear(); //获取当前日期中的年份
month=date.getMonth(); //获取当前日期中的月份
day=date.getDate(); //获取当时日期中的日
week=date.getDay(); //获取当前日期中的星期
var arr=new Array("星期日","日期一","星期二","星期三","星期四","星期五","星期六");
document.getElementById("now").innerHTML=year+"年"+(month+1)+"月"+day+"日 "+arr[week];
}

</script>
</head>
<body bgcolor="#F0F0F0">
<div id="box">
<%@ include file="top.jsp" %>
<c:if test="${empty sessionScope.userName}">
<c:redirect url="index.jsp"/>
</c:if>
<form name="form1" method="post" action="DiaryServlet?action=preview">
<div style="margin:10px;"><span class="title">请选择模板：</span><a href="#" onClick="setTemplate('默认')">默认</a> <a href="#" onClick="setTemplate('女孩')">女孩</a> <a href="#" onClick="setTemplate('怀旧')">怀旧</a>
<input id="template" name="template" type="hidden" value="默认">
</div>
<div style="padding:10px;" class="title">请输入日记标题： <input name="title" type="text" size="30" maxlength="30" value="请在此输入标题" onFocus="this.select()"></div>
<div id="writeDiary_bg">

<div style="width:600px; height:600px; ">
<ul id="gridLayout">
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[0].value='工作完成了'">◎ 工作完成了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[0].value='我还活着'">◎ 我还活着</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[0].value='瘦了'">◎ 瘦了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[0].value='好多好吃的'">◎ 好多好吃的</a></li>
</ul>
</div>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[1].value='关心同事'">◎ 关心同事</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[1].value='问候家人了'">◎ 问候家人了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[1].value='给老人让坐'">◎ 给老人让坐</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[1].value='忘记了'">◎ 忘记了</a></li></ul>
</div>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[2].value='写工作总结'">◎ 写工作总结</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[2].value='出去旅游'">◎ 出去旅游</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[2].value='继续努力工作'">◎ 继续努力工作</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[2].value='休息一下'">◎ 休息一下</a></li></ul>
</div>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[3].value='效率提高了'">◎ 效率提高了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[3].value='看书了'">◎ 看书了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[3].value='状态好了'">◎ 状态好了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[3].value='不再空想了'">◎ 不再空想了</a></li></ul>
</div>
</li>
<li>
<ul id="weather"><li style="height:27px;"> <span id="now" style="font-size: 14px;font-weight:bold;padding-left:5px;">正在获取日期</span>
<input name="content" type="hidden" value="weathervalue"><br></br>
<div class="examples">
<input name="weather" type="radio" value="1">
<img src="images/1.png" width="30" height="30">
<input name="weather" type="radio" value="2">
<img src="images/2.png" width="30" height="30">
<input name="weather" type="radio" value="3">
<img src="images/3.png" width="30" height="30">
<input name="weather" type="radio" value="4">
<img src="images/4.png" width="30" height="30">
<input name="weather" type="radio" value="5" checked="checked">
<img src="images/5.png" width="30" height="30">
<input name="weather" type="radio" value="6">
<img src="images/6.png" width="30" height="30">
<input name="weather" type="radio" value="7">
<img src="images/7.png" width="30" height="30">
<input name="weather" type="radio" value="8">
<img src="images/8.png" width="30" height="30">
<input name="weather" type="radio" value="9">
<img src="images/9.png" width="30" height="30">
</div>
</li>
</ul>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[5].value='心情不错'">◎ 心情不错</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[5].value='不给力'">◎ 不给力</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[5].value='幸福'">◎ 幸福</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[5].value='神马都是浮云'">◎ 神马都是浮云</a></li></ul>
</div>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[6].value='她/他写九宫格日记了'">◎ 她/他写九宫格日记了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[6].value='白菜贵了'">◎ 白菜贵了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[6].value='大家都在关注神马'">◎ 大家都在关注神马</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[6].value='新闻联播'">◎ 新闻联播</a></li></ul>
</div>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[7].value='瘦了'">◎ 瘦了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[7].value='胖了'">◎ 胖了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[7].value='健康饮食'">◎ 健康饮食</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[7].value='一日三餐不能少'">◎ 一日三餐不能少</a></li></ul>
</div>
</li>
<li>
<div class="cssContent">
<ul id="opt">
<li>
<input name="content" type="text" size="30" maxlength="15" value="请在此输入文字" onFocus="this.select()">
</li>
<li><a href="#" onClick="document.getElementsByName('content')[8].value='睡得很好'">◎ 睡得很好</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[8].value='拥有自己的房子'">◎ 拥有自己的房子</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[8].value='忘记了'">◎ 忘记了</a></li>
<li><a href="#" onClick="document.getElementsByName('content')[8].value='努力做好自己'">◎ 努力做好自己</a></li></ul>
</div>
</li>
</ul>
</div>

</div>
<div style="height:30px;padding-left:360px;"><input type="submit" value="预览"></div>
</form>
<%@ include file="bottom.jsp" %>
</div>
</body>
</html>