기존에 대부분 스킨에서 프린트 기능을 구현하려면,
간단하게는 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개
냠냠;;;;;;;;;
<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>
저는 이거 쓰는데..........
게시글 목록
| 번호 | 제목 |
|---|---|
| 32071 | |
| 32070 | |
| 18535 |
JavaScript
ajax 그리드 문의
1
|
| 5369 | |
| 27088 | |
| 5364 | |
| 32069 | |
| 32068 | |
| 18521 |
jQuery
jquery 속도 높이는 팁
13
|
| 5359 | |
| 18520 |
jQuery
Easing Functions Cheat Sheet
|
| 32067 | |
| 32066 | |
| 27081 | |
| 18514 | |
| 5355 | |
| 5354 | |
| 5350 | |
| 32065 | |
| 18510 | |
| 18503 |
jQuery
좌우 슬라이드메뉴와 상하 슬라이드 메뉴
6
|
| 32064 | |
| 32063 | |
| 18502 | |
| 18499 | |
| 18495 | |
| 5345 | |
| 27079 | |
| 30718 | |
| 18494 | |
| 18493 | |
| 5343 | |
| 18491 | |
| 18489 | |
| 18487 |
Mobile
모바일 웹 개발에 큰 도움이 되는 피모 브라우저
1
|
| 18486 |
PHP
간단한 쿠폰번호 생성
|
| 18484 |
PHP
xml 파싱 예제
1
|
| 18482 |
PHP
eval
1
|
| 32062 | |
| 26476 |
제안서
제안서 유용한 도형
13
|
| 18481 |
jQuery
롤오버+슬라이드 질문드립니다.
|
| 5339 | |
| 18480 |
jQuery
jQuery path plugin
|
| 18476 |
JavaScript
아이폰일때 상단 검색바 숨기기
3
|
| 27137 | |
| 30711 | |
| 18475 | |
| 18474 | |
| 18470 | |
| 32061 | |
| 18469 | |
| 32060 | |
| 5335 | |
| 32059 | |
| 5333 | |
| 32058 |
센스리더
센스리더의 메뉴 구성 - 7. 도움말
|
| 32057 |
센스리더
센스리더의 메뉴 구성 - 6. 보기
|
| 30705 | |
| 5326 | |
| 18466 | |
| 18462 |
JavaScript
모바일웹 이미지맵 사용 소스
3
|
| 18461 |
JavaScript
[복사하기] 버튼 자료~
|
| 31504 | |
| 30696 | |
| 32056 |
센스리더
센스리더의 메뉴 구성 - 5. 점자
|
| 5321 | |
| 18456 |
PHP
php 동영상 강좌
4
|
| 18455 |
jQuery
array toggle
|
| 32055 |
센스리더
센스리더의 메뉴 구성 - 4. 도구
|
| 5315 | |
| 5310 |
MySQL
필드순서 바꾸는 명령 있을까요?
4
|
| 27072 | |
| 32054 | |
| 27066 | |
| 18453 | |
| 30692 |
HTML
IE6 PNG 초 간단하게 적용
3
|
| 30690 | |
| 18451 | |
| 18450 | |
| 18449 | |
| 5307 | |
| 32051 | |
| 18448 | |
| 18447 | |
| 18441 |
jQuery
참고사이트 모음
5
|
| 18437 | |
| 18429 | |
| 32049 | |
| 30686 | |
| 5299 | |
| 5289 | |
| 30677 | |
| 32042 |
센스리더
센스리더에서 사용되는 개념들
6
|
| 18426 | |
| 18422 | |
| 18420 | |
| 18418 | |
| 5285 | |
| 5282 | |
| 26459 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기