📄 msgcenter.jsp
字号:
closeEditBox(); //关闭新建任务box
}
);
}
}
//返回对象对页面左边距
function getLeft(src){
var obj = src;
var objLeft = obj.offsetLeft;
while(obj != null && obj.offsetParent != null && obj.offsetParent.tagName != "BODY"){
objLeft += obj.offsetParent.offsetLeft;
obj = obj.offsetParent;
}
return objLeft;
}
//返回对象对页面上边距
function getTop(src){
var obj = src;
var objTop = obj.offsetTop;
while(obj != null && obj.offsetParent != null && obj.offsetParent.tagName != "BODY"){
objTop += obj.offsetParent.offsetTop;
obj = obj.offsetParent;
}
return objTop;
}
/*
与服务器进行交互.day不当前日暿
存在任务再与数据库进行进一步的交互
*/
function hasTask()
{
$.post("../servlet/HasTask",{},function(data)
{
if(data)
{
//弹出提示柿
$("#noteview").slideDown("10",function()
{
setTimeout('closeRemind()',4000); //弹出框消失时长
});
}
//发送交互信忿
$.getJSON("../servlet/GetTasks",
{
anticache : Math.floor(Math.random()*1000)
},function(json)
{
json=eval(json); //添加提示内容
for(var i=0;i<json.length;i++)
{
$("#content").append("<div id='detail'>"+"事件"+json[i].eventname+"将在:"+json[i].occurtime+"发生"+"</div>");
}
});
});
}
//关闭提示
function closeRemind()
{
$("#noteview").slideUp();
}
</script>
</head>
<body>
<h3>
日程表
</h3>
<!-- 提示div -->
<div id="noteview">
<div id="content"></div>
</div>
<!-- 新建任务box -->
<div id="addBox">
<div id="taskDate"></div>
事件名:
<input type="text" id="eventname">
<br>
内 容:
<input type="text" id="taskInfo" size="40">
<br>
事件类型:
<select id="typeid">
<option value="100001">
公司会议
</option>
</select>
<input type="button" value="添加" onclick="AddType()">
<input type="text" id="typename">
<br>
触发时间:
<select id="hh">
<%
for (int i = 0; i <= 23; i++) {
out.println("<option value=" + i + ">" + i + "</option>");
}
%>
</select>
小时
<select id="mm">
<%
for (int i = 0; i <= 59; i++) {
out.println("<option value=" + i + ">" + i + "</option>");
}
%>
</select>
分
<select id="ss">
<%
for (int i = 0; i <= 59; i++) {
out.println("<option value=" + i + ">" + i + "</option>");
}
%>
</select>
秒
<br>
提前提醒:
<select id="earlytime">
<option value="30">
30分钟
</option>
<option value="60">
1小时
</option>
<option value="120">
2小时
</option>
<option value="360">
6小时
</option>
<option value="0">
不提醒
</option>
</select>
<br>
每隔提醒:
<select id="spaceremindtime">
<option value="10">
10分钟
</option>
<option value="30">
30分钟
</option>
<option value="60">
1小时
</option>
<option value="120">
2小时
</option>
<option value="">
不提醒
</option>
</select>
<br>
<div class="taskBtn">
<input type="button" value="创建新任务" onclick="addTask()">
<input type="button" value="取消" onclick="closeAddBox()">
</div>
</div>
<!-- 编辑任务box -->
<div id="editBox">
<input type="hidden" id="edittaskId">
事件名:
<input type="text" id="editeventname">
<br>
内 容:
<input type="text" id="edittaskInfo" size="40">
<br>
事件类型:
<select id="edittypeid">
</select>
<input type="button" value="添加" onclick="AddEditType()">
<input type="text" id="edittypename">
<br>
触发时间:
<select id="edithh">
<%
for (int i = 0; i <= 23; i++) {
out.println("<option value=" + i + ">" + i + "</option>");
}
%>
</select>
小时
<select id="editmm">
<%
for (int i = 0; i <= 59; i++) {
out.println("<option value=" + i + ">" + i + "</option>");
}
%>
</select>
分
<select id="editss">
<%
for (int i = 0; i <= 59; i++) {
out.println("<option value=" + i + ">" + i + "</option>");
}
%>
</select>
秒
<br>
提前提醒:
<select id="editearlytime">
<option value="30">
30分钟
</option>
<option value="60">
1小时
</option>
<option value="120">
2小时
</option>
<option value="360">
6小时
</option>
<option value="0">
不提醒
</option>
</select>
<br>
每隔提醒:
<select id="editspaceremindtime">
<option value="10">
10分钟
</option>
<option value="30">
30分钟
</option>
<option value="60">
1小时
</option>
<option value="120">
2小时
</option>
<option value="">
不提醒
</option>
</select>
<br>
<div class="taskBtn">
<input type="button" value="更新任务信息" onclick="updateTask()">
<input type="button" value="删除该任务" onclick="delTask()">
<input type="button" value="取消" onclick="closeEditBox()">
</div>
</div>
<!-- 日历表格 -->
<table id="calTable">
<tr>
<td colspan="7">
<input type="button" value="上月" onclick="prevMonth()">
<input type="button" value="本月" onclick="thisMonth()">
<input type="button" value="下月" onclick="nextMonth()">
<span id="dateInfo"></span>
</td>
</tr>
<tr>
<td class="day">
周日
</td>
<td class="day">
周一
</td>
<td class="day">
周二
</td>
<td class="day">
周三
</td>
<td class="day">
周四
</td>
<td class="day">
周五
</td>
<td class="day">
周六
</td>
</tr>
<tr>
<td class="calBox sun" id="calBox0"></td>
<td class="calBox" id="calBox1"></td>
<td class="calBox" id="calBox2"></td>
<td class="calBox" id="calBox3"></td>
<td class="calBox" id="calBox4"></td>
<td class="calBox" id="calBox5"></td>
<td class="calBox sat" id="calBox6"></td>
</tr>
<tr>
<td class="calBox sun" id="calBox7"></td>
<td class="calBox" id="calBox8"></td>
<td class="calBox" id="calBox9"></td>
<td class="calBox" id="calBox10"></td>
<td class="calBox" id="calBox11"></td>
<td class="calBox" id="calBox12"></td>
<td class="calBox sat" id="calBox13"></td>
</tr>
<tr>
<td class="calBox sun" id="calBox14"></td>
<td class="calBox" id="calBox15"></td>
<td class="calBox" id="calBox16"></td>
<td class="calBox" id="calBox17"></td>
<td class="calBox" id="calBox18"></td>
<td class="calBox" id="calBox19"></td>
<td class="calBox sat" id="calBox20"></td>
</tr>
<tr>
<td class="calBox sun" id="calBox21"></td>
<td class="calBox" id="calBox22"></td>
<td class="calBox" id="calBox23"></td>
<td class="calBox" id="calBox24"></td>
<td class="calBox" id="calBox25"></td>
<td class="calBox" id="calBox26"></td>
<td class="calBox sat" id="calBox27"></td>
</tr>
<tr>
<td class="calBox sun" id="calBox28"></td>
<td class="calBox" id="calBox29"></td>
<td class="calBox" id="calBox30"></td>
<td class="calBox" id="calBox31"></td>
<td class="calBox" id="calBox32"></td>
<td class="calBox" id="calBox33"></td>
<td class="calBox sat" id="calBox34"></td>
</tr>
<tr>
<td class="calBox sun" id="calBox35"></td>
<td class="calBox" id="calBox36"></td>
<td class="calBox" id="calBox37"></td>
<td class="calBox" id="calBox38"></td>
<td class="calBox" id="calBox39"></td>
<td class="calBox" id="calBox40"></td>
<td class="calBox sat" id="calBox41"></td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -