![]() |
24) 목록필터 작성하기 |
맨위로 |
목록필터는 게시물 목록보기의 디자인 양식을 구성합니다. "filter/post_list.html"문서로 저장됩니다. 다음 그림은 게시판 목록보기의 예입니다.
게시판의 목록보기는 게시판상단, 기본메뉴부분, 목록머릿부, 목록표시부분, 페이지메뉴, 아이콘메뉴부분, 검색부분 등으로 구성되었습니다. 다음은 목록필터의 요약내용입니다.
<!-- ## HTML 헤더부분, 제목, segio.cs, segio.js 링크 --> <!-- CSS 스타일 선언부분... --> <bdoy> $#shell#; $#b.head#;
<form ...... name="listform" target="$#i.zeroid#;"> $#b.m_refat#,팻정리;$#b.m_setup,환경설정#; 등록된글:$#b.posts#;개 현재:$#b.pageno#;/$#b.pages#; 페이지 $#b.owner#;
$#b.list#; <!-- 게시물목록 표시부분 --->
$#b.pagemenu#; <!-- 페이지메뉴 표시 부분 ---> $#b.m_remove#,완전삭제;$#b.m_undel,지움취소#; $#b.m_copy,복사하기#; $#b.m_paste,붙여넣기#; $#b.m_list,전체보기#;$#b.m_post,쓰기#;
$#b.queryfield#; $#b.querybox,style="width:90px",title="검색어입력"#;$#b.m_seek#; <!--- 검색서비스 --> </form> $#b.tail#; |
① 게시판리스트페이지의 왼쪽 상단에 있는 “환경”버튼을 클릭하면 “게시판환경설정”이 새 창으로 열립니다.
② “목록 필터”영역에 필터내용을 작성합니다. “적용”버튼을 클릭합니다.
게시물 목록보기에서는 여러 개의 게시물을 선택하여 복구, 복사, 삭제를 하거나 검색등을 진행하기 위해서 서버로 데이터를 전송하기 위한 "<form ...> ~ </form>"문을 구성합니다.
게시물 목록보기에는 "reverse_check", "_thumbnail_view" 등의 자바스크립트 함수가 반드시 선언되어야 하는데 이 함수들은 "/segio/board.js" 파일에 포함되어 있습니다.
25) CSS 스타일 선언 |
맨위로 |
편집필터, 보기필터와 동일한 방법으로 목록필터 역시 게시판 환경설정에서 설정된 색상값을 적용하기 위하여 필터 편집 내용에 CSS 를 지정합니다(별도의 css 파일을 만들면 게시판의 환경설정 값이 적용되지 않는다). 다음은 배포모델의 CSS 선언내용을 요약한 내용입니다.
.table4list .cell4ltop, .table4list .cell4last,.table4list .cell4list{ font-size:9pt; } .table4list a {text-decoration:none; } .table4list .s_popupdiv{ position:absolute;display:none; background:$#s.textbg#;;color:$#s.text#;; border:1px solid $#s.border#;; padding:5px; text-align:left; } .s_popupdiv a:link, .s_popupdiv a:hover, .s_popupdiv a:visited { color:$#s.text#;; } .s_popupdiv td, .s_popupdiv th, .s_popupdiv input, .s_popupdiv div { background:$#s.textbg#;;color:$#s.text#;; } .cell4ltop { background:$#s.headbg#;;color:$#s.head#;; } ...... |
26) 게시판 HEADLINE 표시 |
맨위로 |
쎄지오 게시판의 목록보기에서 제목, 번호 등의 기초 정보를 표시해주는 제일 윗줄을 headline이라 합니다. headline을 별도의 내용으로 대체하고 싶을 때는 게시판 환경설정에서 “noheadline"옵션을 선택한 후 별도의 웹필터를 작성하여 사용합니다.
27) 인증필터 작성하기 |
맨위로 |
보기잠금장치가 설치되었거나 손님이 등록한 게시물을 지울 때 비밀번호를 확인하는 절차가 필요합니다. 이 때 비밀번호를 입력받을 수 있도록 화면을 구성하는 것이 인증필터입니다. 인증필터는 "filter/auth_check.html" 파일로 저장되는데 다음은 인증필터의 요약내용입니다.
<script type="text/javascript"> function return_path(tform) { ele=tform.referer; if(ele)document.location.replace(ele.value); else alert("No return_path"); }</script>
<form target="$#i.zeroid#;" method="post" enctype="multipart/form-data" name="auth_form"> 비밀번호를 입력하세요<br /> 비밀번호: <input name="passwd" value="" size="8" /><br /> <input type="hidden" name="referer" value="$#l.referer#;" /> <input type="submit" value="$#word,submit#;" name="send" /> <input type="button" value="Cancel" 0nclick="return_path(this.form);" /> |
다음은 손님이 등록한 게시물에 대하여 수정편집을 하려할 때 인증필터가 사용되는 예입니다.
인증필터, 보기필터, 편집필터, 목록필터는 모두 게시물의 컨텐츠를 표현하기 위해 존재합니다. 게시물의 컨텐츠로 표기되는 위 필터등은 모두 알맹이 문서로 전환되기 때문에 "$#shell#;"구문을 포함하도록 합니다.
![]() ![]() ![]() ![]() |
![]() ![]() ![]() |
번호 | 파일 | 글제목 | 작성자 | 일시 | 조회 |
---|---|---|---|---|---|
61 |
![]() |
![]() |
케이시크 | 09-07-21 | 150194 |
60 |
![]() |
케이시크 | 09-07-17 | 186255 | |
59 |
![]() |
![]() |
관리자 | 09-07-14 | 187655 |
58 |
![]() |
![]() |
관리자 | 09-07-14 | 187497 |
57 |
![]() |
![]() |
관리자 | 09-07-14 | 187076 |
56 |
![]() |
![]() |
관리자 | 09-07-14 | 171163 |
55 |
![]() |
![]() |
관리자 | 09-07-14 | 203732 |
54 |
![]() |
![]() |
관리자 | 09-07-14 | 207906 |
53 |
![]() |
![]() |
관리자 | 09-07-13 | 187385 |
52 |
![]() |
![]() |
sysop | 09-07-10 | 195122 |
51 |
![]() |
![]() |
sysop | 09-07-10 | 193611 |
50 |
![]() |
![]() |
sysop | 09-07-10 | 172982 |
49 |
![]() |
![]() |
sysop | 09-07-10 | 194405 |
48 |
![]() |
![]() |
sysop | 09-07-10 | 464597 |
47 |
![]() |
![]() |
sysop | 09-07-10 | 199193 |
46 |
![]() |
![]() |
sysop | 09-07-10 | 191995 |
45 |
![]() |
![]() |
sysop | 09-07-10 | 204683 |
44 |
![]() |
![]() |
sysop | 09-07-10 | 188598 |
43 |
![]() |
sysop | 09-07-10 | 184271 | |
42 |
![]() |
sysop | 09-07-10 | 193072 | |
41 |
![]() |
sysop | 09-07-10 | 181766 | |
40 |
![]() |
sysop | 09-07-10 | 188912 | |
39 |
![]() |
sysop | 09-07-10 | 381094 | |
38 |
![]() |
![]() |
sysop | 09-07-10 | 260049 |
37 |
![]() |
![]() |
sysop | 09-07-10 | 210938 |
36 |
![]() |
sysop | 09-07-10 | 206741 | |
35 |
![]() |
sysop | 09-07-10 | 212476 | |
34 |
![]() |
![]() |
sysop | 09-07-10 | 210505 |
33 |
![]() |
sysop | 09-07-10 | 714254 | |
32 |
![]() |
![]() |
sysop | 09-07-10 | 217769 |
31 |
![]() |
![]() |
sysop | 09-07-10 | 220621 |
30 |
![]() |
![]() |
sysop | 09-07-10 | 200769 |
29 |
![]() |
sysop | 09-07-10 | 194485 | |
28 |
![]() |
![]() |
sysop | 09-07-09 | 208341 |
27 |
![]() |
![]() |
sysop | 09-07-09 | 200818 |
26 |
![]() |
![]() |
sysop | 09-07-09 | 342997 |
25 |
![]() |
![]() |
sysop | 09-07-09 | 201142 |
24 |
![]() |
sysop | 09-07-09 | 199897 | |
23 |
![]() |
sysop | 09-07-09 | 201192 | |
22 |
![]() |
![]() |
sysop | 09-07-09 | 181869 |
21 |
![]() |
![]() |
sysop | 09-07-09 | 275947 |
20 |
![]() |
![]() |
sysop | 09-07-09 | 187614 |
19 |
![]() |
![]() |
sysop | 09-07-09 | 202133 |
18 |
![]() |
![]() |
sysop | 09-07-09 | 210881 |
17 |
![]() |
![]() |
sysop | 09-07-09 | 1244371 |
16 |
![]() |
![]() |
sysop | 09-07-09 | 601277 |
15 |
![]() |
![]() |
sysop | 09-07-09 | 230411 |
14 |
![]() |
![]() |
sysop | 09-07-09 | 233209 |
13 |
![]() |
![]() |
sysop | 09-07-09 | 555387 |
12 |
![]() |
![]() |
sysop | 09-07-09 | 223034 |
11 |
![]() |
sysop | 09-07-09 | 396548 | |
10 |
![]() |
![]() |
sysop | 09-07-09 | 198650 |
09 |
![]() |
![]() |
sysop | 09-07-09 | 224445 |
08 |
![]() |
![]() |
sysop | 09-07-09 | 250537 |
07 |
![]() |
![]() |
sysop | 09-07-09 | 332490 |
06 |
![]() |
![]() |
sysop | 09-07-09 | 334814 |
05 |
![]() |
![]() |
sysop | 09-07-09 | 223172 |
04 |
![]() |
![]() |
sysop | 09-07-09 | 231203 |
03 |
![]() |
![]() |
sysop | 09-07-09 | 442285 |
02 |
![]() |
![]() |
sysop | 09-07-09 | 814546 |
01 |
![]() |
![]() |
sysop | 09-07-09 | 191160 |