최초등록
This commit is contained in:
sp1000je
@@ -0,0 +1,198 @@
|
||||
@charset "utf-8";
|
||||
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, address, big, cite, code,
|
||||
del, dfn, em, font, img, ins, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td
|
||||
{margin:0; padding:0; border:0;}
|
||||
ol, ul, li {list-style:none;}
|
||||
|
||||
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
|
||||
|
||||
body {font-size: 75%; font-family: Dotum,sans-serif; color: #575757;}
|
||||
table {border-spacing:0;}
|
||||
a, a:link {color: #575757; text-decoration: none; cursor: pointer; }
|
||||
a:visited {color: #575757;}
|
||||
a:hover, a:active, a:focus {color: #575757; text-decoration: underline;}
|
||||
select{font-size: 1em;}
|
||||
input.board_input {border:1px solid #cdcdcd; height:15px; padding:3px 3px 0px 3px; font-size:1em; background-color:#ffffff;}
|
||||
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size: 1em; background-color:#ffffff;}
|
||||
textarea {border:1px solid #CDCDCD; font-size:1em;}
|
||||
|
||||
#board {width:90%; margin:0 auto; }
|
||||
|
||||
#board .board_total {width:100%;}
|
||||
#board .board_total_left {float:left; font-size:0.95em; padding-top:5px; height:22px;}
|
||||
#board .board_total_right {float:right; padding-bottom:5px;}
|
||||
#board .board_total_right li {float:left;}
|
||||
#board .board_total_right li img {height:20px;}
|
||||
|
||||
#board .board_total img {padding-left:3px;}
|
||||
#board div.board_total .board_orange{color:#F96F00;}
|
||||
#board .board_button {width:100%; margin-top:5px; text-align:right;}
|
||||
#board .guide span {float:right; color:#838383; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
|
||||
#board span.category_color {color:#979797;}
|
||||
|
||||
/* List */
|
||||
#board .table_blist {clear:both;}
|
||||
#board .table_blist table{width:100%; line-height:16px; border-collapse:collapse; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE;}
|
||||
#board .table_blist table caption{display:none;}
|
||||
#board .table_blist tbody td{vertical-align:top; padding-top:10px; padding-bottom:15px; background:#ffffff; text-align:center; line-height:120%;}
|
||||
#board .table_blist tbody td img{vertical-align:middle;}
|
||||
#board .table_blist tbody td img.photo{vertical-align:middle; padding:4px; border:1px solid #DADADA;}
|
||||
#board .table_blist tbody td div.subject{padding-top:10px; padding-bottom:3px;}
|
||||
#board .table_blist tbody td span.name{color:#AFAFAF;color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
|
||||
#board .table_blist tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
||||
#board .table_blist tbody td.data_none {background-color:#f7f7f7;}
|
||||
|
||||
/* Write */
|
||||
#board .table_bwrite {clear:both;}
|
||||
#board .table_bwrite table{width:100%; line-height:16px; border-collapse:collapse; border-top:2px solid #C8C8C8; border-bottom:1px solid #DEDEDE;}
|
||||
#board .table_bwrite table caption{display:none;}
|
||||
#board .table_bwrite thead th {border-bottom:1px solid #DCDCDC; height:28px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%;}
|
||||
#board .table_bwrite thead th.th_end {padding-right:110px;}
|
||||
#board .table_bwrite tbody th{white-space:nowrap; height:31px; border-bottom:1px solid #F3F3F3; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%;}
|
||||
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
|
||||
#board .table_bwrite tbody td{height:31px; padding-left:10px; border-bottom:1px solid #DCDCDC; background:#ffffff; text-align:left; line-height:140%;}
|
||||
#board .table_bwrite tbody td input.subject{width:95%;}
|
||||
#board .table_bwrite tbody td.content{margin:0; padding-top:4px; padding-bottom:4px; padding-left:0; padding-right:0px; text-align:center;}
|
||||
#board .table_bwrite tbody td span.text1 {color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
|
||||
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
||||
|
||||
/* View */
|
||||
#board .table_bview {clear:both;}
|
||||
#board .table_bview table{width:100%; line-height:16px; border-collapse:collapse;border-top:2px solid #C8C8C8; border-bottom:1px solid #DEDEDE;}
|
||||
#board .table_bview table caption{display:none;}
|
||||
#board .table_bview thead th {border-bottom:1px solid #DCDCDC; height:28px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%;}
|
||||
#board .table_bview thead th.th_none {white-space:nowrap; background-image:none; text-align:left; padding-left:5px;}
|
||||
#board .table_bview thead th.th_none img {vertical-align:middle;}
|
||||
#board .table_bview tbody th {white-space:nowrap; height:31px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#F6F6F6; color:#737373; text-align:center; letter-spacing:-0.1em; line-height:140%;}
|
||||
#board .table_bview tbody td {padding-top:6px; padding-bottom:6px; border-bottom:1px solid #E1E1E1; background:#ffffff; text-align:left; line-height:140%;}
|
||||
#board .table_bview tbody td.content{padding:20px 10px 30px 10px;}
|
||||
#board .table_bview tbody td.content img{display:block; text-align:center;}
|
||||
#board .table_bview tbody td span.text1 {color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
|
||||
#board .table_bview tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
||||
#board .table_bview tbody td dl.info {margin:0; padding-left:3px;}
|
||||
#board .table_bview tbody td dl.info dt {float:left; color:#737373; letter-spacing:-0.1em; padding:0; font-weight:bold;}
|
||||
#board .table_bview tbody td dl.info dd {float:left; background:transparent url(/content/board/default_photo/img/view_bar.gif) no-repeat scroll 5px 40%; display:inline; margin:0; padding:0 2.4em 0 1em; }
|
||||
#board .table_bview tbody td dl.info dd img {vertical-align:middle;}
|
||||
#board .table_bview tbody td dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#BFBFBF;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Comment */
|
||||
#board .board_comment {clear:both; padding-top:20px;}
|
||||
#board .board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
|
||||
#board .board_comment table caption{display:none;}
|
||||
#board .board_comment tbody td {height:31px; text-align:left; line-height:140%;}
|
||||
#board .board_comment tbody td.dr01 {height:5px; background:url(/content/board/default_photo/img/dr01.gif); background-repeat:no-repeat;}
|
||||
#board .board_comment tbody td.dr02 {height:5px; background:url(/content/board/default_photo/img/dr02.gif); background-repeat: repeat-x;}
|
||||
#board .board_comment tbody td.dr03 {height:5px; background:url(/content/board/default_photo/img/dr03.gif); background-repeat:no-repeat;}
|
||||
#board .board_comment tbody td.dr04 {background:url(/content/board/default_photo/img/dr04.gif); background-repeat: repeat-y;}
|
||||
#board .board_comment tbody td.text {padding:0; margin:0; height:20px;}
|
||||
#board .board_comment tbody td dl.info {margin:0; padding-left:10px;}
|
||||
#board .board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
|
||||
#board .board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
|
||||
#board .board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
|
||||
#board .board_comment tbody td.dr05 textarea {width:88%;height:38px;}
|
||||
#board .board_comment tbody td.dr06 {background:url(/content/board/default_photo/img/dr06.gif); background-repeat: repeat-y;}
|
||||
#board .board_comment tbody td.dr07 {height:5px; background:url(/content/board/default_photo/img/dr07.gif); background-repeat:no-repeat;}
|
||||
#board .board_comment tbody td.dr08 {height:5px; background:url(/content/board/default_photo/img/dr08.gif); background-repeat: repeat-x;}
|
||||
#board .board_comment tbody td.dr09 {height:5px; background:url(/content/board/default_photo/img/dr09.gif); background-repeat:no-repeat;}
|
||||
|
||||
.cmt_list {margin-top:5px;}
|
||||
.cmt_list div.h {margin:0 0 1px; background:transparent url(/content/board/default_photo/img/human_ic.gif) no-repeat scroll 0 0.1em;}
|
||||
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
|
||||
.cmt_list li.line {height:1px; background:transparent url(/content/board/default_photo/img/dr_line_bg.gif); background-repeat: repeat-x; margin:0; padding-top:15px;}
|
||||
|
||||
|
||||
/* Paginate */
|
||||
.board_paginate{clear:both; position:relative; text-align:center;}
|
||||
.board_paginate *{margin:0; padding:0;}
|
||||
.board_paginate a,
|
||||
.board_paginate strong{_position:relative; margin-left:-7px; font-weight:bold; display:inline-block; padding:3px 8px 1px 7px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font:bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background:#fff;}
|
||||
.board_paginate strong{color:#ff8600 !important;}
|
||||
.board_paginate a:hover{background:#F7F7F7;}
|
||||
.board_paginate a.pre{padding:3px 8px 1px 16px; background:url(/content/board/default_photo/img/bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
|
||||
.board_paginate a.next{padding:3px 16px 1px 8px; background:url(/manager/img/bu_pg1_r1.gif) no-repeat 37px 6px !important; border:none; font-weight:normal; }
|
||||
|
||||
/* Button */
|
||||
.board_button {clear:both;}
|
||||
.board_button .fl {float:left;}
|
||||
.board_button .fr {float:right; overflow:hidden;}
|
||||
.board_button .pt10 {padding-top:10px;}
|
||||
|
||||
|
||||
.board_button ul li {float:left;}
|
||||
.board_button ul li.pl {padding-left:10px;}
|
||||
.board_button ul li.pt {padding-top:7px;}
|
||||
.board_button span.bt {float:right; padding-top:10px; padding-left:4px; text-align:right;}
|
||||
.board_button2 {margin:0 auto; text-align:center; padding-top:10px; padding-left:4px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.board_bt01 {display:inline;}
|
||||
.board_bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url(/content/board/default_photo/img/bt01_bg.gif) left 0; cursor:pointer;}
|
||||
.board_bt01 a:hover{background:url(/content/board/default_photo/img/bt01_bg.gif) left -22px; text-decoration:none;}
|
||||
.board_bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url(/content/board/default_photo/img/bt01_bg.gif) right 0;}
|
||||
.board_bt01 a:hover span{color:#6B6B6B; background:url(/content/board/default_photo/img/bt01_bg.gif) right -22px;}
|
||||
|
||||
|
||||
/* Search */
|
||||
.board_search {width:340px; margin:0 auto; margin-top:18px;}
|
||||
.board_search ul {float:left;}
|
||||
.board_search ul li {float:left; background:url(/content/board/default_photo/img/search_bg.gif); height:35px;}
|
||||
.board_search ul li.board_search_start {float:left; width:18px; height:35px; background:url(/content/board/default_photo/img/search_left.gif); background-repeat:no-repeat;}
|
||||
.board_search ul li.board_search_end {float:left; width:18px; height:35px; background:url(/content/board/default_photo/img/search_right.gif); background-repeat:no-repeat;}
|
||||
.board_search ul li select {float:left; margin-top:8px; margin-right:3px;}
|
||||
.board_search ul li input {float:left; margin-top:7px; margin-right:3px;}
|
||||
.board_search ul li input.search_bt {float:left; margin-top:8px; margin-bottom:1px;}
|
||||
|
||||
.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
|
||||
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
|
||||
.command_pwd li {float:left; padding-left:3px;}
|
||||
.command_pwd li img {height:20px;padding-top:1px;}
|
||||
|
||||
|
||||
.pwd_check {clear:both;width:90%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
|
||||
.pwd_check *{margin:0; padding:0;}
|
||||
.pwd_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
|
||||
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
|
||||
.pwd_check li {}
|
||||
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}
|
||||
|
||||
|
||||
.login_check {width:90%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
|
||||
.login_check *{margin:0; padding:0;}
|
||||
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
|
||||
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
|
||||
.login_check li.id {padding-right:26px;}
|
||||
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}
|
||||
|
||||
.error_check {float:left;width:80%;min-height:90px;border:5px solid #DDE7F0;margin-bottom:15px;background:url(/content/board/default_photo/img/error_bg.gif); background-repeat:no-repeat;padding-left:19%;padding-top:15px;padding-bottom:12px;}
|
||||
.error_check .error_list {float:left;line-height:19px;}
|
||||
.error_check .error_list li {background:url(/content/board/default_photo/img/error_ic.gif) no-repeat 8px 6px;padding-left:15px;}
|
||||
.error_check .error_list li strong.error {color:#DE5410;}
|
||||
@@ -0,0 +1,29 @@
|
||||
#lightbox {
|
||||
background-color: #eee;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #666;
|
||||
border-right: 1px solid #666;
|
||||
}
|
||||
#overlay {
|
||||
background-image: url(/content/board/default_photo/img/overlay.png);
|
||||
}
|
||||
#lightboxCaption {
|
||||
color: #333;
|
||||
background-color: #eee;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #666;
|
||||
border-right: 1px solid #666;
|
||||
}
|
||||
#lightboxIndicator {
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
#lightboxOverallView {
|
||||
background-image: url(/content/board/default_photo/img/overlay.png);
|
||||
}
|
||||
* html #lightboxOverallView,
|
||||
* html #overlay {
|
||||
background-color: #000;
|
||||
background-image: url(/content/board/default_photo/img/blank.gif);
|
||||
filter: Alpha(opacity=50);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 807 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
Binary file not shown.
|
After Width: | Height: | Size: 61 B |
Binary file not shown.
|
After Width: | Height: | Size: 896 B |
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
Binary file not shown.
|
After Width: | Height: | Size: 884 B |
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
Binary file not shown.
|
After Width: | Height: | Size: 62 B |
Binary file not shown.
|
After Width: | Height: | Size: 71 B |
Binary file not shown.
|
After Width: | Height: | Size: 67 B |
Binary file not shown.
|
After Width: | Height: | Size: 62 B |
Binary file not shown.
|
After Width: | Height: | Size: 70 B |
Binary file not shown.
|
After Width: | Height: | Size: 62 B |
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 B |
Binary file not shown.
|
After Width: | Height: | Size: 47 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
Binary file not shown.
|
After Width: | Height: | Size: 916 B |
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
Binary file not shown.
|
After Width: | Height: | Size: 757 B |
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
Binary file not shown.
|
After Width: | Height: | Size: 730 B |
Binary file not shown.
|
After Width: | Height: | Size: 1012 B |
Binary file not shown.
|
After Width: | Height: | Size: 570 B |
Binary file not shown.
|
After Width: | Height: | Size: 897 B |
Binary file not shown.
|
After Width: | Height: | Size: 1002 B |
Binary file not shown.
|
After Width: | Height: | Size: 737 B |
Binary file not shown.
|
After Width: | Height: | Size: 678 B |
Binary file not shown.
|
After Width: | Height: | Size: 138 B |
Binary file not shown.
|
After Width: | Height: | Size: 309 B |
Binary file not shown.
|
After Width: | Height: | Size: 61 B |
Binary file not shown.
|
After Width: | Height: | Size: 323 B |
Binary file not shown.
|
After Width: | Height: | Size: 224 B |
Binary file not shown.
|
After Width: | Height: | Size: 135 B |
Binary file not shown.
|
After Width: | Height: | Size: 84 B |
Binary file not shown.
|
After Width: | Height: | Size: 883 B |
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
Binary file not shown.
|
After Width: | Height: | Size: 708 B |
Binary file not shown.
|
After Width: | Height: | Size: 681 B |
Binary file not shown.
|
After Width: | Height: | Size: 99 B |
Binary file not shown.
|
After Width: | Height: | Size: 209 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 701 B |
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 903 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 131 B |
Binary file not shown.
|
After Width: | Height: | Size: 279 B |
Binary file not shown.
|
After Width: | Height: | Size: 900 B |
Binary file not shown.
|
After Width: | Height: | Size: 443 B |
Binary file not shown.
|
After Width: | Height: | Size: 905 B |
Binary file not shown.
|
After Width: | Height: | Size: 362 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 599 B |
Binary file not shown.
|
After Width: | Height: | Size: 686 B |
Binary file not shown.
|
After Width: | Height: | Size: 761 B |
Binary file not shown.
|
After Width: | Height: | Size: 206 B |
Binary file not shown.
|
After Width: | Height: | Size: 577 B |
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
Binary file not shown.
|
After Width: | Height: | Size: 578 B |
Binary file not shown.
|
After Width: | Height: | Size: 181 B |
Binary file not shown.
|
After Width: | Height: | Size: 86 B |
Binary file not shown.
|
After Width: | Height: | Size: 50 B |
Binary file not shown.
|
After Width: | Height: | Size: 911 B |
@@ -0,0 +1,377 @@
|
||||
<!--#include virtual="/content/board/nnupload/create.asp"-->
|
||||
<%
|
||||
|
||||
|
||||
If b_num = "" then '//일반등록
|
||||
|
||||
w_mode = "W"
|
||||
|
||||
If b_type = "" then b_type = "N" '//값이 있으면 답변타입이다..
|
||||
If b_type = "N" then b_content = a_writecontent
|
||||
|
||||
b_open = "Y"
|
||||
|
||||
|
||||
elseIf b_num <> "" And b_type = "R" then '//답변글쓰기 일때
|
||||
|
||||
w_mode= "WR"
|
||||
|
||||
'//레코드필드
|
||||
R_Fields = "b_num, b_subject, b_content, b_ref, b_step, b_level"
|
||||
|
||||
R_tablename_str = a_tablename
|
||||
|
||||
R_WHERE_str = " WHERE b_num=" & b_num
|
||||
|
||||
Call SelectQuery (R_Fields, R_tablename_str, R_WHERE_str)
|
||||
|
||||
b_subject = "RE:"& b_subject
|
||||
|
||||
b_content = "<br /><br /><br /><br />------------------ 원문 -------------------------<br /><br />" & b_content
|
||||
|
||||
|
||||
ElseIf b_num <> "" then '//그냥 수정일때..
|
||||
|
||||
w_mode = "M"
|
||||
|
||||
If is_ad_cms <> "Y" then '//관리자가아닐때 체크
|
||||
|
||||
|
||||
If SESSION("pwd_chk_" & a_num & "_" & b_num) <> "ok" then '//체크통과했으면..
|
||||
|
||||
locationhref("pwd.asp?prepage=modi&a_num=" & a_num & "&b_num=" & b_num & "&" & page_info)
|
||||
|
||||
End if
|
||||
'//*************************************************************************************************
|
||||
End if
|
||||
|
||||
|
||||
|
||||
'//레코드필드
|
||||
R_Fields = "b_num, b_type, b_id, b_name, b_pwd, b_subject, b_email, b_jumin, b_phone1, b_phone2, b_phone3, b_cate, b_catename, b_noticechk, b_content, b_ip, b_count, b_look, b_open, b_ref, b_step, b_level, b_regdate, b_chuchun, b_sbjclr, b_sdate, b_edate, b_temp1, b_temp2, b_temp3, b_temp4, b_keyword"
|
||||
' 첨부파일
|
||||
If Not IsNumeric(a_upload_len) Then a_upload_len = 5
|
||||
For u=1 To a_upload_len
|
||||
R_Fields = R_Fields & ", b_file"&u '' b_file1, b_file2, b_file3, ‥‥
|
||||
Next
|
||||
|
||||
R_tablename_str = a_tablename
|
||||
|
||||
R_WHERE_str = " WHERE b_num=" & b_num
|
||||
|
||||
Call SelectQuery (R_Fields, R_tablename_str, R_WHERE_str)
|
||||
|
||||
End if
|
||||
|
||||
prepage = Request.ServerVariables("path_info") & "?" & Request.ServerVariables("query_string")
|
||||
%>
|
||||
|
||||
<!--#include virtual="/content/board/top.asp"-->
|
||||
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
|
||||
|
||||
function w_chk(){
|
||||
|
||||
if (CheckSpaces(document.getElementById('frm').b_name, '이름')) {return false;}
|
||||
else if (CheckSpaces(document.getElementById('frm').b_pwd, '비밀번호')) {return false;}
|
||||
else if (CheckSpaces(document.getElementById('frm').b_subject, '제목')) {return false;}
|
||||
|
||||
|
||||
|
||||
//loading_st(1);
|
||||
UploadClick();
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
function delete_ok(z){
|
||||
if(confirm("첨부파일을 삭제하시겠습니까?")){
|
||||
location.href="/content/board/img_delete_ok.asp?a_num=<%=a_num%>&b_num=<%=b_num%>&b_file="+z+"&prepage=<%=server.URLEncode(prepage)%>";
|
||||
}else{
|
||||
return;
|
||||
}
|
||||
}
|
||||
//]]>
|
||||
</script>
|
||||
|
||||
<!-- 쓰기 -->
|
||||
<div id="board" style="width:<%=a_width%>;">
|
||||
|
||||
<form id="frm" method="post" action="write.asp?a_num=<%=a_num%>&<%=replace( page_info, "&","&")%>&proc_mode=write_ok" enctype="multipart/form-data" onsubmit="return w_chk();">
|
||||
<div>
|
||||
<input type="hidden" name="b_num" value="<%=b_num%>" /><!-- (수정일때사용) -->
|
||||
<input type="hidden" name="b_type" value="<%=b_type%>" />
|
||||
<input type="hidden" name="w_mode" value="<%=w_mode%>" />
|
||||
<%If a_type = "N" Or a_type="T" then '//공개여부%>
|
||||
<input type="hidden" name="b_open" value="Y" />
|
||||
<%End if%>
|
||||
|
||||
<input type="hidden" name="b_ref" value="<%=b_ref%>" />
|
||||
<input type="hidden" name="b_step" value="<%=b_step%>" />
|
||||
<input type="hidden" name="b_level" value="<%=b_level%>" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="guide">
|
||||
<span><img src="/content/board/default_photo/img/ic_vcheck.gif" width="7" height="10" alt="*" /> 표시가 된 곳은 필수 항목입니다.</span>
|
||||
</div>
|
||||
|
||||
<!-- 쓰기 테이블 -->
|
||||
<div class="table_bwrite">
|
||||
|
||||
|
||||
|
||||
|
||||
<table cellspacing="0">
|
||||
<caption><%=replace( tit_name, " | ", "" )%></caption>
|
||||
<colgroup>
|
||||
<col width="130" />
|
||||
<col width="" />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
<th scope="col" class="th_end">글쓰기</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="b_name"><img height="10" width="7" alt="*" src="/content/board/default_photo/img/ic_vcheck.gif"/> 이름</label></th>
|
||||
<td><input type="text" size="20" id="b_name" name="b_name" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_name%>" maxlength="30" /> <span class="text1">* 한글만 사용하실 수 있습니다. </span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="b_pwd"><img height="10" width="7" alt="*" src="/content/board/default_photo/img/ic_vcheck.gif"/> 비밀번호</label></th>
|
||||
<td><input type="password" size="22" id="b_pwd" name="b_pwd" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_pwd%>" maxlength="30" /> <span class="text1">* 10자 이내의 영문/숫자만 사용하실 수 있습니다. </span></td>
|
||||
</tr>
|
||||
|
||||
<%If a_type = "Y" then '//공개/비공개%>
|
||||
<tr>
|
||||
<th scope="row">공개여부</th>
|
||||
<td>
|
||||
<input type="radio" id="b_open_Y" name="b_open" value="Y" title="공개 선택" <%=chkRadio(b_open, "Y")%> /><label for="b_open_Y">공개</label>
|
||||
<input type="radio" id="b_open_N" name="b_open" value="N" title="비공개 선택" <%=chkRadio(b_open, "N")%> /><label for="b_open_N">비공개</label>
|
||||
</td>
|
||||
</tr>
|
||||
<%End if%>
|
||||
|
||||
|
||||
<%If a_phone = "Y" then '//전화번호%>
|
||||
<tr>
|
||||
<th scope="row"><label for="b_phone1">전화번호</label></th>
|
||||
<td><input type="text" size="4" title="연락처 첫번째 입력" id="b_phone1" name="b_phone1" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_phone1%>" maxlength="4" /> - <input type="text" size="4" title="연락처 두번째 입력" id="b_phone2" name="b_phone2" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_phone2%>" maxlength="4" /> - <input type="text" size="4" title="연락처 세번째 입력" id="b_phone3" name="b_phone3" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_phone3%>" maxlength="4" /></td>
|
||||
</tr>
|
||||
<%End if%>
|
||||
|
||||
<%If a_email = "Y" then '//이메일%>
|
||||
<tr>
|
||||
<th scope="row"><label for="b_email">이메일</label></th>
|
||||
<td><input type="text" size="50" id="b_email" name="b_email" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_email%>" maxlength="200" /> <span class="text1">* <strong>@</strong>포함한 이메일주소를 입력하세요.</span></td>
|
||||
</tr>
|
||||
<%End if%>
|
||||
|
||||
<%If a_home = "Y" then '//홈페이지%>
|
||||
<!--
|
||||
<tr>
|
||||
<th scope="row"><label for="b_homepage">홈페이지</label></th>
|
||||
<td><span class="eng">http://</span> <input type="text" size="45" id="b_homepage" name="b_homepage" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<?=$b_homepage?>" maxlength="" /></td>
|
||||
</tr>
|
||||
-->
|
||||
<%End if%>
|
||||
|
||||
|
||||
|
||||
|
||||
<%
|
||||
'//사용자필드
|
||||
for z=1 To 4
|
||||
a_ftemp = eval("a_ftemp" & z )
|
||||
a_ftemp_str = eval("a_ftemp" & z & "_str")
|
||||
b_temp = eval("b_temp" & z )
|
||||
|
||||
If a_ftemp = "Y" then
|
||||
%>
|
||||
<tr>
|
||||
<th scope="row"><label for="b_temp<%=z%>"><%=a_ftemp_str%></label></th>
|
||||
<td><input type="text" size="50" id="b_temp<%=z%>" name="b_temp<%=z%>" class="board_input" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_temp%>" maxlength="50" /></td>
|
||||
</tr>
|
||||
|
||||
<%
|
||||
End if
|
||||
next
|
||||
%>
|
||||
|
||||
|
||||
<%If a_cate = "Y" and b_type <> "R" then '//분류%>
|
||||
<tr>
|
||||
<th scope="row"><label for="b_cate_tot">분류</label></th>
|
||||
<td>
|
||||
<select name="b_cate_tot" >
|
||||
<option value="" selected="selected" >분류선택</option>
|
||||
<%
|
||||
'//분류 부분
|
||||
R_Fields_code = "ct_idx, ct_code, ct_name, ct_ref, ct_depth, ct_chk, ct_wdate, ct_codeno, ct_file, a_num"
|
||||
SQL = "Select " & R_Fields_code & " FROM board_code WHERE ct_chk = 'Y' AND a_num='" & a_num & "' ORDER BY ct_code ASC"
|
||||
Set rs_code = dbcon.execute( sql )
|
||||
|
||||
If Not( rs_code.bof Or rs_code.eof ) then
|
||||
Do Until rs_code.eof
|
||||
ct_idx = rs_code("ct_idx")
|
||||
ct_name = rs_code("ct_name")
|
||||
%>
|
||||
|
||||
<option value="<%=ct_idx%>,<%=ct_name%>" <%=chkSelect(ct_idx, b_cate)%>><%=ct_name%></option>
|
||||
|
||||
<%
|
||||
rs_code.movenext
|
||||
loop
|
||||
End if
|
||||
Set rs_code = nothing
|
||||
%>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<%End if%>
|
||||
|
||||
<tr>
|
||||
<th scope="row"><label for="b_subject"><img height="10" width="7" alt="*" src="/content/board/default_photo/img/ic_vcheck.gif"/> 제목</label></th>
|
||||
<td><input type="text" size="100" id="b_subject" name="b_subject" class="board_input subject" onfocus="focus_on1(this);" onblur="focus_off1(this);" value="<%=b_subject%>" maxlength="200" /></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td colspan="2" class="content">
|
||||
<%If a_edit = "Y" then '//에디터가 사용일때
|
||||
|
||||
'//$_SESSION["fck_filepath"] = "/userfiles/"; //첨부파일경로
|
||||
'//$_SESSION["fck_filepath"] = "/data/popup/"; //첨부파일경로
|
||||
session("fck_filepath") = "/data/board/"& a_tablename & "/" '업로드 경로(동적경로를 위해 세션사용)
|
||||
'response.write session("fck_filepath")
|
||||
Set oFCKeditor = New FCKeditor
|
||||
oFCKeditor.BasePath = "/fckeditor/"
|
||||
oFCKeditor.value = b_content
|
||||
oFCKeditor.ToolbarSet = "Basic3"
|
||||
oFCKeditor.Create "b_content"
|
||||
|
||||
|
||||
Else
|
||||
%>
|
||||
<textarea cols="50" rows="15" id="b_content" name="b_content" title="게시글 내용 입력" style="width:98%;" onfocus="focus_on1(this);" onblur="focus_off1(this);" ><%=b_content%></textarea>
|
||||
<%End if%>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<%
|
||||
|
||||
If a_upload = "Y" then '//첨부파일 사용일때
|
||||
%>
|
||||
<tr>
|
||||
<th scope="row">첨부파일</th>
|
||||
<td>
|
||||
<%
|
||||
file_cnt = 0
|
||||
for z=1 to a_upload_len
|
||||
b_file_name = eval("b_file" & z)
|
||||
%>
|
||||
<input type="hidden" name="b_file<%=z%>" id="b_file<%=z%>" value="<%=b_file_name%>" />
|
||||
|
||||
<%
|
||||
If b_file_name <> "" then
|
||||
file_cnt = file_cnt + 1
|
||||
%>
|
||||
<%=b_file_name%> <a href="#delete" onclick="delete_ok(<%=z%>);" onkeyup="delete_ok(<%=z%>);"><img src="/content/board/<%=a_level%>/img/dr_del_bt.gif" alt="첨부파일 삭제하기" /></a><br />
|
||||
<%
|
||||
End if
|
||||
next
|
||||
%>
|
||||
<%
|
||||
'nn_basePath 하위에 Upload 폴더와 nn_uploadPath에 지정될 폴더는 인터넷게스트계정는 또는 Users 계정에 수정/쓰기 권한이 있어야 합니다.
|
||||
|
||||
nn_basePath = "/content/board/nnupload/" 'nn업로드가 설치된 경로
|
||||
nn_paramFilter = "." & Replace(a_nofile,",","|.") '"|.jpg|.zip|.txt|.xls" '업로드 허용 파일
|
||||
nn_paramMaxFileSize = a_nofilesize '업로드 용량(MB)
|
||||
nn_paramMaxFileNumber = a_upload_len - file_cnt '업로드 개수
|
||||
nn_width = "100%" '가로크기
|
||||
nn_height = "150px" '세로크기
|
||||
nn_uploadPath = "/data/board/" & a_tablename & "/" '업로드할 경로
|
||||
nn_key = Application("nn_key") '키
|
||||
%>
|
||||
<script type="text/javascript">
|
||||
var filenames = "";
|
||||
|
||||
function UploadClick() {
|
||||
try{
|
||||
nnupload.content.UploadFile.StartUpload();
|
||||
document.getElementById("submitbtn").disabled = true;
|
||||
}catch(e){
|
||||
document.getElementById('frm').submit(); //글등록
|
||||
}
|
||||
}
|
||||
|
||||
function AbortUploadNotFile() {
|
||||
//alert("업로드 할 파일 없습니다.");
|
||||
document.getElementById('frm').submit(); //글등록
|
||||
}
|
||||
|
||||
function getFileName(){
|
||||
var b_file, filenames_arr;
|
||||
filenames_arr = filenames.split("|");
|
||||
|
||||
for(z=0;z<=filenames_arr.length-1;z++){
|
||||
|
||||
for(i=1;i<=<%=a_upload_len%>;i++){
|
||||
b_file = document.getElementById("b_file"+i);
|
||||
if(b_file.value == ""){ //비어있는 b_file값에만 저장한다.
|
||||
b_file.value = filenames_arr[z];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
filenames = "";
|
||||
document.getElementById('frm').submit(); //글등록
|
||||
|
||||
//alert("업로드 완료");
|
||||
//Initialize(); //초기화
|
||||
}
|
||||
|
||||
</script>
|
||||
<%
|
||||
If CInt(a_upload_len) > file_cnt then
|
||||
createUpload()
|
||||
End if
|
||||
|
||||
%>
|
||||
</td>
|
||||
</tr>
|
||||
<%
|
||||
End if
|
||||
%>
|
||||
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- //쓰기 테이블 -->
|
||||
|
||||
<!-- 버튼 -->
|
||||
<div class="board_button2">
|
||||
<span><input id="submitbtn" type="image" src="/content/board/default_photo/img/save_bt.gif" alt="저장"/></span>
|
||||
<span><a href="list.asp?a_num=<%=a_num%>&<%=page_info%>" ><img src="/content/board/default_photo/img/list_bt.gif" width="62" height="23" alt="목록" /></a></span>
|
||||
</div>
|
||||
<!-- //버튼 -->
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<!-- //쓰기 -->
|
||||
<!--#include virtual="/content/board/bottom.asp"-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,175 @@
|
||||
|
||||
|
||||
//삭제
|
||||
function d_chk(url){
|
||||
|
||||
if (confirm('정말 삭제하시겠습니까?')) {
|
||||
|
||||
loading_st(1);
|
||||
page_go1(url);
|
||||
|
||||
}else{
|
||||
|
||||
return ;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function checkAll(){
|
||||
|
||||
if(document.getElementById('frm_list').chk_all.value == "") {
|
||||
document.getElementById('frm_list').chk_all.value="Y";
|
||||
totchk();
|
||||
}else {
|
||||
|
||||
document.getElementById('frm_list').chk_all.value="";
|
||||
totoff();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function totchk(){
|
||||
|
||||
|
||||
for(var i=0; i < document.getElementById('frm_list').elements.length ; i++) {
|
||||
if(document.getElementById('frm_list').elements[i].type=='checkbox')
|
||||
if ( document.getElementById('frm_list').elements[i].disabled != true ){
|
||||
document.getElementById('frm_list').elements[i].checked = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function totoff(){
|
||||
for(var i=0; i < document.getElementById('frm_list').elements.length ; i++) {
|
||||
if(document.getElementById('frm_list').elements[i].type=='checkbox')
|
||||
document.getElementById('frm_list').elements[i].checked = false;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function delete2(){
|
||||
|
||||
var flag;
|
||||
|
||||
|
||||
if (confirm('정말 삭제하시겠습니까?')) {
|
||||
|
||||
flag = "Empty";
|
||||
for (var j = 0; j < document.getElementById('frm_list').elements.length; j++) {
|
||||
|
||||
if(document.getElementById('frm_list').elements[j].type=='checkbox'){
|
||||
if (document.getElementById('frm_list').elements[j].checked == true){
|
||||
flag = "Not Empty";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (flag == "Empty") {
|
||||
alert ("데이터를 선택해 주세요.");
|
||||
return ;
|
||||
}
|
||||
|
||||
loading_st(1);
|
||||
document.getElementById('frm_list').action = "delete_ok.asp";
|
||||
document.getElementById('frm_list').status.value = "totdel";
|
||||
document.getElementById('frm_list').submit();
|
||||
|
||||
}else{
|
||||
|
||||
return ;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
function levelchange(form, idx){
|
||||
|
||||
loading_st(1);
|
||||
document.getElementById('frm_list').b_l_chk.value = form;
|
||||
document.getElementById('frm_list').b_l_num.value = idx;
|
||||
document.getElementById('frm_list').action = "level_ok.asp";
|
||||
document.getElementById('frm_list').submit();
|
||||
}
|
||||
|
||||
|
||||
function tot_levelchage(page){
|
||||
|
||||
var flag;
|
||||
|
||||
|
||||
|
||||
flag = "Empty";
|
||||
for (var j = 0; j < document.getElementById('frm_list').elements.length; j++) {
|
||||
|
||||
if(document.getElementById('frm_list').elements[j].type=='checkbox'){
|
||||
if (document.getElementById('frm_list').elements[j].checked == true){
|
||||
flag = "Not Empty";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (flag == "Empty") {
|
||||
alert ("데이터를 선택해 주세요.");
|
||||
return ;
|
||||
}
|
||||
|
||||
if (document.getElementById('frm_list').tot_level_chk.value=="") {
|
||||
alert ("변경할 등급을 선택해주세요");
|
||||
document.getElementById('frm_list').tot_level_chk.focus();
|
||||
return ;
|
||||
}
|
||||
|
||||
loading_st(1);
|
||||
document.getElementById('frm_list').action = "level_ok.asp?"+page;
|
||||
document.getElementById('frm_list').status.value = "totlevel";
|
||||
document.getElementById('frm_list').submit();
|
||||
}
|
||||
|
||||
|
||||
function win_popup(idx,vscrollbars,vtoolbar,vmenubar,vlocation,vwidth,vheight){
|
||||
window.open('view.asp?idx='+idx,'','scrollbars='+vscrollbars+',toolbar='+vtoolbar+',menubar='+vmenubar+',location='+vlocation+',width='+vwidth+',height='+vheight+',location=no');
|
||||
}
|
||||
|
||||
|
||||
function bmove(){
|
||||
|
||||
var flag;
|
||||
|
||||
flag = "Empty";
|
||||
for (var j = 0; j < document.getElementById('frm_list').elements.length; j++) {
|
||||
|
||||
if(document.getElementById('frm_list').elements[j].type=='checkbox'){
|
||||
if (document.getElementById('frm_list').elements[j].checked == true){
|
||||
flag = "Not Empty";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (flag == "Empty") {
|
||||
alert ("데이터를 선택해 주세요.");
|
||||
return ;
|
||||
}
|
||||
|
||||
|
||||
document.getElementById('frm_list').action = "/content/board/move.asp";
|
||||
// document.getElementById('frm_list').status.value = "totdel";
|
||||
document.getElementById('frm_list').submit();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
function focus_on1(str) {
|
||||
(str).style.border='1px solid #7D7D7D';
|
||||
(str).style.background='#ffffff';
|
||||
}
|
||||
|
||||
function focus_off1(str) {
|
||||
(str).style.border='1px solid #cdcdcd';
|
||||
(str).style.background='#ffffff';
|
||||
}
|
||||
|
||||
|
||||
//PNG 투명
|
||||
var clear="/content/board/default_photo/img/clear.gif" //path to clear.gif
|
||||
|
||||
pngfix=function(){var els=document.getElementsByTagName('*');var ip=/\.png/i;var i=els.length;while(i-- >0){var el=els[i];var es=el.style;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+el.src+"',sizingMethod='crop')";el.src=clear;}else{var elb=el.currentStyle.backgroundImage;if(elb.match(ip)){var path=elb.split('"');var rep=(el.currentStyle.backgroundRepeat=='no-repeat')?'crop':'scale';es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';var elkids=el.getElementsByTagName('*');if (elkids){var j=elkids.length;if(el.currentStyle.position!="absolute")es.position='static';while (j-- >0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}}
|
||||
window.attachEvent('onload',pngfix);
|
||||
@@ -0,0 +1,746 @@
|
||||
// Lightbox 에서 사용하는 js
|
||||
// lightbox_plus.js
|
||||
// == written by Takuya Otani <takuya.otani@gmail.com> ===
|
||||
// == Copyright (C) 2006 SimpleBoxes/SerendipityNZ Ltd. ==
|
||||
/*
|
||||
Copyright (C) 2006 Takuya Otani/SimpleBoxes - http://serennz.cool.ne.jp/sb/
|
||||
Copyright (C) 2006 SerendipityNZ - http://serennz.cool.ne.jp/snz/
|
||||
|
||||
This script is licensed under the Creative Commons Attribution 2.5 License
|
||||
http://creativecommons.org/licenses/by/2.5/
|
||||
|
||||
basically, do anything you want, just leave my name and link.
|
||||
*/
|
||||
/*
|
||||
Original script : Lightbox JS : Fullsize Image Overlays
|
||||
Copyright (C) 2005 Lokesh Dhakar - http://www.huddletogether.com
|
||||
For more information on this script, visit:
|
||||
http://huddletogether.com/projects/lightbox/
|
||||
*/
|
||||
// ver. 20061027 - fixed a bug ( not work at xhml documents on Netscape7 )
|
||||
// ver. 20061026 - fixed bugs
|
||||
// ver. 20061010 - implemented image set feature
|
||||
// ver. 20060921 - fixed a bug / added overall view
|
||||
// ver. 20060920 - added flag to prevent mouse wheel event
|
||||
// ver. 20060919 - fixed a bug
|
||||
// ver. 20060918 - implemented functionality of wheel zoom & drag'n drop
|
||||
// ver. 20060131 - fixed a bug to work correctly on Internet Explorer for Windows
|
||||
// ver. 20060128 - implemented functionality of echoic word
|
||||
// ver. 20060120 - implemented functionality of caption and close button
|
||||
function WindowSize()
|
||||
{ // window size object
|
||||
this.w = 0;
|
||||
this.h = 0;
|
||||
return this.update();
|
||||
}
|
||||
WindowSize.prototype.update = function()
|
||||
{
|
||||
var d = document;
|
||||
this.w =
|
||||
(window.innerWidth) ? window.innerWidth
|
||||
: (d.documentElement && d.documentElement.clientWidth) ? d.documentElement.clientWidth
|
||||
: d.body.clientWidth;
|
||||
this.h =
|
||||
(window.innerHeight) ? window.innerHeight
|
||||
: (d.documentElement && d.documentElement.clientHeight) ? d.documentElement.clientHeight
|
||||
: d.body.clientHeight;
|
||||
return this;
|
||||
};
|
||||
function PageSize()
|
||||
{ // page size object
|
||||
this.win = new WindowSize();
|
||||
this.w = 0;
|
||||
this.h = 0;
|
||||
return this.update();
|
||||
}
|
||||
PageSize.prototype.update = function()
|
||||
{
|
||||
var d = document;
|
||||
this.w =
|
||||
(window.innerWidth && window.scrollMaxX) ? window.innerWidth + window.scrollMaxX
|
||||
: (d.body.scrollWidth > d.body.offsetWidth) ? d.body.scrollWidth
|
||||
: d.body.offsetWidt;
|
||||
this.h =
|
||||
(window.innerHeight && window.scrollMaxY) ? window.innerHeight + window.scrollMaxY
|
||||
: (d.body.scrollHeight > d.body.offsetHeight) ? d.body.scrollHeight
|
||||
: d.body.offsetHeight;
|
||||
this.win.update();
|
||||
if (this.w < this.win.w) this.w = this.win.w;
|
||||
if (this.h < this.win.h) this.h = this.win.h;
|
||||
return this;
|
||||
};
|
||||
function PagePos()
|
||||
{ // page position object
|
||||
this.x = 0;
|
||||
this.y = 0;
|
||||
return this.update();
|
||||
}
|
||||
PagePos.prototype.update = function()
|
||||
{
|
||||
var d = document;
|
||||
this.x =
|
||||
(window.pageXOffset) ? window.pageXOffset
|
||||
: (d.documentElement && d.documentElement.scrollLeft) ? d.documentElement.scrollLeft
|
||||
: (d.body) ? d.body.scrollLeft
|
||||
: 0;
|
||||
this.y =
|
||||
(window.pageYOffset) ? window.pageYOffset
|
||||
: (d.documentElement && d.documentElement.scrollTop) ? d.documentElement.scrollTop
|
||||
: (d.body) ? d.body.scrollTop
|
||||
: 0;
|
||||
return this;
|
||||
};
|
||||
function LightBox(option)
|
||||
{
|
||||
var self = this;
|
||||
self._imgs = new Array();
|
||||
self._sets = new Array();
|
||||
self._wrap = null;
|
||||
self._box = null;
|
||||
self._img = null;
|
||||
self._open = -1;
|
||||
self._page = new PageSize();
|
||||
self._pos = new PagePos();
|
||||
self._zoomimg = null;
|
||||
self._expandable = false;
|
||||
self._expanded = false;
|
||||
self._funcs = {'move':null,'up':null,'drag':null,'wheel':null,'dbl':null};
|
||||
self._level = 1;
|
||||
self._curpos = {x:0,y:0};
|
||||
self._imgpos = {x:0,y:0};
|
||||
self._minpos = {x:0,y:0};
|
||||
self._expand = option.expandimg;
|
||||
self._shrink = option.shrinkimg;
|
||||
self._resizable = option.resizable;
|
||||
self._timer = null;
|
||||
self._indicator = null;
|
||||
self._overall = null;
|
||||
self._openedset = null;
|
||||
self._prev = null;
|
||||
self._next = null;
|
||||
self._hiding = [];
|
||||
self._first = false;
|
||||
return self._init(option);
|
||||
}
|
||||
LightBox.prototype = {
|
||||
_init : function(option)
|
||||
{
|
||||
var self = this;
|
||||
var d = document;
|
||||
if (!d.getElementsByTagName) return;
|
||||
if (Browser.isMacIE) return self;
|
||||
var links = d.getElementsByTagName("a");
|
||||
for (var i=0;i<links.length;i++)
|
||||
{
|
||||
var anchor = links[i];
|
||||
var num = self._imgs.length;
|
||||
var rel = String(anchor.getAttribute("rel")).toLowerCase();
|
||||
if (!anchor.getAttribute("href") || !rel.match('lightbox')) continue;
|
||||
// initialize item
|
||||
self._imgs[num] = {
|
||||
src:anchor.getAttribute("href"),
|
||||
w:-1,
|
||||
h:-1,
|
||||
title:'',
|
||||
cls:anchor.className,
|
||||
set:rel
|
||||
};
|
||||
if (anchor.getAttribute("title"))
|
||||
self._imgs[num].title = anchor.getAttribute("title");
|
||||
else if ( anchor.firstChild
|
||||
&& anchor.firstChild.getAttribute
|
||||
&& anchor.firstChild.getAttribute("title"))
|
||||
self._imgs[num].title = anchor.firstChild.getAttribute("title");
|
||||
anchor.onclick = self._genOpener(num); // set closure to onclick event
|
||||
if (rel != 'lightbox')
|
||||
{
|
||||
if (!self._sets[rel]) self._sets[rel] = new Array();
|
||||
self._sets[rel].push(num);
|
||||
}
|
||||
}
|
||||
var body = d.getElementsByTagName("body")[0];
|
||||
self._wrap = self._createWrapOn(body,option.loadingimg);
|
||||
self._box = self._createBoxOn(body,option);
|
||||
self._img = self._box.firstChild;
|
||||
self._zoomimg = d.getElementById('actionImage');
|
||||
return self;
|
||||
},
|
||||
_genOpener : function(num)
|
||||
{
|
||||
var self = this;
|
||||
return function() { self._show(num); return false; }
|
||||
},
|
||||
_createWrapOn : function(obj,imagePath)
|
||||
{
|
||||
var self = this;
|
||||
if (!obj) return null;
|
||||
// create wrapper object, translucent background
|
||||
var wrap = document.createElement('div');
|
||||
obj.appendChild(wrap);
|
||||
wrap.id = 'overlay';
|
||||
wrap.style.display = 'none';
|
||||
wrap.style.position = 'fixed';
|
||||
wrap.style.top = '0px';
|
||||
wrap.style.left = '0px';
|
||||
wrap.style.zIndex = '50';
|
||||
wrap.style.width = '100%';
|
||||
wrap.style.height = '100%';
|
||||
if (Browser.isWinIE) wrap.style.position = 'absolute';
|
||||
Event.register(wrap,"click",function(evt) { self._close(evt); });
|
||||
// create loading image, animated image
|
||||
var imag = new Image;
|
||||
imag.onload = function() {
|
||||
var spin = document.createElement('img');
|
||||
wrap.appendChild(spin);
|
||||
spin.id = 'loadingImage';
|
||||
spin.src = imag.src;
|
||||
spin.style.position = 'relative';
|
||||
self._set_cursor(spin);
|
||||
Event.register(spin,'click',function(evt) { self._close(evt); });
|
||||
imag.onload = function(){};
|
||||
};
|
||||
if (imagePath != '') imag.src = imagePath;
|
||||
return wrap;
|
||||
},
|
||||
_createBoxOn : function(obj,option)
|
||||
{
|
||||
var self = this;
|
||||
if (!obj) return null;
|
||||
// create lightbox object, frame rectangle
|
||||
var box = document.createElement('div');
|
||||
obj.appendChild(box);
|
||||
box.id = 'lightbox';
|
||||
box.style.display = 'none';
|
||||
box.style.position = 'absolute';
|
||||
box.style.zIndex = '60';
|
||||
// create image object to display a target image
|
||||
var img = document.createElement('img');
|
||||
box.appendChild(img);
|
||||
img.id = 'lightboxImage';
|
||||
self._set_cursor(img);
|
||||
Event.register(img,'mouseover',function() { self._show_action(); });
|
||||
Event.register(img,'mouseout',function() { self._hide_action(); });
|
||||
Event.register(img,'click',function(evt) { self._close(evt); });
|
||||
// create hover navi - prev
|
||||
if (option.previmg)
|
||||
{
|
||||
var prevLink = document.createElement('img');
|
||||
box.appendChild(prevLink);
|
||||
prevLink.id = 'prevLink';
|
||||
prevLink.style.display = 'none';
|
||||
prevLink.style.position = 'absolute';
|
||||
prevLink.style.left = '9px';
|
||||
prevLink.style.zIndex = '70';
|
||||
prevLink.src = option.previmg;
|
||||
self._prev = prevLink;
|
||||
Event.register(prevLink,'mouseover',function() { self._show_action(); });
|
||||
Event.register(prevLink,'click',function() { self._show_next(-1); });
|
||||
}
|
||||
// create hover navi - next
|
||||
if (option.nextimg)
|
||||
{
|
||||
var nextLink = document.createElement('img');
|
||||
box.appendChild(nextLink);
|
||||
nextLink.id = 'nextLink';
|
||||
nextLink.style.display = 'none';
|
||||
nextLink.style.position = 'absolute';
|
||||
nextLink.style.right = '9px';
|
||||
nextLink.style.zIndex = '70';
|
||||
nextLink.src = option.nextimg;
|
||||
self._next = nextLink;
|
||||
Event.register(nextLink,'mouseover',function() { self._show_action(); });
|
||||
Event.register(nextLink,'click',function() { self._show_next(+1); });
|
||||
}
|
||||
// create zoom indicator
|
||||
var zoom = document.createElement('img');
|
||||
box.appendChild(zoom);
|
||||
zoom.id = 'actionImage';
|
||||
zoom.style.display = 'none';
|
||||
zoom.style.position = 'absolute';
|
||||
zoom.style.top = '15px';
|
||||
zoom.style.left = '15px';
|
||||
zoom.style.zIndex = '70';
|
||||
self._set_cursor(zoom);
|
||||
zoom.src = self._expand;
|
||||
Event.register(zoom,'mouseover',function() { self._show_action(); });
|
||||
Event.register(zoom,'click', function() { self._zoom(); });
|
||||
Event.register(window,'resize',function() { self._set_size(true); });
|
||||
// create close button
|
||||
if (option.closeimg)
|
||||
{
|
||||
var btn = document.createElement('img');
|
||||
box.appendChild(btn);
|
||||
btn.id = 'closeButton';
|
||||
btn.style.display = 'inline';
|
||||
btn.style.position = 'absolute';
|
||||
btn.style.right = '9px';
|
||||
btn.style.top = '10px';
|
||||
btn.style.zIndex = '80';
|
||||
btn.src = option.closeimg;
|
||||
self._set_cursor(btn);
|
||||
Event.register(btn,'click',function(evt) { self._close(evt); });
|
||||
}
|
||||
// caption text
|
||||
var caption = document.createElement('span');
|
||||
box.appendChild(caption);
|
||||
caption.id = 'lightboxCaption';
|
||||
caption.style.display = 'none';
|
||||
caption.style.position = 'absolute';
|
||||
caption.style.zIndex = '80';
|
||||
// create effect image
|
||||
if (!option.effectpos)
|
||||
option.effectpos = {x:0,y:0};
|
||||
else
|
||||
{
|
||||
if (option.effectpos.x == '') option.effectpos.x = 0;
|
||||
if (option.effectpos.y == '') option.effectpos.y = 0;
|
||||
}
|
||||
var effect = new Image;
|
||||
effect.onload = function()
|
||||
{
|
||||
var effectImg = document.createElement('img');
|
||||
box.appendChild(effectImg);
|
||||
effectImg.id = 'effectImage';
|
||||
effectImg.src = effect.src;
|
||||
if (option.effectclass) effectImg.className = option.effectclass;
|
||||
effectImg.style.position = 'absolute';
|
||||
effectImg.style.display = 'none';
|
||||
effectImg.style.left = [option.effectpos.x,'px'].join('');;
|
||||
effectImg.style.top = [option.effectpos.y,'px'].join('');
|
||||
effectImg.style.zIndex = '90';
|
||||
self._set_cursor(effectImg);
|
||||
Event.register(effectImg,'click',function() { effectImg.style.display = 'none'; });
|
||||
};
|
||||
if (option.effectimg != '') effect.src = option.effectimg;
|
||||
if (self._resizable)
|
||||
{
|
||||
var overall = document.createElement('div');
|
||||
obj.appendChild(overall);
|
||||
overall.id = 'lightboxOverallView';
|
||||
overall.style.display = 'none';
|
||||
overall.style.position = 'absolute';
|
||||
overall.style.zIndex = '70';
|
||||
self._overall = overall;
|
||||
var indicator = document.createElement('div');
|
||||
obj.appendChild(indicator);
|
||||
indicator.id = 'lightboxIndicator';
|
||||
indicator.style.display = 'none';
|
||||
indicator.style.position = 'absolute';
|
||||
indicator.style.zIndex = '80';
|
||||
self._indicator = indicator;
|
||||
}
|
||||
return box;
|
||||
},
|
||||
_set_photo_size : function()
|
||||
{
|
||||
var self = this;
|
||||
if (self._open == -1) return;
|
||||
var targ = { w:self._page.win.w - 30, h:self._page.win.h - 30 };
|
||||
var zoom = { x:15, y:15 };
|
||||
var navi = { p:9, n:9, y:0 };
|
||||
if (!self._expanded)
|
||||
{ // shrink image with the same aspect
|
||||
var orig = { w:self._imgs[self._open].w, h:self._imgs[self._open].h };
|
||||
var ratio = 1.0;
|
||||
if ((orig.w >= targ.w || orig.h >= targ.h) && orig.h && orig.w)
|
||||
ratio = ((targ.w / orig.w) < (targ.h / orig.h)) ? targ.w / orig.w : targ.h / orig.h;
|
||||
self._img.width = Math.floor(orig.w * ratio);
|
||||
self._img.height = Math.floor(orig.h * ratio);
|
||||
self._expandable = (ratio < 1.0) ? true : false;
|
||||
if (self._resizable) self._expandable = true;
|
||||
if (Browser.isWinIE) self._box.style.display = "block";
|
||||
self._imgpos.x = self._pos.x + (targ.w - self._img.width) / 2;
|
||||
self._imgpos.y = self._pos.y + (targ.h - self._img.height) / 2;
|
||||
navi.y = Math.floor(self._img.height / 2) - 10;
|
||||
self._show_caption(true);
|
||||
self._show_overall(false);
|
||||
}
|
||||
else
|
||||
{ // zoomed or actual sized image
|
||||
var width = parseInt(self._imgs[self._open].w * self._level);
|
||||
var height = parseInt(self._imgs[self._open].h * self._level);
|
||||
self._minpos.x = self._pos.x + targ.w - width;
|
||||
self._minpos.y = self._pos.y + targ.h - height;
|
||||
if (width <= targ.w)
|
||||
self._imgpos.x = self._pos.x + (targ.w - width) / 2;
|
||||
else
|
||||
{
|
||||
if (self._imgpos.x > self._pos.x) self._imgpos.x = self._pos.x;
|
||||
else if (self._imgpos.x < self._minpos.x) self._imgpos.x = self._minpos.x;
|
||||
zoom.x = 15 + self._pos.x - self._imgpos.x;
|
||||
navi.p = self._pos.x - self._imgpos.x - 5;
|
||||
navi.n = width - self._page.win.w + self._imgpos.x + 25;
|
||||
if (Browser.isWinIE) navi.n -= 10;
|
||||
}
|
||||
if (height <= targ.h)
|
||||
{
|
||||
self._imgpos.y = self._pos.y + (targ.h - height) / 2;
|
||||
navi.y = Math.floor(self._img.height / 2) - 10;
|
||||
}
|
||||
else
|
||||
{
|
||||
if (self._imgpos.y > self._pos.y) self._imgpos.y = self._pos.y;
|
||||
else if (self._imgpos.y < self._minpos.y) self._imgpos.y = self._minpos.y;
|
||||
zoom.y = 15 + self._pos.y - self._imgpos.y;
|
||||
navi.y = Math.floor(targ.h / 2) - 10 + self._pos.y - self._imgpos.y;
|
||||
}
|
||||
self._img.width = width;
|
||||
self._img.height = height;
|
||||
self._show_caption(false);
|
||||
self._show_overall(true);
|
||||
}
|
||||
self._box.style.left = [self._imgpos.x,'px'].join('');
|
||||
self._box.style.top = [self._imgpos.y,'px'].join('');
|
||||
self._zoomimg.style.left = [zoom.x,'px'].join('');
|
||||
self._zoomimg.style.top = [zoom.y,'px'].join('');
|
||||
self._wrap.style.left = self._pos.x;
|
||||
if (self._prev && self._next)
|
||||
{
|
||||
self._prev.style.left = [navi.p,'px'].join('');
|
||||
self._next.style.right = [navi.n,'px'].join('');
|
||||
self._prev.style.top = self._next.style.top = [navi.y,'px'].join('');
|
||||
}
|
||||
},
|
||||
_show_overall : function(visible)
|
||||
{
|
||||
var self = this;
|
||||
if (self._overall == null) return;
|
||||
if (visible)
|
||||
{
|
||||
if (self._open == -1) return;
|
||||
var base = 100;
|
||||
var outer = { w:0, h:0, x:0, y:0 };
|
||||
var inner = { w:0, h:0, x:0, y:0 };
|
||||
var orig = { w:self._img.width , h:self._img.height };
|
||||
var targ = { w:self._page.win.w - 30, h:self._page.win.h - 30 };
|
||||
var max = orig.w;
|
||||
if (max < orig.h) max = orig.h;
|
||||
if (max < targ.w) max = targ.w;
|
||||
if (max < targ.h) max = targ.h;
|
||||
if (max < 1) return;
|
||||
outer.w = parseInt(orig.w / max * base);
|
||||
outer.h = parseInt(orig.h / max * base);
|
||||
inner.w = parseInt(targ.w / max * base);
|
||||
inner.h = parseInt(targ.h / max * base);
|
||||
outer.x = self._pos.x + targ.w - base - 20;
|
||||
outer.y = self._pos.y + targ.h - base - 20;
|
||||
inner.x = outer.x - parseInt((self._imgpos.x - self._pos.x) / max * base);
|
||||
inner.y = outer.y - parseInt((self._imgpos.y - self._pos.y) / max * base);
|
||||
self._overall.style.left = [outer.x,'px'].join('');
|
||||
self._overall.style.top = [outer.y,'px'].join('');
|
||||
self._overall.style.width = [outer.w,'px'].join('');
|
||||
self._overall.style.height = [outer.h,'px'].join('');
|
||||
self._indicator.style.left = [inner.x,'px'].join('');
|
||||
self._indicator.style.top = [inner.y,'px'].join('');
|
||||
self._indicator.style.width = [inner.w,'px'].join('');
|
||||
self._indicator.style.height = [inner.h,'px'].join('');
|
||||
self._overall.style.display = 'block'
|
||||
self._indicator.style.display = 'block';
|
||||
}
|
||||
else
|
||||
{
|
||||
self._overall.style.display = 'none';
|
||||
self._indicator.style.display = 'none';
|
||||
}
|
||||
},
|
||||
_set_size : function(onResize)
|
||||
{
|
||||
var self = this;
|
||||
if (self._open == -1) return;
|
||||
self._page.update();
|
||||
self._pos.update();
|
||||
var spin = self._wrap.firstChild;
|
||||
if (spin)
|
||||
{
|
||||
var top = (self._page.win.h - spin.height) / 2;
|
||||
if (self._wrap.style.position == 'absolute') top += self._pos.y;
|
||||
spin.style.top = [top,'px'].join('');
|
||||
spin.style.left = [(self._page.win.w - spin.width - 30) / 2,'px'].join('');
|
||||
}
|
||||
if (Browser.isWinIE)
|
||||
{
|
||||
self._wrap.style.width = [self._page.win.w,'px'].join('');
|
||||
self._wrap.style.height = [self._page.win.h,'px'].join('');
|
||||
self._wrap.style.top = [self._pos.y,'px'].join('');
|
||||
}
|
||||
if (onResize) self._set_photo_size();
|
||||
},
|
||||
_set_cursor : function(obj)
|
||||
{
|
||||
var self = this;
|
||||
if (Browser.isWinIE && !Browser.isNewIE) return;
|
||||
obj.style.cursor = 'pointer';
|
||||
},
|
||||
_current_setindex : function()
|
||||
{
|
||||
var self = this;
|
||||
if (!self._openedset) return -1;
|
||||
var list = self._sets[self._openedset];
|
||||
for (var i=0,n=list.length;i<n;i++)
|
||||
{
|
||||
if (list[i] == self._open) return i;
|
||||
}
|
||||
return -1;
|
||||
},
|
||||
_get_setlength : function()
|
||||
{
|
||||
var self = this;
|
||||
if (!self._openedset) return -1;
|
||||
return self._sets[self._openedset].length;
|
||||
},
|
||||
_show_action : function()
|
||||
{
|
||||
var self = this;
|
||||
if (self._open == -1 || !self._expandable) return;
|
||||
if (!self._zoomimg) return;
|
||||
self._zoomimg.src = (self._expanded) ? self._shrink : self._expand;
|
||||
self._zoomimg.style.display = 'inline';
|
||||
var check = self._current_setindex();
|
||||
if (check > -1)
|
||||
{
|
||||
if (check > 0) self._prev.style.display = 'inline';
|
||||
if (check < self._get_setlength() - 1) self._next.style.display = 'inline';
|
||||
}
|
||||
},
|
||||
_hide_action : function()
|
||||
{
|
||||
var self = this;
|
||||
if (self._zoomimg) self._zoomimg.style.display = 'none';
|
||||
if (self._open > -1 && self._expanded) self._dragstop(null);
|
||||
if (self._prev) self._prev.style.display = 'none';
|
||||
if (self._next) self._next.style.display = 'none';
|
||||
},
|
||||
_zoom : function()
|
||||
{
|
||||
var self = this;
|
||||
var closeBtn = document.getElementById('closeButton');
|
||||
if (self._expanded)
|
||||
{
|
||||
self._reset_func();
|
||||
self._expanded = false;
|
||||
if (closeBtn) closeBtn.style.display = 'inline';
|
||||
}
|
||||
else if (self._open > -1)
|
||||
{
|
||||
self._level = 1;
|
||||
self._imgpos.x = self._pos.x;
|
||||
self._imgpos.y = self._pos.y;
|
||||
self._expanded = true;
|
||||
self._funcs.drag = function(evt) { self._dragstart(evt) };
|
||||
self._funcs.dbl = function(evt) { self._close(null) };
|
||||
if (self._resizable)
|
||||
{
|
||||
self._funcs.wheel = function(evt) { self._onwheel(evt) };
|
||||
Event.register(self._box,'mousewheel',self._funcs.wheel);
|
||||
}
|
||||
Event.register(self._img,'mousedown',self._funcs.drag);
|
||||
Event.register(self._img,'dblclick',self._funcs.dbl);
|
||||
if (closeBtn) closeBtn.style.display = 'none';
|
||||
}
|
||||
self._set_photo_size();
|
||||
self._show_action();
|
||||
},
|
||||
_reset_func : function()
|
||||
{
|
||||
var self = this;
|
||||
if (self._funcs.wheel != null) Event.deregister(self._box,'mousewheel',self._funcs.wheel);
|
||||
if (self._funcs.move != null) Event.deregister(self._img,'mousemove',self._funcs.move);
|
||||
if (self._funcs.up != null) Event.deregister(self._img,'mouseup',self._funcs.up);
|
||||
if (self._funcs.drag != null) Event.deregister(self._img,'mousedown',self._funcs.drag);
|
||||
if (self._funcs.dbl != null) Event.deregister(self._img,'dblclick',self._funcs.dbl);
|
||||
self._funcs = {'move':null,'up':null,'drag':null,'wheel':null,'dbl':null};
|
||||
},
|
||||
_onwheel : function(evt)
|
||||
{
|
||||
var self = this;
|
||||
var delta = 0;
|
||||
evt = Event.getEvent(evt);
|
||||
if (evt.wheelDelta) delta = event.wheelDelta/-120;
|
||||
else if (evt.detail) delta = evt.detail/3;
|
||||
if (Browser.isOpera) delta = - delta;
|
||||
var step =
|
||||
(self._level < 1) ? 0.1
|
||||
: (self._level < 2) ? 0.25
|
||||
: (self._level < 4) ? 0.5
|
||||
: 1;
|
||||
self._level = (delta > 0) ? self._level + step : self._level - step;
|
||||
if (self._level > 8) self._level = 8;
|
||||
else if (self._level < 0.5) self._level = 0.5;
|
||||
self._set_photo_size();
|
||||
return Event.stop(evt);
|
||||
},
|
||||
_dragstart : function(evt)
|
||||
{
|
||||
var self = this;
|
||||
evt = Event.getEvent(evt);
|
||||
self._curpos.x = evt.screenX;
|
||||
self._curpos.y = evt.screenY;
|
||||
self._funcs.move = function(evnt) { self._dragging(evnt); };
|
||||
self._funcs.up = function(evnt) { self._dragstop(evnt); };
|
||||
Event.register(self._img,'mousemove',self._funcs.move);
|
||||
Event.register(self._img,'mouseup',self._funcs.up);
|
||||
return Event.stop(evt);
|
||||
},
|
||||
_dragging : function(evt)
|
||||
{
|
||||
var self = this;
|
||||
evt = Event.getEvent(evt);
|
||||
self._imgpos.x += evt.screenX - self._curpos.x;
|
||||
self._imgpos.y += evt.screenY - self._curpos.y;
|
||||
self._curpos.x = evt.screenX;
|
||||
self._curpos.y = evt.screenY;
|
||||
self._set_photo_size();
|
||||
return Event.stop(evt);
|
||||
},
|
||||
_dragstop : function(evt)
|
||||
{
|
||||
var self = this;
|
||||
evt = Event.getEvent(evt);
|
||||
if (self._funcs.move != null) Event.deregister(self._img,'mousemove',self._funcs.move);
|
||||
if (self._funcs.up != null) Event.deregister(self._img,'mouseup',self._funcs.up);
|
||||
self._funcs.move = null;
|
||||
self._funcs.up = null;
|
||||
self._set_photo_size();
|
||||
return (evt) ? Event.stop(evt) : false;
|
||||
},
|
||||
_show_caption : function(enable)
|
||||
{
|
||||
var self = this;
|
||||
var caption = document.getElementById('lightboxCaption');
|
||||
if (!caption) return;
|
||||
if (caption.innerHTML.length == 0 || !enable)
|
||||
{
|
||||
caption.style.display = 'none';
|
||||
}
|
||||
else
|
||||
{ // now display caption
|
||||
caption.style.top = [self._img.height + 10,'px'].join(''); // 10 is top margin of lightbox
|
||||
caption.style.left = '0px';
|
||||
caption.style.width = [self._img.width + 20,'px'].join(''); // 20 is total side margin of lightbox
|
||||
caption.style.display = 'block';
|
||||
}
|
||||
},
|
||||
_toggle_wrap : function(flag)
|
||||
{
|
||||
var self = this;
|
||||
self._wrap.style.display = flag ? "block" : "none";
|
||||
if (self._hiding.length == 0 && !self._first)
|
||||
{ // some objects may overlap on overlay, so we hide them temporarily.
|
||||
var tags = ['select','embed','object'];
|
||||
for (var i=0,n=tags.length;i<n;i++)
|
||||
{
|
||||
var elem = document.getElementsByTagName(tags[i]);
|
||||
for (var j=0,m=elem.length;j<m;j++)
|
||||
{ // check the original value at first. when alredy hidden, dont touch them
|
||||
var check = elem[j].style.visibility;
|
||||
if (!check)
|
||||
{
|
||||
if (elem[j].currentStyle)
|
||||
check = elem[j].currentStyle['visibility'];
|
||||
else if (document.defaultView)
|
||||
check = document.defaultView.getComputedStyle(elem[j],'').getPropertyValue('visibility');
|
||||
}
|
||||
if (check == 'hidden') continue;
|
||||
self._hiding.push(elem[j]);
|
||||
}
|
||||
}
|
||||
self._first = true;
|
||||
}
|
||||
for (var i=0,n=self._hiding.length;i<n;i++)
|
||||
self._hiding[i].style.visibility = flag ? "hidden" : "visible";
|
||||
},
|
||||
_show : function(num)
|
||||
{
|
||||
var self = this;
|
||||
var imag = new Image;
|
||||
if (num < 0 || num >= self._imgs.length) return;
|
||||
var loading = document.getElementById('loadingImage');
|
||||
var caption = document.getElementById('lightboxCaption');
|
||||
var effect = document.getElementById('effectImage');
|
||||
self._open = num; // set opened image number
|
||||
self._set_size(false); // calc and set wrapper size
|
||||
self._toggle_wrap(true);
|
||||
if (loading) loading.style.display = 'inline';
|
||||
imag.onload = function() {
|
||||
if (self._imgs[self._open].w == -1)
|
||||
{ // store original image width and height
|
||||
self._imgs[self._open].w = imag.width;
|
||||
self._imgs[self._open].h = imag.height;
|
||||
}
|
||||
if (effect)
|
||||
{
|
||||
effect.style.display = (!effect.className || self._imgs[self._open].cls == effect.className)
|
||||
? 'block' : 'none';
|
||||
}
|
||||
if (caption)
|
||||
try { caption.innerHTML = self._imgs[self._open].title; } catch(e) {}
|
||||
self._set_photo_size(); // calc and set lightbox size
|
||||
self._hide_action();
|
||||
self._box.style.display = "block";
|
||||
self._img.src = imag.src;
|
||||
self._img.setAttribute('title',self._imgs[self._open].title);
|
||||
self._timer = window.setInterval( function() { self._set_size(true) } , 100);
|
||||
if (loading) loading.style.display = 'none';
|
||||
if (self._imgs[self._open].set != 'lightbox')
|
||||
{
|
||||
var set = self._imgs[self._open].set;
|
||||
if (self._sets[set].length > 1) self._openedset = set;
|
||||
if (!self._prev || !self._next) self._openedset = null;
|
||||
}
|
||||
};
|
||||
self._expandable = false;
|
||||
self._expanded = false;
|
||||
imag.src = self._imgs[self._open].src;
|
||||
},
|
||||
_close_box : function()
|
||||
{
|
||||
var self = this;
|
||||
self._open = -1;
|
||||
self._openedset = null;
|
||||
self._hide_action();
|
||||
self._hide_action();
|
||||
self._reset_func();
|
||||
self._show_overall(false);
|
||||
self._box.style.display = "none";
|
||||
if (self._timer != null)
|
||||
{
|
||||
window.clearInterval(self._timer);
|
||||
self._timer = null;
|
||||
}
|
||||
},
|
||||
_show_next : function(direction)
|
||||
{
|
||||
var self = this;
|
||||
if (!self._openedset) return self._close(null);
|
||||
var index = self._current_setindex() + direction;
|
||||
var targ = self._sets[self._openedset][index];
|
||||
self._close_box();
|
||||
self._show(targ);
|
||||
},
|
||||
_close : function(evt)
|
||||
{
|
||||
var self = this;
|
||||
if (evt != null)
|
||||
{
|
||||
evt = Event.getEvent(evt);
|
||||
var targ = evt.target || evt.srcElement;
|
||||
if (targ && targ.getAttribute('id') == 'lightboxImage' && self._expanded) return;
|
||||
}
|
||||
self._close_box();
|
||||
self._toggle_wrap(false);
|
||||
}
|
||||
};
|
||||
Event.register(window,"load",function() {
|
||||
var lightbox = new LightBox({
|
||||
loadingimg:'default_photo/img/lt_loading.gif',
|
||||
expandimg:'default_photo/img/lt_expand.gif',
|
||||
shrinkimg:'default_photo/img/lt_shrink.gif',
|
||||
previmg:'default_photo/img/lt_prev.gif',
|
||||
nextimg:'default_photo/img/lt_next.gif',
|
||||
effectimg:'default_photo/img/lt_zzoop.gif',
|
||||
effectpos:{x:-40,y:-20},
|
||||
effectclass:'effectable',
|
||||
closeimg:'default_photo/img/lt_close.gif',
|
||||
resizable:true
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,185 @@
|
||||
// Lightbox 에서 사용하는 js
|
||||
// spica javascript libraries - spica.js -- version 0.05
|
||||
// == written by Takuya Otani <takuya.otani@gmail.com> ===
|
||||
// == Copyright (C) 2006 SimpleBoxes/SerendipityNZ Ltd. ==
|
||||
|
||||
// === array ===
|
||||
if (!Array.prototype.pop)
|
||||
{
|
||||
Array.prototype.pop = function()
|
||||
{
|
||||
if (!this.length) return null;
|
||||
var last = this[this.length - 1];
|
||||
--this.length;
|
||||
return last;
|
||||
}
|
||||
}
|
||||
if (!Array.prototype.push)
|
||||
{
|
||||
Array.prototype.push = function()
|
||||
{
|
||||
for (var i=0,n=arguments.length;i<n;i++)
|
||||
this[this.length] = arguments[i];
|
||||
return this.length;
|
||||
}
|
||||
}
|
||||
if (!Array.prototype.indexOf)
|
||||
{
|
||||
Array.prototype.indexOf = function(value,idx)
|
||||
{
|
||||
if (typeof(idx) != 'number') idx = 0;
|
||||
else if (idx < 0) idx = this.length + idx;
|
||||
for (var i=idx,n=this.length;i<n;i++)
|
||||
if (this[i] === value) return i;
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
// === browser ===
|
||||
function Browser()
|
||||
{
|
||||
this.name = navigator.userAgent;
|
||||
this.isWinIE = this.isMacIE = false;
|
||||
this.isGecko = this.name.match(/Gecko\//);
|
||||
this.isSafari = this.name.match(/AppleWebKit/);
|
||||
this.isKHTML = this.isSafari || navigator.appVersion.match(/Konqueror|KHTML/);
|
||||
this.isOpera = window.opera;
|
||||
if (document.all && !this.isGecko && !this.isSafari && !this.isOpera)
|
||||
{
|
||||
this.isWinIE = this.name.match(/Win/);
|
||||
this.isMacIE = this.name.match(/Mac/);
|
||||
}
|
||||
}
|
||||
var Browser = new Browser();
|
||||
// === event ===
|
||||
if (!window.Event) var Event = new Object;
|
||||
Event = {
|
||||
cache : false,
|
||||
getEvent : function(evnt)
|
||||
{
|
||||
return (evnt) ? evnt : ((window.event) ? window.event : null);
|
||||
},
|
||||
getKey : function(evnt)
|
||||
{
|
||||
evnt = this.getEvent(evnt);
|
||||
return (evnt.which) ? evnt.which : evnt.keyCode;
|
||||
},
|
||||
stop : function(evnt)
|
||||
{
|
||||
try{ evnt.stopPropagation() } catch(err){};
|
||||
evnt.cancelBubble = true;
|
||||
try{ evnt.preventDefault() } catch(err){};
|
||||
return (evnt.returnValue = false);
|
||||
},
|
||||
register : function(object, type, handler)
|
||||
{
|
||||
if (type == 'keypress' && (Browser.isKHTML || object.attachEvent)) type = 'keydown';
|
||||
if (type == 'mousewheel' && Browser.isGecko) type = 'DOMMouseScroll';
|
||||
if (!this.cache) this.cache = [];
|
||||
if (object.addEventListener)
|
||||
{
|
||||
this.cache.push([object,type,handler]);
|
||||
object.addEventListener(type, handler, false);
|
||||
}
|
||||
else if (object.attachEvent)
|
||||
{
|
||||
this.cache.push([object,type,handler]);
|
||||
object.attachEvent(['on',type].join(''),handler);
|
||||
}
|
||||
else
|
||||
{
|
||||
object[['on',type].join('')] = handler;
|
||||
}
|
||||
},
|
||||
deregister : function(object, type, handler)
|
||||
{
|
||||
if (type == 'keypress' && (Browser.isKHTML || object.attachEvent)) type = 'keydown';
|
||||
if (type == 'mousewheel' && Browser.isGecko) type = 'DOMMouseScroll';
|
||||
if (object.removeEventListener)
|
||||
object.removeEventListener(type, handler, false);
|
||||
else if (object.detachEvent)
|
||||
object.detachEvent(['on',type].join(''), handler);
|
||||
else
|
||||
object[['on',type].join('')] = null;
|
||||
},
|
||||
deregisterAll : function()
|
||||
{
|
||||
if (!Event.cache) return
|
||||
for (var i=0,n=Event.cache.length;i<n;i++)
|
||||
{
|
||||
Event.deregister(Event.cache[i]);
|
||||
Event.cache[i][0] = null;
|
||||
}
|
||||
Event.cache = false;
|
||||
}
|
||||
};
|
||||
Event.register(window, 'unload', Event.deregisterAll);
|
||||
// === dom ===
|
||||
document.getElemetsByClassName = function(name,target)
|
||||
{
|
||||
var result = [];
|
||||
var object = null;
|
||||
var search = new RegExp(['(^|\\s)',name,'(\\s|$)'].join(''));
|
||||
if (target && target.getElementsByTagName)
|
||||
object = target.getElementsByTagName('*');
|
||||
if (!object)
|
||||
object = document.getElementsByTagName ? document.getElementsByTagName('*') : document.all;
|
||||
for (var i=0,n=object.length;i<n;i++)
|
||||
{
|
||||
var check = object[i].getAttribute('class') || object[i].className;
|
||||
if (check.match(search)) result.push(object[i]);
|
||||
}
|
||||
return result;
|
||||
}
|
||||
// === library ===
|
||||
function Library()
|
||||
{
|
||||
this._path = '';
|
||||
this._cache = [];
|
||||
this.lang = '';
|
||||
this.base = '';
|
||||
return this._init();
|
||||
}
|
||||
Library.prototype = {
|
||||
_init : function()
|
||||
{
|
||||
var rs_path = document.getElementsByName('X-Resource-Dir')[0];
|
||||
var js_path = document.getElementsByName('X-Script-Dir')[0];
|
||||
if (rs_path)
|
||||
{
|
||||
this.base = this._check_path(rs_path.getAttribute('content'));
|
||||
if (!js_path) this._path = [this.base,'js/'].join('');
|
||||
}
|
||||
if (js_path)
|
||||
this._path = this._check_path(js_path.getAttribute('content'));
|
||||
return this;
|
||||
},
|
||||
_initLang : function()
|
||||
{
|
||||
var html = document.getElementsByTagName('html')[0];
|
||||
if (!html) return;
|
||||
this.lang = html.getAttribute('xml:lang') || html.getAttribute('lang');
|
||||
},
|
||||
_check_path : function(path)
|
||||
{
|
||||
if (!path) return '';
|
||||
if (!path.match(/\/$/)) path = [path,'/'].join('');
|
||||
return path;
|
||||
},
|
||||
require : function(libs)
|
||||
{
|
||||
var pre = '\n<script type="text/javascript" src="';
|
||||
var post = '.js"></script>';
|
||||
for (var i=0,n=libs.length;i<n;i++)
|
||||
{
|
||||
if (this._cache.indexOf(libs[i]) > -1) continue;
|
||||
document.write([pre,this._path,libs[i],post].join(''));
|
||||
this._cache.push(libs[i]);
|
||||
}
|
||||
},
|
||||
path : function(path)
|
||||
{
|
||||
this._path = this._check_path(path);
|
||||
}
|
||||
}
|
||||
var Library = new Library();
|
||||
Event.register(window,'load',function() { Library._initLang() });
|
||||
@@ -0,0 +1,379 @@
|
||||
<%
|
||||
'//****************파라미터정보***************************
|
||||
If a_ad_cms = "Y" then
|
||||
a_ad_cms_url = "ad_cms.asp?a_num=" & a_num & "&" & page_info
|
||||
Else
|
||||
a_ad_cms_url = "#"
|
||||
End if
|
||||
'//*******************************************************
|
||||
|
||||
'//****************페이징정보*****************************
|
||||
v_pagesize = a_displaysu '//리스트 화면에 보여줄 갯수
|
||||
v_block = 10 '//페이징 갯수
|
||||
length = 30 '//내용 길이
|
||||
'//*******************************************************
|
||||
|
||||
'//****************테이블 기본 환경설정*******************
|
||||
is_tablename = a_tablename '//테이블명
|
||||
|
||||
R_Fields = "b_num, b_type, b_id, b_name, b_pwd, b_subject, b_email, b_jumin, b_phone1, b_phone2, b_phone3, b_cate, b_catename, b_noticechk, b_content, b_ip, b_count, b_look, b_open, b_ref, b_step, b_level, b_regdate, b_chuchun, b_sbjclr, b_sdate, b_edate, b_temp1, b_temp2, b_temp3, b_temp4, b_file1, b_file2, b_file3, b_file4, b_file5,b_c_count" '//레코드필드
|
||||
|
||||
pk_Field = "b_num"
|
||||
|
||||
opt_where_str = "" '; //기본조건이 있을때 사용..없으면 '' 처리
|
||||
|
||||
'//$orderby_str = " ORDER BY "&pk_Field&" DESC "; //정렬
|
||||
orderby_str = " ORDER BY b_ref desc, b_step asc " '//정렬
|
||||
'//*******************************************************
|
||||
|
||||
|
||||
'//****************옵션 부분******************************
|
||||
if trim(v_keyword) <> "" and v_search <> "" then '//검색어가 있다면
|
||||
search_str = " AND " & v_search & " like '%" & replace(v_keyword,"'","''") & "%'"
|
||||
End if
|
||||
|
||||
If is_ad_cms <> "Y" then '//관리자가아닐때 실행할것들...
|
||||
|
||||
if a_member = "Y" then '//회원제 사용일때
|
||||
search_str2 = " AND b_id = '" & SESSION("ss_m_id") & "' "
|
||||
|
||||
if SESSION("ss_m_id") = "" Then
|
||||
Call goMessage_board("로그인 후 사용하세요", "/content/board/manager.asp?a_num="&a_num , "", "", a_num)
|
||||
End if
|
||||
End if
|
||||
search_str5 = " AND b_look = 'Y' "
|
||||
|
||||
End if
|
||||
|
||||
|
||||
'//포토갤러리 일때// 답변글을 가지고 오지 않는다..
|
||||
search_str3 =" and b_type = 'N' "
|
||||
|
||||
|
||||
'//기간설정 사용시..
|
||||
if a_date_list = "Y" then
|
||||
|
||||
If a_sdate <> "" And a_edate = "" then
|
||||
search_str4 = " and left(b_regdate,10) >= '" & a_sdate & "' "
|
||||
ElseIf a_sdate <> "" And a_edate <> "" then
|
||||
search_str4 = " and left(b_regdate,10) >= '" & a_sdate & "' and left(b_regdate,10) <= '" & a_edate & "'"
|
||||
End if
|
||||
End If
|
||||
|
||||
|
||||
'//분류기능 사용시..
|
||||
if a_cate = "Y" and v_cate <> "" then
|
||||
search_str6 = " AND b_cate = " And v_cate
|
||||
End If
|
||||
|
||||
'//*******************************************************
|
||||
|
||||
'//****************전체 레코드 수 뽑기********************
|
||||
SQL_T = "select count(" & pk_Field & ") as " & pk_Field & " from " & is_tablename & " where b_noticechk = '' "
|
||||
SQL_T = SQL_T & search_str & search_str2 & search_str3 & search_str4 & search_str5 & search_str6 '//검색옵션
|
||||
Set row = dbcon.execute( sql_t )
|
||||
|
||||
recordcount = row(pk_Field)
|
||||
v_totalpage = fix( (recordcount-1)/ v_pagesize)+1 '전체덩어리갯수
|
||||
|
||||
|
||||
If v_page = "" then
|
||||
v_page = 1
|
||||
ElseIf v_page < 1 then
|
||||
v_page = 1
|
||||
ElseIf Int(v_page) > v_totalpage then
|
||||
v_page = v_totalpage
|
||||
End if
|
||||
'//*******************************************************
|
||||
|
||||
|
||||
strSQL = "select Top " & v_pagesize & " " & R_Fields & " from " & is_tablename & " where b_noticechk = '' "
|
||||
strSQL = strSQL & search_str & search_str2 & search_str3 & search_str4 & search_str5 & search_str6 '검색옵션
|
||||
|
||||
strSQL = strSQL & " and " & pk_Field & " not in"
|
||||
strSQL = strSQL & "(select top " & ( v_pagesize * (v_page - 1) ) & " " & pk_Field & " from " & is_tablename & " where b_noticechk = '' " & search_str & search_str2 & search_str3 & search_str4 & search_str5 & search_str6
|
||||
strSQL = strSQL & " " & orderby_str & ")" & orderby_str
|
||||
|
||||
'response.write strSQL
|
||||
'response.end
|
||||
Set rs = dbcon.execute( strSQL )
|
||||
If rs.bof Or rs.eof Then
|
||||
list_data = Null
|
||||
vCnt = 0
|
||||
Else
|
||||
list_data = rs.getrows
|
||||
vCnt = UBound(list_data, 2)
|
||||
|
||||
End if
|
||||
Set rs = Nothing
|
||||
|
||||
|
||||
%>
|
||||
<!--#include virtual="/content/board/top.asp"-->
|
||||
|
||||
|
||||
<!-- 리스트 -->
|
||||
<div id="board" style="width:<%=a_width%>;">
|
||||
|
||||
<div class="board_total">
|
||||
<div class="board_total_left">
|
||||
<%If a_ad_cms = "Y" then%>
|
||||
|
||||
<%If SESSION("ss_m_id") = "" then%>
|
||||
<a href="manager.asp?a_num=<%=a_num%>"><img src="/content/board/nninc_simple/img/key.gif" alt="" /></a>
|
||||
<%else%>
|
||||
<a href="logout.asp?a_num=<%=a_num%>"><img src="/content/board/nninc_simple/img/unkey.gif" alt="" /></a>
|
||||
<%End if%>
|
||||
|
||||
|
||||
전체 <strong><%=recordcount%></strong>개 (페이지 <strong class="board_orange"><%=v_page%></strong>/<%=v_totalpage%>)
|
||||
|
||||
<%else%>
|
||||
<img src="/content/board/nninc_simple/img/total_ic.gif" alt="" /> 전체 <strong><%=recordcount%></strong>개 (페이지 <strong class="board_orange"><%=v_page%></strong>/<%=v_totalpage%>)
|
||||
<%End if%>
|
||||
</div>
|
||||
<div class="board_total_right">
|
||||
<!-- #include virtual="/content/board/code.asp"-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<%If is_ad_cms = "Y" then%>
|
||||
<form id= "frm_list" action="" method='post'>
|
||||
<div>
|
||||
<input type="hidden" name="status" />
|
||||
<input type="hidden" name="a_num" value="<%=a_num%>" />
|
||||
|
||||
<input type="hidden" id="chk_all" name="chk_all" /><!-- 전체체크 사용하려구.. -->
|
||||
|
||||
</div>
|
||||
<%End if%>
|
||||
|
||||
<!-- 리스트 테이블 -->
|
||||
<div class="table_blist">
|
||||
<table cellspacing="0" >
|
||||
<caption><%=replace( tit_name, " | ", "")%></caption>
|
||||
<colgroup>
|
||||
<col width="22%" />
|
||||
<col width="4%" />
|
||||
<col width="22%" />
|
||||
<col width="4%" />
|
||||
<col width="22%" />
|
||||
<col width="4%" />
|
||||
<col width="22%" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
|
||||
<%
|
||||
If IsNull( list_data ) Then
|
||||
%>
|
||||
<th class="center" colspan="7">등록된 내용이 없습니다.</th>
|
||||
<%
|
||||
else
|
||||
|
||||
If v_page = 1 then
|
||||
num = recordcount
|
||||
else
|
||||
num = recordcount - ((v_page -1) * v_pagesize)
|
||||
End if
|
||||
|
||||
|
||||
For i = 0 To UBound(list_data, 2)
|
||||
|
||||
|
||||
'//필드갯수만큼 ($Query_Fields).가지고온다..
|
||||
Call arr2Value(R_Fields, "list_data", i)
|
||||
|
||||
|
||||
'//답변표시
|
||||
If b_type = "R" then
|
||||
|
||||
b_type_str = "" '//초기화
|
||||
|
||||
For xx=1 To b_level
|
||||
|
||||
If xx <> 1 Then b_type_str = b_type_str & " "
|
||||
next
|
||||
|
||||
b_type_str = b_type_str & "<img src='/content/board/nninc_simple/img/reply_ic.gif' width='40' height='16' alt='' />"
|
||||
|
||||
Else
|
||||
b_type_str = ""
|
||||
End if
|
||||
|
||||
|
||||
'//공개/비공개
|
||||
If a_type = "Y" Or a_type = "T" then '//사용하면
|
||||
|
||||
If b_open = "N" Or a_type = "T" then '//비공개이면
|
||||
b_open_str = "<img src='/content/board/nninc_simple/img/icon_key.gif' width='17' height='12' alt='비밀글' />"
|
||||
else '//공개이면
|
||||
b_open_str = ""
|
||||
End if
|
||||
|
||||
Else
|
||||
b_open_str = ""
|
||||
End if
|
||||
|
||||
|
||||
'//사용/중지
|
||||
If b_look = "Y" then
|
||||
tr_clr = ""
|
||||
tr_clr2=""
|
||||
ElseIf b_look = "N" then
|
||||
tr_clr = " class=""data_none"""
|
||||
tr_clr2 = " data_none"
|
||||
|
||||
End if
|
||||
|
||||
'//댓글사용시
|
||||
If a_command = "Y" then
|
||||
if b_c_count <> "0" then
|
||||
a_command_str = "(" & b_c_count & ")"
|
||||
Else
|
||||
a_command_str = ""
|
||||
End if
|
||||
Else
|
||||
a_command_str = ""
|
||||
End if
|
||||
|
||||
|
||||
|
||||
If IsNull(b_file1) Or b_file1 = "" then '//없으면..
|
||||
|
||||
tp_dir = a_level & "/img/"
|
||||
b_file1 = "no.gif"
|
||||
|
||||
else '//첨부파일이 있으면..
|
||||
|
||||
b_file1_arry = split( b_file1, "." )
|
||||
fileend = LCase( b_file1_arry( UBound(b_file1_arry) ) )
|
||||
|
||||
If fileend = "gif" or fileend = "jpg" then '//이미지 파일이면..
|
||||
|
||||
'If fileend = "gif" then
|
||||
tp_dir = "/data/board/" & a_tablename & "/"
|
||||
'else
|
||||
' tp_dir = "/data/board/" & a_tablename & "/thum/"
|
||||
'End if
|
||||
|
||||
else '//이미지파일 아닐때..
|
||||
|
||||
tp_dir = a_level & "/img/"
|
||||
b_file1 = "no.gif"
|
||||
End if
|
||||
|
||||
End if
|
||||
|
||||
|
||||
tot_file = tp_dir & b_file1
|
||||
|
||||
b_subject_str = remove_tags( b_subject )
|
||||
b_subject_str = StringToHTML( b_subject_str, 13, false )
|
||||
%>
|
||||
<td<%=tr_clr%>>
|
||||
<a href="view.asp?a_num=<%=a_num%>&b_num=<%=b_num%>&<%=page_info%>"><img src="<%=tot_file%>" class="photo" alt="<%=b_subject%>" width="110" /></a>
|
||||
|
||||
<div class="subject">
|
||||
|
||||
<%If is_ad_cms = "Y" then '//관리권한이 있을때만 보인다%>
|
||||
<input type="checkbox" name="chk" value="<%=b_num%>" title="해당 게시글 선택" />
|
||||
<%End if%>
|
||||
|
||||
<%=b_type_str%>
|
||||
<%If b_type="N" And a_cate = "Y" then response.write "<span class='category_color'>" & b_cate_str(b_cate) & "</span>"%>
|
||||
<a href="view.asp?a_num=<%=a_num%>&b_num=<%=b_num%>&<%=page_info%>"><%=b_subject_str%></a>
|
||||
<span class="reply_count"><%=a_command_str%></span>
|
||||
<%=get_newimg2(left(b_regdate,10), a_new)%>
|
||||
<%=b_open_str%>
|
||||
|
||||
</div>
|
||||
<!-- <span class="name"><?=$b_name?> (조회 <?=$b_count?>)</span> -->
|
||||
</td>
|
||||
|
||||
<%
|
||||
If i > 0 And i Mod 4 = 3 And i<vCnt Then
|
||||
response.write "</tr><tr>"
|
||||
else
|
||||
response.write "<td></td>"
|
||||
End If
|
||||
|
||||
num = num - 1
|
||||
next
|
||||
End if
|
||||
%>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 버튼 -->
|
||||
<div class="board_button">
|
||||
<%If is_ad_cms = "Y" then '//관리권한이 있을때만 보인다%>
|
||||
<div class="fl">
|
||||
<ul>
|
||||
<li class="pt"><div class="board_bt01"><a href="javascript:checkAll();" ><span>전체 선택/해제</span></a></div><div class="board_bt01"><a href="javascript:delete2();" ><span>선택 게시글삭제</span></a></div><div class="board_bt01"><a href="javascript:bmove();" ><span>선택 게시글이동</span></a></div></li>
|
||||
|
||||
<li class="pt7 pl4"><span class="gray">|</span>
|
||||
<select id="tot_level_chk" name="tot_level_chk" title="선택한 데이터 사용여부 선택">
|
||||
<option value="Y" selected="selected">사용</option>
|
||||
<option value="N">중지</option>
|
||||
</select>으로
|
||||
</li>
|
||||
<li class="pt7 pl2"><div class="board_bt01"><a href="javascript:tot_levelchage('<%=page_info%>');" ><span>변경</span></a></div></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<%End if%>
|
||||
<div class="fr">
|
||||
<span class="bt"><a href="list.asp?a_num=<%=a_num%>" ><img src="/content/board/default_photo/img/list_bt.gif" width="62" height="23" alt="목록" /></a></span>
|
||||
<%If is_write = "Y" then%>
|
||||
<span class="bt"><a href="write.asp?a_num=<%=a_num%>" ><img src="/content/board/default_photo/img/write_bt.gif" width="62" height="23" alt="쓰기" /></a></span>
|
||||
<%End if%>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- //버튼 -->
|
||||
|
||||
|
||||
<!-- //리스트 테이블 -->
|
||||
<% If is_ad_cms = "Y" then %>
|
||||
</form>
|
||||
<% End if%>
|
||||
|
||||
|
||||
<!-- 페이징 -->
|
||||
<div class="board_paginate">
|
||||
<%page2("list.asp?a_num="& a_num)%>
|
||||
</div>
|
||||
<!-- //페이징 -->
|
||||
|
||||
<!-- 게시물 검색 -->
|
||||
<div class="board_search">
|
||||
<form id="frm_sch" action="list.asp?a_num=<%=a_num%>" method="post">
|
||||
<fieldset>
|
||||
<legend>게시물 검색</legend>
|
||||
<ul>
|
||||
<li class="board_search_start"></li>
|
||||
<li><img src="/content/board/default_photo/img/search_ic.gif" width="21" height="25" alt="" /></li>
|
||||
<li><select id="p_search" name="p_search" title="검색형태 선택" >
|
||||
<option value="b_subject" <%=chkSelecT(v_search, "b_subject")%>>제목</option>
|
||||
<option value="b_content" <%=chkSelecT(v_search, "b_content")%>>내용</option>
|
||||
</select></li>
|
||||
<li><input type="text" size="25" title="검색어를 입력하세요" id="p_keyword" name="p_keyword" class="board_input" value="<%=v_keyword%>" /></li>
|
||||
<li><input type="image" src="/content/board/default_photo/img/search_bt.gif" id="search_bt" name="search_bt" class="search_bt" alt="검색" /></li>
|
||||
<li class="board_search_end"></li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<!-- //게시물 검색 -->
|
||||
|
||||
</div>
|
||||
<!-- //리스트 -->
|
||||
<!--#include virtual="/content/board/bottom.asp"-->
|
||||
@@ -0,0 +1,290 @@
|
||||
<%
|
||||
|
||||
|
||||
'//파라미터정보 *************************************************************************************
|
||||
b_num = InputValue(request("b_num"))
|
||||
b_type = InputValue(request("b_type"))
|
||||
'//**************************************************************************************************
|
||||
|
||||
|
||||
'//조회수 추가
|
||||
sql = "update " & a_tablename & " set b_count = b_count + 1 Where b_num = " & b_num
|
||||
dbcon.execute sql
|
||||
|
||||
|
||||
'//레코드필드
|
||||
R_Fields = "b_num, b_type, b_id, b_name, b_pwd, b_subject, b_email, b_jumin, b_phone1, b_phone2, b_phone3, b_cate, b_catename, b_noticechk, b_content, b_ip, b_count, b_look, b_open, b_ref, b_step, b_level, b_regdate, b_chuchun, b_sbjclr, b_sdate, b_edate, b_temp1, b_temp2, b_temp3, b_temp4, b_keyword, b_c_count"
|
||||
' 첨부파일
|
||||
If Not IsNumeric(a_upload_len) Then a_upload_len = 5
|
||||
For u=1 To a_upload_len
|
||||
R_Fields = R_Fields & ", b_file"&u '' b_file1, b_file2, b_file3, ‥‥
|
||||
Next
|
||||
R_tablename_str = a_tablename
|
||||
R_WHERE_str = " WHERE b_num=" & b_num
|
||||
|
||||
Call SelectQuery (R_Fields, R_tablename_str, R_WHERE_str)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
If is_ad_cms <> "Y" then '//관리자가아닐때 체크
|
||||
|
||||
'//공개/비공개 체크*************************************************************************************
|
||||
if a_type = "Y" Or a_type = "T" then '//공개여부 사용일때
|
||||
|
||||
If b_open = "N" Or a_type = "T" then '//비공개일때
|
||||
|
||||
If SESSION("pwd_chk_" & a_num & "_" & b_num) <> "ok" then
|
||||
Call locationhref( "pwd.asp?prepage=vie&a_num=" & a_num & "&b_num=" & b_num & "&" & page_info)
|
||||
End if
|
||||
|
||||
End if
|
||||
|
||||
End if
|
||||
'//**************************************************************************************************
|
||||
|
||||
End if
|
||||
|
||||
If a_edit = "N" then '//에디터 사용하지 않을때...
|
||||
|
||||
b_content = getTextmode(b_content)
|
||||
|
||||
End if
|
||||
|
||||
|
||||
'//이전글 ------------------------------------------------------------------------------------------------
|
||||
sql_p_opt1 = " WHERE b_look = 'Y' AND b_num <> " & b_num & " AND b_ref <= " & b_ref & " AND b_step >=" & b_step
|
||||
sql_p_orderby = " ORDER BY b_ref DESC, b_step ASC"
|
||||
|
||||
|
||||
'//답변글 사용하지 않을때..적용
|
||||
If a_reply = "N" then sql_p_opt2 = " AND b_type='N'"
|
||||
|
||||
sql_p = "SELECT top 1 b_num, b_subject FROM " & a_tablename
|
||||
sql_p = sql_p & sql_p_opt1 & sql_p_opt2 & sql_p_orderby
|
||||
Set rs_prev = dbcon.execute( sql_p )
|
||||
|
||||
If rs_prev.bof Or rs_prev.eof then
|
||||
prev_b_num = ""
|
||||
else
|
||||
prev_b_num = rs_prev("b_num")
|
||||
prev_b_subject = rs_prev("b_subject")
|
||||
End If
|
||||
Set rs_prev = nothing
|
||||
|
||||
'//이전글끝 ------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
|
||||
'//다음글 ------------------------------------------------------------------------------------------------
|
||||
sql_p_opt1 = " WHERE b_look = 'Y' AND b_num <> " & b_num & " AND b_ref >= " & b_ref & " AND b_step <=" & b_step
|
||||
sql_p_orderby = " ORDER BY b_ref ASC, b_step DESC"
|
||||
|
||||
|
||||
'//답변글 사용하지 않을때..적용
|
||||
If a_reply = "N" then sql_p_opt2 = " AND b_type='N'"
|
||||
|
||||
sql_p = "SELECT top 1 b_num, b_subject FROM " & a_tablename
|
||||
sql_p = sql_p & sql_p_opt1 & sql_p_opt2 & sql_p_orderby
|
||||
Set rs_next = dbcon.execute( sql_p )
|
||||
|
||||
If rs_next.bof Or rs_next.eof then
|
||||
next_b_num = ""
|
||||
else
|
||||
next_b_num = rs_next("b_num")
|
||||
next_b_subject = rs_next("b_subject")
|
||||
End If
|
||||
|
||||
Set rs_next = nothing
|
||||
|
||||
'//다음글끝 ------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
|
||||
|
||||
%>
|
||||
<!--#include virtual="/content/board/top.asp"-->
|
||||
|
||||
<!-- 보기 -->
|
||||
<div id="board" style="width:<%=a_width%>;">
|
||||
<!-- 보기 테이블 -->
|
||||
<div class="table_bview">
|
||||
|
||||
<table cellspacing="0" >
|
||||
<caption><%=replace( tit_name, " | ", "")%></caption>
|
||||
<colgroup>
|
||||
<col width="6" />
|
||||
<col width="" />
|
||||
<col width="6" />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" class="th_start"></th>
|
||||
<th scope="col" class="th_none"><%
|
||||
If b_type="N" And a_cate = "Y" then
|
||||
response.write "<span class='category_color'>"& b_cate_str(b_cate) & "</span>"
|
||||
End If
|
||||
response.write b_subject
|
||||
%></th>
|
||||
<th scope="col" class="th_end"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<dl class="info">
|
||||
<dt>작성일</dt>
|
||||
<dd><%=b_regdate%></dd>
|
||||
<dt>작성자</dt>
|
||||
<dd><%=b_name%></dd>
|
||||
<dt>조회</dt>
|
||||
<dd><%=b_count%></dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<%
|
||||
'//사용자필드
|
||||
for z=1 To 4
|
||||
a_ftemp = eval("a_ftemp" & z )
|
||||
a_ftemp_str = eval("a_ftemp" & z & "_str")
|
||||
b_temp = eval("b_temp" & z )
|
||||
|
||||
If a_ftemp = "Y" then
|
||||
%>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<dl class="info">
|
||||
<dt><%=a_ftemp_str%></dt>
|
||||
<dd><%=b_temp%></dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<%
|
||||
End if
|
||||
next
|
||||
%>
|
||||
|
||||
<%If a_upload = "Y" and (b_file1 <> "" or b_file2 <> "" or b_file3 <> "" or b_file4 <> "" or b_file5 <> "" ) then '//첨부파일 사용일때{%>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<dl class="info">
|
||||
<dt>첨부파일</dt>
|
||||
<dd>
|
||||
<%
|
||||
For z=1 To a_upload_len
|
||||
b_file_name = eval("b_file" & z)
|
||||
b_file_name_tmp = b_file_name
|
||||
|
||||
If b_file_name <> "" Then '//파일이 있으면..
|
||||
|
||||
strDir = server.mappath("/data/board/") & "\" & a_tablename & "\"
|
||||
'response.write b_file_name
|
||||
%>
|
||||
|
||||
<img src="/content/board/nninc_simple/img/file/<%=get_FileName1(b_file_name_tmp)%>" alt="<%=b_file_name%>" /><a href="down.asp?a_tablename=<%=a_tablename%>&filename=<%=b_file_name%>"><%=b_file_name%></a> <span class="size">(<%=Folderfilesize(strDir& b_file_name)%> byte)</span>
|
||||
|
||||
|
||||
<%
|
||||
End if
|
||||
next
|
||||
%>
|
||||
</dd>
|
||||
</dl>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<%End if%>
|
||||
<tr>
|
||||
<td colspan="3" class="content">
|
||||
<%
|
||||
|
||||
tp_dir = "/data/board/" & a_tablename & "/"
|
||||
|
||||
For z = 1 To a_upload_len
|
||||
|
||||
b_file_name = eval("b_file" & z)
|
||||
b_file_name_tmp = b_file_name
|
||||
|
||||
If b_file_name <> "" then
|
||||
tot_file = tp_dir & b_file_name
|
||||
|
||||
If lcase(right(b_file_name_tmp,3)) = "gif" Or lcase(right(b_file_name_tmp,3)) = "jpg" then
|
||||
%>
|
||||
<a href = "<%=tot_file%>" rel="lightbox"><img src="<%=tot_file%>" alt="<%=b_file_name%> 이미지를 클릭하시면 원본크기를 보실 수 있습니다." onload="imgResize(this, 500, 500);" width = "500"/></a><br />
|
||||
<%
|
||||
End if
|
||||
End if
|
||||
next
|
||||
%>
|
||||
<%=b_content%>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<!-- //보기 테이블 -->
|
||||
|
||||
<!-- 버튼 -->
|
||||
|
||||
|
||||
<div class="board_button">
|
||||
<div class="fl pt10">
|
||||
<%If next_b_num <> "" then%>
|
||||
<a href="view.asp?a_num=<%=a_num%>&b_num=<%=next_b_num%>&<%=page_info%>" ><img src="/content/board/nninc_simple/img/listup_bt.gif" width="18" height="18" alt="다음글" /></a>
|
||||
<%End if%>
|
||||
<%If prev_b_num <> "" then%>
|
||||
<a href="view.asp?a_num=<%=a_num%>&b_num=<%=prev_b_num%>&<%=page_info%>" ><img src="/content/board/nninc_simple/img/listdown_bt.gif" width="18" height="18" alt="이전글" /></a>
|
||||
<%End if%>
|
||||
</div>
|
||||
<div class="fr pt10">
|
||||
|
||||
|
||||
<%If is_reply = "Y" And a_reply = "Y" then '//답변%>
|
||||
<span><a href="write.asp?a_num=<%=a_num%>&b_num=<%=b_num%>&b_type=R&<%=page_info%>" ><img src="/content/board/nninc_simple/img/reply_bt.gif" width="62" height="23" alt="답변" /></a></span>
|
||||
<%End if%>
|
||||
|
||||
<%If is_write = "Y" then '//쓰기/수정권한%>
|
||||
<span><a href="write.asp?a_num=<%=a_num%>" ><img src="/content/board/nninc_simple/img/write_bt.gif" width="62" height="23" alt="쓰기" /></a></span>
|
||||
|
||||
<span><a href="write.asp?a_num=<%=a_num%>&b_num=<%=b_num%>&<%=page_info%>" ><img src="/content/board/nninc_simple/img/modify_bt.gif" width="62" height="23" alt="수정" /></a></span>
|
||||
<%End if%>
|
||||
|
||||
<%If is_delete = "Y" then
|
||||
msg = "정말 삭제하시겠습니까?"
|
||||
querystring = "msg=" & server.urlencode( msg )
|
||||
querystring = querystring & "&ok=" & server.urlencode("/content/board/delete_ok.asp?a_num=" & a_num & "&b_num=" & b_num & "&" & page_info)
|
||||
querystring = querystring & "&no=" & server.urlencode(nowpage)
|
||||
go_url = "/content/board/message.asp?a_num=" & a_num & "&" & querystring
|
||||
%>
|
||||
<span><a href="<%=go_url%>" ><img src="/content/board/nninc_simple/img/delete_bt.gif" width="62" height="23" alt="삭제" /></a></span>
|
||||
<%End if%>
|
||||
|
||||
<span><a href="list.asp?a_num=<%=a_num%>&<%=page_info%>" ><img src="/content/board/nninc_simple/img/list_bt.gif" width="62" height="23" alt="목록" /></a></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //버튼 -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 댓글 -->
|
||||
<%If a_command = "Y" Then%>
|
||||
<!--#include virtual="/content/board/command.asp"-->
|
||||
<%End if%>
|
||||
<!-- //댓글 -->
|
||||
|
||||
</div>
|
||||
<!-- //보기 -->
|
||||
<!--#include virtual="/content/board/bottom.asp"-->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user