웹마스터 팁
게시판 스킨에 프린트 버튼 추가하기
2003.09.30 13:44
기존에 대부분 스킨에서 프린트 기능을 구현하려면,
간단하게는 window.print(); 를 사용해서 전체를 프린트 하게 하거나...
새창으로 띄워서 새창 전체를 프린트하는 기법을 사용하는데...
새창안을 띄우지 않고 필요한 부분만 프린트하는 소스입니다.
일단 게시물 본문만 프린트 하려면 아래와 같이 추가해 주시면 됩니다.
제로보드에서 본문에 해당하는 변수가 <?=$memo?>죠?
기타 변수들도 추가하면 원하시는 형태로 프린트가 가능할 겁니다.
<iframe name=print_content id=print_content width=1 height=1 style="visibility:hidden;"></iframe>
<script>
function content_printer ()
{
print_content.document.open();
print_content.document.writeln("<html><head><style>body,td,p,pre,input,textarea,select,option,a,a:hover {font-size:9pt; font-family:tahoma,굴림;}</style></head><body>"); //스타일등을 지정
print_content.document.writeln('<?=$memo?>'); // 본문 출력
print_content.document.writeln("</body></html>");
print_content.document.close();
print_content.document.execCommand('Print');
}
</script>
<a onclick="content_printer();" style="cursor:hand;">프린트하기</a>
간단하게는 window.print(); 를 사용해서 전체를 프린트 하게 하거나...
새창으로 띄워서 새창 전체를 프린트하는 기법을 사용하는데...
새창안을 띄우지 않고 필요한 부분만 프린트하는 소스입니다.
일단 게시물 본문만 프린트 하려면 아래와 같이 추가해 주시면 됩니다.
제로보드에서 본문에 해당하는 변수가 <?=$memo?>죠?
기타 변수들도 추가하면 원하시는 형태로 프린트가 가능할 겁니다.
<iframe name=print_content id=print_content width=1 height=1 style="visibility:hidden;"></iframe>
<script>
function content_printer ()
{
print_content.document.open();
print_content.document.writeln("<html><head><style>body,td,p,pre,input,textarea,select,option,a,a:hover {font-size:9pt; font-family:tahoma,굴림;}</style></head><body>"); //스타일등을 지정
print_content.document.writeln('<?=$memo?>'); // 본문 출력
print_content.document.writeln("</body></html>");
print_content.document.close();
print_content.document.execCommand('Print');
}
</script>
<a onclick="content_printer();" style="cursor:hand;">프린트하기</a>
댓글 3
-
REDsun
2003.09.30 23:13
좋은 방법 감사합니다..^^ -
holyair
2003.10.15 16:05
좋은 소스감사합니다
그런데
어느파일 어디에다가 넣는 것인지요?
그리고
악보를 링크나 업로드해서 본문과 같이 있는 경우
악보(그림파일)도 같이 인쇄가 되나요? -
PHASE
2003.10.15 16:19
어떤분께서 질문하신 것에대한 답변입니다.
그 스크립트는 view.php에 넣으시면 될것같구요...
(<?=$memo?>라는 변수가 view.php에서 사용됩니다.)
위에 보시면은
print_content.document.writeln("<html><head><style>body,td,p,pre,input,textarea,select,option,a,a:hover {font-size:9pt; font-family:tahoma,굴림;}</style></head><body>"); //스타일등을 지정
print_content.document.writeln('<?=$memo?>'); // 본문 출력
print_content.document.writeln("</body></html>");
요렇게 되어있는부분이 실제 프린트 되는 내용입니다.
현재 상태로라면... <?=$memo?>변수밖에 안들어가 있기때문에 오로지 글내용밖에는 출력이 안됩니다.
기타 다른 변수들의 추가를 원하시면... 예를들어 첨부이미지1도 출력을 원하시면...
print_content.document.writeln("<html><head><style>body,td,p,pre,input,textarea,select,option,a,a:hover {font-size:9pt; font-family:tahoma,굴림;}</style></head><body>"); //스타일등을 지정
print_content.document.writeln('<?=$memo?>'); // 본문 출력
print_content.document.writeln('<?=$upload_image1?>'); // 첨부이미지1출력
print_content.document.writeln("</body></html>");
이런식으로 변수들을 추가해주시면 됩니다.
이때 모양이 좋지 않을수가 있는데
print_content.document.writeln('<table><tr><td>');
이런식으로 HTML코드로 꾸미시면 되구요...
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [초간단 자바스크립트!] 자바로 플래시 따라하기! [3] | ∑Ztxy | 2003.10.15 |
| 스물을 세면 죽음이야~~~ [20] | 미친개 | 2003.10.14 |
| [초간단 자바스크립트!] 트랜지션 공지사항!! | ∑Ztxy | 2003.10.13 |
| 플래시 크기 바꾸기 [IE/NS 겸용] [4] | teslaMINT | 2003.10.13 |
| 새창 띄운후 부모창 확인없이 닫기... [4] | PHASE | 2003.10.12 |
| 개판 오분전 - 이미지 뷰에 관한 한가지 힌트 [5] | 미친개 | 2003.10.11 |
| [초간단 자바스크립트!] 날짜 카운터! 커플홈에 강추!! [15] | ∑Ztxy | 2003.10.08 |
| 개판 오분전 만년달력......ㅡ,.ㅡ [4] | 미친개 | 2003.10.08 |
| 게시판 스킨에 프린트 버튼 추가하기 [3] | PHASE | 2003.09.30 |
| [초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] | ∑Ztxy | 2003.09.29 |
| [초간단 자바스크립트(강의)!] 입력박스에 입력한 주소로 이동하기... | ∑Ztxy | 2003.09.27 |
| [초간단 자바스크립트(강의)!] 풀스크린 창 띄우기... [3] | ∑Ztxy | 2003.09.27 |
| [초간단 자바스크립트(강의)!] 버튼을 눌러서 배경색 바꾸기 [5] | ∑Ztxy | 2003.09.26 |
| [초간단 자바스크립트!] 이미지에 스포트라이트 효과주기... [1] | ∑Ztxy | 2003.09.26 |
| [초간단 자바스크립트!] 뒤로,앞으로,중지,홈으로 버튼 만들기... [7] | ∑Ztxy | 2003.09.26 |
| [초간단 자바스크립트!] 창 이동시 경고 메세지 띄우기...!;;; [2] | ∑Ztxy | 2003.09.26 |
| 플레쉬 메뉴를 표방한..=ㅁ= 자바스크립트의 수작 버튼 밑으로 스크롤 되는 아이콘입니다. [47] | beMax | 2003.09.14 |
| ### MSN/Windows Messenger용 친구 추가스크립트 ### [10] | 웹스 | 2003.09.05 |
| 변수란? [1] | 타키 | 2003.09.04 |
| 진수란? [4] | 타키 | 2003.09.04 |