79 |
106 |
117 |
125 |
118 | 欢迎回来!
119 |
123 |
124 |
126 |
127 | 
217 |
225 | 
233 | Show your life this moment!
236 |
248 | 
91 | <%=sign_value%>
94 |
');
173 | }
174 |
175 | function picClick() {
176 | var uploadFiless = document.getElementById("uploadFiles");
177 | uploadFiless.click();
178 | }
179 |
180 | //高级编辑
181 | function topEdit() {
182 | var edit = document.getElementById("edit");
183 | if (edit.style.display == "inline-block")
184 | {
185 | edit.style.display = "none";
186 | }
187 | else {
188 | edit.style.display = "inline-block";
189 | }
190 | var colorBar = document.getElementById("colorBar");
191 | colorBar.style.display = "none";
192 | efocus();
193 | }
194 |
195 | //****高级编辑半部分****//
196 |
197 | function editOut(obj) {
198 | var edit = document.getElementById("edit");
199 | if(edit.style.display != "inline-block")
200 | {
201 | removethe2(obj);
202 | }
203 | }
204 |
205 | var etitle = false;
206 | var ebold = false;
207 | var eitalic = false;
208 | var eunderline = false;
209 | //判断是否在使用该模式
210 | function editHide(num, obj) {
211 | if (num == 0)
212 | condition = etitle;
213 | if (num == 1)
214 | condition = ebold;
215 | if (num == 2)
216 | condition = eitalic;
217 | if (num == 3)
218 | condition = eunderline;
219 | if (condition == false)
220 | removethe2(obj);
221 | if (condition == true)
222 | appendixto2(obj);
223 | }
224 |
225 | //标题字体
226 | function Title(obj) {
227 | if (etitle == false)
228 | {
229 | etitle = true;
230 | document.execCommand("fontsize", false, 6);
231 | }
232 | else
233 | {
234 | etitle = false;
235 | document.execCommand("fontsize", false, 4);
236 | }
237 | efocus();
238 | }
239 |
240 | //字体加粗
241 | function bold(obj) {
242 | if (ebold == false)
243 | ebold = true;
244 | else
245 | ebold = false;
246 | document.execCommand("bold", false, null);
247 | efocus();
248 | }
249 |
250 | //斜体字体
251 | function italic(obj) {
252 | if (eitalic == false)
253 | eitalic = true;
254 | else
255 | eitalic = false;
256 | document.execCommand("italic", false, null);
257 | efocus();
258 | }
259 |
260 | //加下划线
261 | function underline(obj) {
262 | if (eunderline == false)
263 | eunderline = true;
264 | else
265 | eunderline = false;
266 | document.execCommand("underline", false, null);
267 | efocus();
268 | }
269 |
270 |
271 | function editMode() {
272 | // var msg = document.getElementById("msg");
273 | // var temp = msg.innerHTML;
274 | // //编辑框有内容才可以进行
275 | // if (temp[0] != undefined) {
276 | // var selection = getSelection();
277 | // // 设置最后光标对象
278 | // var cursorPos = selection.anchorOffset;
279 | // console.log(msg.style.innerHTML);
280 | var _etitle = document.getElementById("etitle");
281 | if (_etitle.src.search('2') != -1) {
282 | document.execCommand("fontsize", false, 6);
283 | etitle = true;
284 | }
285 |
286 | var _ebold = document.getElementById("ebold");
287 | if (_ebold.src.search('2') != -1) {
288 | document.execCommand("bold", false, null);
289 | ebold = true;
290 | }
291 |
292 | var _eitalic = document.getElementById("exieti");
293 | if (_eitalic.src.search('2') != -1) {
294 | document.execCommand("italic", false, null);
295 | eitalic = true;
296 | }
297 |
298 | var _ecolor = document.getElementById("ecolor");
299 | var color = ecolor.style.backgroundColor;
300 | document.execCommand("forecolor", false, color);
301 | // }
302 | }
303 |
304 | function showColors() {
305 | var colorBar = document.getElementById("colorBar");
306 | colorBar.style.display = "block";
307 | }
308 |
309 | function colorHover(obj) {
310 | obj.style.opacity = "0.8";
311 | }
312 |
313 | function colorOut(obj) {
314 | obj.style.opacity = "1";
315 | }
316 |
317 | function colorBarHide() {
318 | var colorBar = document.getElementById("colorBar");
319 | colorBar.style.display = "none";
320 | }
321 |
322 | function changeColor(str) {
323 | var ecolor = document.getElementById("ecolor");
324 | ecolor.style.backgroundColor = str;
325 | document.execCommand("forecolor", false, str);
326 | }
327 |
328 | //生成链接
329 | function linka() {
330 | document.execCommand("createlink", false, "输入链接");
331 | }
332 |
333 | //全屏模式
334 | function quanPing() {
335 | //将其他div隐藏
336 | var home = document.getElementById("home");
337 | home.style.display = "none";
338 | var bz = document.getElementById("blog_zone");
339 | bz.style.display = "none";
340 | var head = document.getElementById("head_portrait");
341 | head.style.display = "none";
342 | var wrap = document.getElementById("wrap");
343 | wrap.style.display = "none";
344 | var information = document.getElementById("information");
345 | information.style.display = "none";
346 |
347 | var board = document.getElementById("board");
348 | board.style.position = "fixed";
349 | board.style.Width = "100%";
350 | board.style.height = "95%";
351 | board.style.left = "15%";
352 |
353 | var huanyuan = document.getElementById("huanyuan");
354 | huanyuan.style.display = "inline-block";
355 | var quanping = document.getElementById("quanping");
356 | quanping.style.display = "none";
357 |
358 | var main = document.getElementById("main");
359 | main.style.overflowY = "visible";
360 |
361 | //调整表情包div的长宽
362 | var emojis = document.getElementById("emojis");
363 | emojis.style.height = "60px";
364 | emojis.style.width = "360px"
365 | }
366 |
367 | //全屏还原
368 | function huanYuan() {
369 | var home = document.getElementById("home");
370 | home.style.display = "block";
371 | var bz = document.getElementById("blog_zone");
372 | bz.style.display = "block";
373 | var wrap = document.getElementById("wrap");
374 | wrap.style.display = "block";
375 | var information = document.getElementById("information");
376 | information.style.display = "block";
377 |
378 | var board = document.getElementById("board");
379 | board.style.position = "relative";
380 | board.style.width = "70%";
381 | board.style.height = "200px";
382 | board.style.left = "6%"
383 |
384 | var quanping = document.getElementById("quanping");
385 | quanping.style.display = "inline-block";
386 | var huanyuan = document.getElementById("huanyuan");
387 | huanyuan.style.display = "none";
388 |
389 | var main = document.getElementById("main");
390 | main.style.overflowY = "scroll";
391 |
392 | var emojis = document.getElementById("emojis");
393 | emojis.style.height = "85px";
394 | emojis.style.width = "180px"
395 | }
396 |
397 |
398 | /******************跟随鼠标移动的提示框************************/
399 | /*var tip={
400 | $: function(ele){
401 | if(typeof(ele) == "object")
402 | return ele;
403 | else if(typeof(ele) == "string" || typeof(ele) == "number")
404 | return document.getElementById(ele.toString());
405 | return null;
406 | },
407 |
408 | mousePos: function(e){
409 | var x, y;
410 | var e = e || window.event;
411 | return { x : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft,
412 | y : e.clientY + document.body.scrollTop + document.documentElement.scrollTop };
413 | },
414 |
415 | start:function(obj){
416 | var self = this;
417 | var t = self.$("mjs:tip");
418 | obj.onmousemove = function(e) {
419 |
420 | var mouse = self.mousePos(e);
421 | t.style.left = mouse.x + 10 + 'px';
422 | t.style.top = mouse.y + 10 + 'px';
423 | t.innerHTML = obj.getAttribute("tips");
424 | t.style.display = '';
425 | };
426 | obj.onmouseout = function(){
427 | t.style.display = 'none';
428 | };
429 | }
430 | }*/
431 |
432 |
433 |
434 |
435 |
436 |
437 |
438 |
439 |
440 |
441 |
442 |
443 |
444 |
445 |
446 |
447 |
448 |
449 |
450 |
--------------------------------------------------------------------------------
/js/index.js:
--------------------------------------------------------------------------------
1 | //点击div外会隐藏emojis和colorBar
2 | window.onclick = function(event) {
3 | var target = event ? event.target : window.event.srcElement;
4 | if(target.id != "colorBar" && target.id != "ecolor" && target.id != "msg")
5 | colorBarHide();
6 | if(target.id != "emojis" && target.id != "xiaolian")
7 | hideEmojis();
8 | //console.log(document.cookie);
9 | }
10 |
11 | //提交博客内容
12 | function submitMyBlog(obj) {
13 | if (document.getElementById('msg').innerHTML != "") {
14 | obj.form.cntt.value=document.getElementById('msg').innerHTML;
15 | obj.form.cntt.click();
16 | }
17 | else {
18 | alert("未输入博客内容");
19 | }
20 | }
21 |
22 | /****************** 博客区用到的JS *****************/
23 | //放在博客区
24 | function blockHover(obj) {
25 | var temp = obj.id;
26 | if (!replyFlag[temp - 1]) {
27 | obj.style.opacity = "0.9";
28 | obj.lastElementChild.lastElementChild.style.display = "block";
29 | }
30 | }
31 |
32 | //离开博客区
33 | function bolckOut(obj) {
34 | var temp = obj.id;
35 | if (!replyFlag[temp - 1]) {
36 | obj.style.opacity = "1";
37 | obj.lastElementChild.lastElementChild.style.display = "none";
38 | }
39 | }
40 |
41 | //删除某博客，以时间为介定
42 | function deleteBlog(obj) {
43 | if(window.confirm("确定删除此博客？")) {
44 | document.getElementById("deleteButton").value = obj.id;
45 | document.getElementById("deleteButton").click();
46 | }
47 | }
48 |
49 | //展开回复框
50 | function replyShow(obj) {
51 | //展开的回复框之外的回复框要隐藏
52 | for (var i = index - 1; i >= 0; i --) {
53 | if (replyFlag[i - 1] == true) {
54 | replyClose(document.getElementById(i.toString()).children[2].lastElementChild);
55 | }
56 | }
57 | //显示replyText
58 | obj.parentNode.parentNode.previousElementSibling.style.display = "block";
59 | //隐藏blog_operator
60 | obj.parentNode.style.display = "none";
61 | var temp = obj.parentNode.parentNode.parentNode.id;
62 | replyFlag[temp - 1] = true;
63 | }
64 |
65 | //隐藏回复框
66 | function replyClose(obj) {
67 | //显示blog_operator
68 | obj.parentNode.nextElementSibling.style.display = "block";
69 | //隐藏replyText
70 | obj.parentNode.style.display = "none";
71 | var temp = obj.parentNode.parentNode.id;
72 | replyFlag[temp - 1] = false;
73 | }
74 |
75 | //回复博客
76 | function replyBlog(obj) {
77 | if (obj.parentNode.children[0].value != "") {
78 | //回复框的值
79 | document.getElementById("replyButton").value = obj.parentNode.children[0].value;
80 | //回复框所属的博客的日期
81 | document.getElementById("blogDate").value = obj.parentNode.parentNode.children[0].id;
82 | document.getElementById("replyButton").click();
83 | }
84 |
85 | else {
86 | window.alert("尚未输入回复内容");
87 | }
88 | }
--------------------------------------------------------------------------------
/js/loginAndRegister.js:
--------------------------------------------------------------------------------
1 | // 检测按键：enter
2 | window.onload = function () {
3 | var confirm = document.getElementById("confirm");
4 | document.addEventListener("keydown", keydown);
5 | //键盘监听，注意：在非ie浏览器和非ie内核的浏览器
6 | //参数1：表示事件，keydown:键盘向下按；参数2：表示要触发的事件
7 | function keydown(event) {
8 | //表示键盘监听所触发的事件，同时传递参数event
9 | switch (event.keyCode) {
10 | case 13: //enter
11 | confirm.click();
12 | break;
13 | }
14 | }
15 | }
16 |
17 |
18 | //注册检查函数：验证是否输入完全，两次输入的密码是否相同。
19 | function doCheck_Register() {
20 | var inPut = document.querySelectorAll("div#signUpContain form input");
21 | let flag = 0;
22 | for (let i = 0; i < inPut.length - 1; ++i) {
23 | if (inPut[i].value == "") {
24 | alert("请输入 " + inPut[i].placeholder);
25 | document.querySelectorAll("div#signUpContain form input")[i].focus();
26 | flag++;
27 | break;
28 | }
29 | }
30 | var pass1 = document.querySelector("div#signUpContain form input#password");
31 | var pass2 = document.querySelector("div#signUpContain form input#password2");
32 | if(flag == 0) {
33 | if (pass1.value != pass2.value) {
34 | alert("两次密码不相同！")
35 | document.querySelector("div#signUpContain form input#password2").focus();
36 | flag++;
37 | }
38 | }
39 |
40 | if (flag == 0) {
41 | formRegister.submit();
42 | }
43 | return false;
44 | }
45 |
46 | //登录检查函数：验证是否输入，否则提示输入。
47 | function doCheck_logIn() {
48 | var inPut = document.querySelectorAll("div#logInContain form input");
49 | let flag = 0;
50 | for (let i = 0; i < inPut.length - 1; ++i) {
51 | if (inPut[i].value == "") {
52 | alert("请输入 " + inPut[i].placeholder);
53 | document.querySelectorAll("div#logInContain form input")[i].focus();
54 | flag++;
55 | break;
56 | }
57 | }
58 | if (flag == 0) {
59 | formLogin.submit();
60 | }
61 | return false;
62 | }
63 |
--------------------------------------------------------------------------------
/js/messageBoard.js:
--------------------------------------------------------------------------------
1 | function blockHover(obj) {
2 | obj.style.opacity = "0.9";
3 | obj.lastElementChild.lastElementChild.style.display = "block";
4 | }
5 |
6 | function bolckOut(obj) {
7 | obj.style.opacity = "1";
8 | obj.lastElementChild.lastElementChild.style.display = "none";
9 | }
10 |
--------------------------------------------------------------------------------
/js/recommend.js:
--------------------------------------------------------------------------------
1 | window.onload = function () {
2 | var carouImg = document.getElementById("carousel_images");
3 | var carouWrap = document.getElementById("carousel_wrap");
4 | var img = carouImg.getElementsByTagName("img")[0];
5 | var leftArrow = document.getElementsByClassName("left-arrow")[0];
6 | var rightArrow = document.getElementsByClassName("right-arrow")[0];
7 | var oBtn = document.getElementsByClassName("dot");
8 | var index = 0;
9 | var index_length = oBtn.length;
10 |
11 | // 给图片添加过渡效果
12 | carouImg.classList.add("transition");
13 |
14 | // 动态获取绝对定位轮播图的高度，设置carousel_wrap的高度，宽度为整个main宽度
15 | // 如果mystyle.css中使用overflow:auto->含有滚动条宽度; 故使用overflow:scroll
16 | carouImg.style.left = -img.clientWidth + "px";
17 | console.log(carouImg.style.left);
18 | carouWrap.style.height = img.offsetHeight + "px";
19 |
20 | // 监听body大小变化，修改轮播图的图片位置和高度
21 | document.body.onresize = function () {
22 | carouImg.style.left = -img.clientWidth + "px";
23 | carouWrap.style.height = img.offsetHeight + "px";
24 | var temp = document.documentElement.clientWidth;
25 | var temp2 = document.documentElement.clientHeight;
26 | var shadow = document.getElementById("mobile_shadow");
27 | shadow.style.width = temp + "px";
28 | shadow.style.height = temp2 + "px";
29 | if (document.documentElement.clientWidth > 600)
30 | hideShadow();
31 | }
32 |
33 | // 点击右箭头
34 | rightArrow.onclick = function () {
35 | next_pic();
36 | showCurrentDot(index);
37 | }
38 |
39 | // 点击左箭头
40 | leftArrow.onclick = function () {
41 | pre_pic();
42 | showCurrentDot(index);
43 | }
44 |
45 | // 点击小点
46 | for (let i = 0; i < oBtn.length; ++i) {
47 | oBtn[i].onclick = function () {
48 | var left = parseInt(carouImg.style.left);
49 | var newLeft;
50 |
51 | // 如果没有临界判断，当图片位于“替补图片”时，点击提示点会有错乱过渡
52 | if (left <= (-img.clientWidth) * (index_length + 1)) {
53 | // 临界情况判断
54 | carouImg.classList.remove("transition");
55 | newLeft = -img.clientWidth * 1;
56 | carouImg.style.left = newLeft + 'px';
57 | }
58 | if (left >= -10) {
59 | // 临界情况判断
60 | carouImg.classList.remove("transition");
61 | newLeft = -img.clientWidth * index_length;
62 | carouImg.style.left = newLeft + 'px';
63 | }
64 |
65 | newLeft = (-img.clientWidth) * (i + 1);
66 | carouImg.style.left = newLeft + 'px';
67 | // 注意click事件的执行过程，要在修改完left后添加transition类
68 | carouImg.classList.add("transition");
69 | index = i;
70 | showCurrentDot(i);
71 | }
72 | }
73 |
74 | // 下一张图片
75 | function next_pic() {
76 | var left = parseInt(carouImg.style.left);
77 | if (left <= (-img.clientWidth) * (index_length + 1)) {
78 | // 临界情况判断
79 | carouImg.classList.remove("transition");
80 | var newLeft = -img.clientWidth * 1;
81 | carouImg.style.left = newLeft + 'px';
82 | newLeft = -img.clientWidth * 2;
83 | carouImg.classList.add("transition");
84 | index = 1;
85 | } else {
86 | // 一般情况
87 | var newLeft = parseInt(carouImg.style.left) - img.clientWidth;
88 | (index == (index_length - 1)) ? index = 0: index += 1;
89 | }
90 | carouImg.style.left = newLeft + 'px'; // 不要忘记添加'px'
91 | }
92 |
93 | // 上一张图片
94 | function pre_pic() {
95 | var left = parseInt(carouImg.style.left);
96 | if (left >= -10) {
97 | // 临界情况判断
98 | carouImg.classList.remove("transition");
99 | var newLeft = -img.clientWidth * index_length;
100 | carouImg.style.left = newLeft + 'px';
101 | newLeft = -img.clientWidth * (index_length - 1);
102 | carouImg.classList.add("transition");
103 | index = index_length - 2;
104 | } else {
105 | // 一般情况
106 | var newLeft = parseInt(carouImg.style.left) + img.clientWidth;
107 | (index == 0) ? index = (index_length - 1): index -= 1;
108 | }
109 | carouImg.style.left = newLeft + 'px';
110 | }
111 |
112 | function showCurrentDot(index) {
113 | for (let i = 0; i < oBtn.length; ++i) {
114 | (i == index) ? oBtn[i].classList.add("active"): oBtn[i].classList.remove("active");
115 | }
116 | }
117 |
118 | // 设置轮播定时器
119 | var timer = setInterval(function () {
120 | next_pic();
121 | showCurrentDot(index);
122 | }, 3000);
123 |
124 | carouWrap.onmouseover = function () {
125 | clearInterval(timer);
126 | }
127 |
128 | carouWrap.onmouseout = function () {
129 | timer = setInterval(function () {
130 | next_pic();
131 | showCurrentDot(index);
132 | }, 3000);
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/js/setting.js:
--------------------------------------------------------------------------------
1 | //滑动按钮滑动
2 | function toSlide(obj) {
3 | if (obj.lastElementChild.style.left != "12px") {
4 | obj.firstElementChild.style.width = "100%";
5 | obj.lastElementChild.style.left = "12px";
6 | } else {
7 | obj.firstElementChild.style.width = "0px";
8 | obj.lastElementChild.style.left = "-1px";
9 | }
10 | }
11 |
12 | //边栏判断值
13 | var flagHOS = false;
14 |
15 | //对边栏的操作
16 | function hideOrShow(obj) {
17 | toSlide(obj);
18 | if (flagHOS == false)
19 | hideHome();
20 | else
21 | showHome();
22 | }
23 |
24 | //上传头像
25 | function uploadHead() {
26 | document.getElementById("upload_img").click();
27 | }
28 |
29 | //修改密码
30 | function updatePassword() {
31 | var inputs = document.getElementsByClassName("password");
32 | for (var i = 0; i < inputs.length; i++) {
33 | inputs[i].style.display = "block";
34 | }
35 | var settingRow = document.getElementsByClassName("settingRow");
36 | for (var i = 0; i < settingRow.length; i++) {
37 | settingRow[i].style.display = "none";
38 | }
39 | var buttons = document.getElementsByClassName("buttons");
40 | for (var i = 0; i < buttons.length; i++) {
41 | buttons[i].style.display = "inline-block";
42 | }
43 | }
44 |
45 | function exitButton() {
46 | var password1 = document.getElementById("password1").value;
47 | var password2 = document.getElementById("password2").value;
48 | var password3 = document.getElementById("password3").value;
49 | if (password1 != "" || password2 != "" || password3 != "") {
50 | if (window.confirm("是否放弃此次修改")) {
51 | var inputs = document.getElementsByClassName("password");
52 | for (var i = 0; i < inputs.length; i++) {
53 | inputs[i].style.display = "none";
54 | }
55 | var settingRow = document.getElementsByClassName("settingRow");
56 | for (var i = 0; i < settingRow.length; i++) {
57 | settingRow[i].style.display = "block";
58 | }
59 | var buttons = document.getElementsByClassName("buttons");
60 | for (var i = 0; i < buttons.length; i++) {
61 | buttons[i].style.display = "none";
62 | }
63 | document.getElementById("password1").value = "";
64 | document.getElementById("password2").value = "";
65 | document.getElementById("password3").value = "";
66 | }
67 | }
68 | //没有填值直接退出
69 | else {
70 | var inputs = document.getElementsByClassName("password");
71 | for (var i = 0; i < inputs.length; i++) {
72 | inputs[i].style.display = "none";
73 | }
74 | var settingRow = document.getElementsByClassName("settingRow");
75 | for (var i = 0; i < settingRow.length; i++) {
76 | settingRow[i].style.display = "block";
77 | }
78 | var buttons = document.getElementsByClassName("buttons");
79 | for (var i = 0; i < buttons.length; i++) {
80 | buttons[i].style.display = "none";
81 | }
82 | document.getElementById("password1").value = "";
83 | document.getElementById("password2").value = "";
84 | document.getElementById("password3").value = "";
85 | }
86 | }
87 |
88 | //清除所有cookie函数
89 | function clearAllCookie() {
90 | var keys = document.cookie.match(/[^ =;]+(?=\=)/g);
91 | if (keys) {
92 | for (var i = keys.length; i--;)
93 | document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
94 | }
95 | }
96 |
97 | //退出登录
98 | function exitLogin() {
99 | if (window.confirm("是否退出登录")) {
100 | clearAllCookie();
101 | window.location.href = "login.jsp";
102 | }
103 | }
--------------------------------------------------------------------------------
/js/shadow.js:
--------------------------------------------------------------------------------
1 | function showBox(boxId, title, msg) {
2 | pos();
3 | var box = document.getElementById("head_portrait_box");
4 | box.style.display = "block";
5 | box.style.left = (document.documentElement.clientWidth/2 - box.clientWidth/2) + "px";
6 | box.style.top = (document.documentElement.clientHeight/2 - box.clientHeight/2) + "px";
7 | }
8 |
9 | function hideBox() {
10 | hideShadow();
11 | }
12 |
13 | function showshadow_avatar() {
14 | var shadow = document.getElementById("shadow");
15 | shadow.style.width = "" + document.documentElement.scrollWidth + "px";
16 | if (document.documentElement.clientHeight > document.documentElement.scrollHeight) {
17 | shadow.style.height = "" + document.documentElement.clientHeight + "px";
18 | }
19 | else {
20 | shadow.style.height = "" + document.documentElement.scrollHeight + "px";
21 | }
22 | window.onresize = function() {
23 | var temp = document.documentElement.clientWidth;
24 | var shadow = document.getElementById("shadow");
25 | shadow.style.width = temp + "px";
26 | };
27 | shadow.style.display = "block";
28 | showBox();
29 | }
30 |
31 | function hideShadow_avatar() {
32 | var shadow = document.getElementById("shadow");
33 | shadow.style.display = "none";
34 | var showBtn = document.getElementById("head_portrait_box");
35 | showBtn.style.display = "none";
36 | }
37 |
38 | function pos() {
39 | }
40 |
41 | function test() {
42 | showshadow_avatar();
43 | }
44 |
45 | function onSubmit() {
46 | var reads = new FileReader();
47 | f = document.getElementById("upload_img").files[0];
48 | reads.readAsDataURL(f);
49 | reads.onload = function (e) {
50 | document.getElementById("Preview").src = this.result;
51 | }
52 | }
--------------------------------------------------------------------------------
/js/visitMessageBoard.js:
--------------------------------------------------------------------------------
1 |
2 | //点击div外会隐藏emojis和colorBar
3 | window.onclick = function(event) {
4 | var target = event ? event.target : window.event.srcElement;
5 | if(target.id != "colorBar" && target.id != "ecolor" && target.id != "msg")
6 | colorBarHide();
7 | if(target.id != "emojis" && target.id != "xiaolian")
8 | hideEmojis();
9 | //console.log(document.cookie);
10 | }
11 |
12 | //提交博客内容
13 | function submitMyMessage(obj) {
14 | if (document.getElementById('msg').innerHTML != "") {
15 | obj.form.cntt.value=document.getElementById('msg').innerHTML;
16 | obj.form.cntt.click();
17 | }
18 | else {
19 | alert("未输入留言内容");
20 | }
21 | }
22 |
23 | /****************** 留言区用到的JS *****************/
24 | function isBlogEmpty() {
25 | if (<%=index%> == 0) {
26 | document.getElementById("blog_zone").style.cssText = "background: url('images/blogEmpty.jpg') no-repeat; background-size: cover; height:330px; background-position: 0% 80%;";
27 | }
28 | }
29 |
30 | //是否拉出回复框的标志
31 | var replyFlag = [];
32 | var index = <%=index%>;
33 | for (var k = index - 1; k >= 0; k --) {
34 | replyFlag[k] = false;
35 | }
36 |
37 | function blockHover(obj) {
38 | var temp = obj.id;
39 | if (!replyFlag[temp - 1]) {
40 | obj.style.opacity = "0.9";
41 | obj.lastElementChild.lastElementChild.style.display = "block";
42 | }
43 | }
44 |
45 | function bolckOut(obj) {
46 | var temp = obj.id;
47 | if (!replyFlag[temp - 1]) {
48 | obj.style.opacity = "1";
49 | obj.lastElementChild.lastElementChild.style.display = "none";
50 | }
51 | }
52 |
53 | //删除某博客，以时间为介定
54 | function deleteBlog(obj) {
55 | if(window.confirm("确定删除此博客？")) {
56 | document.getElementById("deleteButton").value = obj.id;
57 | document.getElementById("deleteButton").click();
58 | }
59 | }
60 |
61 | //展开回复框
62 | function replyShow(obj) {
63 | //展开的回复框之外的回复框要隐藏
64 | for (var i = index - 1; i >= 0; i --) {
65 | if (replyFlag[i - 1] == true) {
66 | replyClose(document.getElementById(i.toString()).children[2].lastElementChild);
67 | }
68 | }
69 | //显示replyText
70 | obj.parentNode.parentNode.previousElementSibling.style.display = "block";
71 | //隐藏blog_operator
72 | obj.parentNode.style.display = "none";
73 | var temp = obj.parentNode.parentNode.parentNode.id;
74 | replyFlag[temp - 1] = true;
75 | }
76 |
77 | //隐藏回复框
78 | function replyClose(obj) {
79 | //显示blog_operator
80 | obj.parentNode.nextElementSibling.style.display = "block";
81 | //隐藏replyText
82 | obj.parentNode.style.display = "none";
83 | var temp = obj.parentNode.parentNode.id;
84 | replyFlag[temp - 1] = false;
85 | }
86 |
87 | //回复博客
88 | function replyBlog(obj) {
89 | if (obj.parentNode.children[0].value != "") {
90 | //回复框的值
91 | document.getElementById("replyButton").value = obj.parentNode.children[0].value;
92 | //回复框所属的博客的日期
93 | document.getElementById("blogDate").value = obj.parentNode.parentNode.children[0].id;
94 | document.getElementById("replyButton").click();
95 | }
96 |
97 | else {
98 | window.alert("尚未输入回复内容");
99 | }
100 | }
--------------------------------------------------------------------------------
/login.jsp:
--------------------------------------------------------------------------------
1 | <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
2 | <%request.setCharacterEncoding("utf-8");
3 | String userId = request.getParameter("userId");%>
4 |
5 |
6 |
7 |
8 |
9 |
10 | 还没有帐号？前往注册
101 | <% 102 | String flag = request.getParameter("errNo"); 103 | try{ 104 | if(flag!=null) 105 | out.println("用户名不存在或密码错误"); 106 | }catch(Exception e){ 107 | e.printStackTrace(); 108 | } 109 | %> 110 |
125 | <%=sign_value%>
128 |
84 | 
85 | 
86 |
87 |
88 | ![](./images/avatar/" + rs.getString("avatar") + ")
" +
63 | "
142 | Show your life this moment!
145 |文件上传
9 | 17 | 18 | -------------------------------------------------------------------------------- /test2.jsp: -------------------------------------------------------------------------------- 1 | <%@page pageEncoding="utf-8" contentType="text/html; charset=utf-8"%> 2 | <%@page import="java.io.*,java.util.*,org.apache.commons.io.*"%> 3 | <%@page import="org.apache.commons.fileupload.*"%> 4 | <%@page import="org.apache.commons.fileupload.disk.*"%> 5 | <%@page import="org.apache.commons.fileupload.servlet.*"%> 6 |
128 | 