부분 프린터하기
기존에 대부분 스킨에서 프린트 기능을 구현하려면,
간단하게는 window.print(); 를 사용해서 전체를 프린트 하게 하거나...
새창으로 띄워서 새창 전체를 프린트하는 기법을 사용하는데...
새창안을 띄우지 않고 필요한 부분만 프린트하는 소스입니다.
일단 게시물 본문만 프린트 하려면 아래와 같이 추가해 주시면 됩니다.
<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(); 를 사용해서 전체를 프린트 하게 하거나...
새창으로 띄워서 새창 전체를 프린트하는 기법을 사용하는데...
새창안을 띄우지 않고 필요한 부분만 프린트하는 소스입니다.
일단 게시물 본문만 프린트 하려면 아래와 같이 추가해 주시면 됩니다.
<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>
댓글 10개
쉽다zzz
12년 전
잘 쓰겠습니다.
senseme
12년 전
네..좋은 자료가 되었으면 좋겠네욧.
12년 전
냠냠;;;;;;;;;
<script>
function printHTML() {
Pwin = window.open("","","width=900,height=800,scrollbars=1");
wdata ="<HTML>";
wdata += document.getElementById("print").innerHTML;
wdata += "";
Pwin.document.write(wdata);
Pwin.window.print();
Pwin.window.location.reload();
}
</script>
<div id="print">
프린트할부분을 div로 감싸준다
</div>
저는 이거 쓰는데..........
<script>
function printHTML() {
Pwin = window.open("","","width=900,height=800,scrollbars=1");
wdata ="<HTML>";
wdata += document.getElementById("print").innerHTML;
wdata += "";
Pwin.document.write(wdata);
Pwin.window.print();
Pwin.window.location.reload();
}
</script>
<div id="print">
프린트할부분을 div로 감싸준다
</div>
저는 이거 쓰는데..........
senseme
12년 전
새로운 팁을 알게되었네요..감사합니다.
DanEtre
12년 전
감사합니다.^^
senseme
12년 전
감사합니다^^
쉽다zzz
12년 전
잘봤어요~
senseme
12년 전
감사합니다^^
12년 전
감사용
takumi22
12년 전
잘봤습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 27182 | |
| 27176 | |
| 18634 | |
| 5442 | |
| 18632 | |
| 18629 |
JavaScript
주민번호, 외국인번호 검사 스크립트
2
|
| 5435 | |
| 18627 |
Mobile
Base64.java 파일입니다.
1
|
| 18626 | |
| 18623 | |
| 5409 | |
| 18621 |
MySQL
Mysql Text필드
1
|
| 18617 | |
| 18615 |
Mobile
[안드로이드] 프리퍼런스 사용 방법
1
|
| 18614 | |
| 18608 | |
| 27162 | |
| 18607 |
Mobile
[ios]사진촬영후 이미지 편집 샘플입니다.
|
| 5405 | |
| 18606 |
JavaScript
Html , javascript , css 강좌 사이트 입니다.
|
| 18605 |
JavaScript
주민번호 자바스크립트 체크
|
| 5401 | |
| 27152 | |
| 5397 | |
| 18603 |
jQuery
안녕하세요 jquery에 대해 물어볼게있습니다
1
|
| 27144 | |
| 20667 | |
| 20666 |
정규표현식
설문조사 진행 중입니다. ~1월 28일까지
|
| 24485 | |
| 20651 | |
| 20632 | |
| 20620 | |
| 20607 | |
| 18602 | |
| 30749 | |
| 5396 | |
| 18601 |
Mobile
[안드로이드] 자신의 폰에 깔려있는 앱들 검색하기
|
| 18599 | |
| 18596 | |
| 20590 | |
| 18589 | |
| 18587 | |
| 18586 | |
| 18585 | |
| 18584 | |
| 5387 | |
| 27106 | |
| 18583 | |
| 18580 | |
| 18579 | |
| 27120 | |
| 18574 | |
| 18570 | |
| 18566 |
JavaScript
자바스크립트에서 새창 띄우기입니다.
3
|
| 18562 |
PHP
문자열자르기소스입니다.
3
|
| 18558 | |
| 26490 | |
| 30733 |
웹접근성
자바스크립트를 끈 로그인 폼
15
|
| 18554 |
JavaScript
에디터 글양식 변경 기능 문의
3
|
| 20572 |
정규표현식
정규표현식의 기본구조
17
|
| 20541 |
정규표현식
정규표현식 강좌를 시작하며.....
30
|
| 5377 | |
| 18553 | |
| 5373 | |
| 20534 |
썸네일
언샵마스크효과 추가
6
|
| 20531 | |
| 20527 | |
| 20525 |
썸네일
종합 썸네일 함수 만들기
1
|
| 20519 | |
| 20513 | |
| 20507 |
썸네일
이미지에 워터마크 처리하기
5
|
| 20503 | |
| 20496 | |
| 20490 | |
| 20483 | |
| 20471 | |
| 20464 |
썸네일
이미지 복사하기
6
|
| 20447 | |
| 20419 | |
| 20405 | |
| 30729 | |
| 18549 |
Mobile
유투브 api 실행 결과를 담는 방법요?
3
|
| 18544 | |
| 32084 |
센스리더
센스리더 문제해결
1
|
| 32083 |
센스리더
센스리더 Windows 설정하기
|
| 32082 |
센스리더
센스리더 기능키 리스트
|
| 32081 |
센스리더
센스리더 인터넷의 활용 (가상커서)
|
| 30728 |
CSS
IE6/7 img px 버그
|
| 27097 | |
| 18537 |
jQuery
JQUERY로 제작된 슬라이드 메뉴입니다.
6
|
| 27092 | |
| 32080 | |
| 32079 | |
| 32078 | |
| 32077 | |
| 32076 | |
| 32075 | |
| 32074 | |
| 32073 | |
| 32072 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기