웹마스터 팁
게시판 스킨에 프린트 버튼 추가하기
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코드로 꾸미시면 되구요...
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 정말 멋있는 글자 변환 스크립트 [12] | sythesis | 2003.11.07 |
| 자바스크립트로 작성한 그림맞추기 퍼즐게임 [2] | 김별 | 2003.11.05 |
| 자바스크립트로 윈도우 흉내내기 (?) [15] | 뒹굴리스트 | 2003.11.03 |
| [초간단 자바스크립트!] 이미지 드래그하기..~~ [8] | ∑Ztxy | 2003.11.02 |
| 마우스 이벤트 발생시 문서 상,하단으로 이동 [3] | RedEye(kaist) | 2003.10.30 |
| 클릭하면 홈페이지를 시작페이지로 하는 소스... [7] | 젤군 | 2003.10.28 |
| 식대 계산기... ^^ [3] | 김주형 | 2003.10.27 |
| 더 이상의 필터링은 없다!!! [10] | 미친개 | 2003.10.26 |
| [초간단 자바스크립트!] 자바로 플래시 따라하기! [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 |