## 이 팁은 아래링크 우비소년명국님의 팁을 show/hide 레이어 방식으로 수정한 것에 불과하며
원본소스에 대한 모든 권리는 우비소년명국님께 있음을 알려드립니다.
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=2&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=4405
(소스중 저작권 부분은 일체 손대지 않았습니다.)
## show/hide 레이어 소스는 미니위니의 위쯔님께서 만드신 것을 사용했습니다.
저는 팝업 윈도를 병적으로 싫어하는 관계로 홈피에서 팝업이 필요한 대부분의 경우에 레이어를
사용하고 있습니다. 레이어의 장점이라면 창을 닫는 번거로움이 없다는 거죠. (귀차니즘-_-;;)
사용한 소스는 명국님의 20030716_02_39 버전 소스입니다.
기존에 명국님의 소스를 적용하신 분들은 이 파일들을 그대로 덮어쓰시면 안됩니다.
제가 편의상 임의로 변경한 부분이 있거든요. 번거롭지만 수작업이 필요합니다. (죄송;;;;)
## 변경한 부분
1) 테이블 명을 scrapbook 를 clip 로
2) 필드중 mem_no 를 member_no 로
3) 파일명 scrapbook.php 로 clip.php 로
## 주의사항
제로보드 디렉이 bbs라고 가정했습니다.
디렉이름이 bbs가 아닌분은 자신의 디렉명에 맞게 아래 소스중 일부를 수정해 주세요.
###########################################
## 레이어 방식 클립(스크랩)하기###################
###########################################
1) 명국님의 팁 게시물을 참고하셔서 clip.php, dd_add.php, blank.html를 제로보드 디렉에 업로드 하시고 테이블을 생성하세요. 첨부된 이미지 파일들은 제로보드 디렉의 images디렉에 넣어주시기 바랍니다.
2) 이제 레이어를 넣어야 합니다. 아웃로그인이 등장하는(클립 기능이 사용되는) 모든 페이지의 헤더나 풋터에 다음을 삽입합니다.(저는 풋터 맨끝의 </body> 바로 앞에 넣었습니다.) 헤더 풋터를 이용한 노프레임의 경우가 아닌 페이지, 즉 bbs디렉 보다 한 단계 상위에 있는 인덱스페이지에 이 소스를 넣을때는 경로를 수정해야 하는 것 아시죠? 예) /images/list_line.gif -> /bbs/images/list_line.gif
<!--클립시작-->
<div align=center id=show class=clippop bgcolor=white>
<iframe name=clip class=clipifr src=blank.html scrolling=no frameborder=0></iframe>
<table width=350 border=0 cellpadding=0 cellspacing=0>
<tr heigh=1>
<td background=/images/list_line.gif></td>
</tr>
<tr height=20 bgcolor=white>
<td align=right valign=middle class=t8b-1_4a4d4a><a href='blank.html' target=clip onclick='showclip()'>Window close</a> </td>
</tr>
</table>
</div>
<!--클립종료-->
//레이어를 불러올때, 레이어를 닫을때 blank.html을 로딩하는 것은 트래픽을 제로로 만들기 위한 꽁수입니다.
3) 스킨파일중 view.php 의 적당한 부분에 게시물을 클립하는 소스를 넣습니다.
<? if($member[no]) { ?><a href="clip.php?exec=input&board_id=<?=$id?>&article_subject=<?=$data[suject]?>&article_no=<?=$no?>" onClick='showclip()' target=clip>클립하기</a><? } ?>
4) 아웃로긴 스킨중 logged.html 에는 클립 레이어를 띄우는 소스를 넣습니다.
<a href='clip.php' target=clip onclick='showclip()'>내가 클립한 게시물 보기</a>
5) 소스가 들어가는 페이지에 적용해줄 자바스크립트와 CSS는 다음과 같습니다.
## 자바스크립트 ##
function showclip(){
if(navigator.appName != "Netscape"){
if(document.all['show'].style.visibility == "visible")
document.all['show'].style.visibility = "hidden";
else
document.all['show'].style.visibility = "visible";
}
if(navigator.appName == "Netscape"){
if(document.layers['show'].visibility == "showclip")
document.layers['show'].visibility = "hide";
else
document.layers['show'].visibility = "showclip";
}
}
(주의 : js 파일에 첨가할때는 이 스크립트 그대로 카피해 넣으면 됩니다만, head 사이에 넣을때는 이 스크립트 앞뒤에 <script language=JavaScript></script>로 묶어주어야 합니다.
## CSS ##
.clippop {width:350px;height:250px;position:absolute;top:270px;border:2px solid #8C8C8C;left:expression(document.body.clientWidth-400);z-index:500;visibility:hidden;}
.clipifr {width:350px;height:250px;}
.t8b-1_4a4d4a {font-family:Verdana;font-size:8pt;color:#4a4d4a;font-weight:bold;letter-spacing:-1;}
.latest_t7_gray {font-family:Tahoma;font-size:7pt;color:gray;line-height:100%;}
.t7_bold {font-family:Tahoma;font-size:7pt;color:black;font-weight:bold;line-height:100%;}
.mor {font-family:"모리스9";font-size:9pt}
.mor_g {font-family:"모리스9";font-size:9pt;color:gray;}
.mor_o {font-family:"모리스9";font-size:9pt;color:orange;}
(주의 : 모리스9체는 제가 사용하는 웹폰트 입니다. 소스 적용시에는 적절한 다른 폰트로 수정바랍니다.)
(주의 : 레이어가 뜨는 위치는 top, left 값을 수정하여 바꾸실수 있습니다.)
## CSS 사용법 ##
위 내용을 css 파일로 저장하고 clip.php 안의 <link rel="stylesheet" type="text/css" href=""> 에다가 css 파일의 경로를 입력하십시오.
그리고 클립 레이어가 삽입된 모든 페이지의 head 사이에도 <link rel="stylesheet" type="text/css" href=""> 를 삽입하세요.
===============================================
덧. 제가 오타가 좀 많습니다. 잘못된 부분 있으면 지적해주세요.
덧2. 소스 적용시 클립이 안되거나 레이어가 작동하지 않고 브라우저 하단에 에러 표시가 뜨는 것은
js 적용이 잘못되었거나 경로가 틀렸기 때문입니다. 안될 경우 다시 한 번 확인하시기 바랍니다.
덧3. 그밖에 부차적으로 member_out.php 를 수정하는 것등은 명국님의 팁을 참고하시면 됩니다.
덧4. 소스 수정을 허락해주신 명국님께 감사드리며.... :)
명 오늘 
명
PRINT Text
PRINT HTML
