이야기 마을 :: 웹페이지 인쇄 window.print() 원하는 부분 인쇄하기

음....레이어로 나누어서
인쇄를 시작하기전에 현재 내용을 안보이게 해놓고
원하는 내용만 다른 레이어에 담다 그 레이어만 노출을 시키고 프린트를 한다.
프린트가 완료되면 노출된 레이어내용을 제거하고 숨겨진 원본 레이어를 다시 노출시킨다...

아래는 위 내용을 만들어논것.....예전에 어디서 알게된건데....기억도 안나고....
하여튼 원래 내용이 작동을 잘 안하고 그래서 좀 변경을 했다...레이어를 좀 추가시켰다고 해야하낭...
할튼 페이지 내용이 많다면 내용을 옮기고 뭐 이런것때문에 시간이 좀 많이 걸린다...약 100-200 페이지 이상 되는 출력일 경우이므로 그리 문제는 없다...그정도페이지면 원래 많이 걸린다...이게 좀더 많이 걸린다느것뿐....-0-;;;

============================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 인쇄 테스트 </TITLE>

<script language="JavaScript">
function printLayer () {
if (document.all && window.print) {
window.onbeforeprint = beforeLayer;
window.onafterprint = afterLayer;
window.print();
}
}
function beforeLayer () {
if (document.all) {
objContents.style.display = 'none';
objSelection.innerHTML = document.all['printArea'].innerHTML;
}
}
function afterLayer () {
if (document.all) {
objContents.style.display = 'block';
objSelection.innerHTML = "";
}
}

</script>

</HEAD>

<BODY>

<DIV ID="objContents">

이건 안찍을꺼란 말이지...

<input type="button" value="출력" onclick="printLayer();">

<DIV id="printArea" name="taxBill">

이걸 찍을꺼야~~~

</DIV>

</DIV>

<DIV ID="objSelection">
</DIV>

</BODY>
</HTML>

« 2024/05 »

일

월

화

수

목

금

토

Commented by the22th at 2008/06/23 16:55
댓글주소 수정/삭제 댓글쓰기

<style media="print"> </style> 등으로 display:none을 적당한 셀렉터에 주어 스크립트없이도 가능할지 모르겠네요.
Commented by zekill at 2008/07/28 11:00
댓글주소 수정/삭제 댓글쓰기

디스플레이 변경으로 가능도 하긴 하지만 none으로 했다 block 으로 했다 하는 처리도 스크립트로 변경을 해주긴해야 할듯 합니다^^
Commented by zekill at 2008/08/04 01:55
댓글주소 수정/삭제 댓글쓰기

아...<style media="print"> 이걸 안보고 display:none 만 보았네요..^^;;;;
댓글 달렸다는데 너무 기뻐서 넵다 답글부터 달다보니 이런일이...ㅋ

음..말씀하신대로 print시에만 해당 부분을 노출시켜도 될듯하네요^^;;
지금 프린터가 고장이나서 테스트를 해볼수없으니 원...ㅋ
한번 테스트되면 글을 붙여야겠습니다^^
아이디어 감사합니답(__)
Commented by 떠돌이나그네 at 2011/04/06 12:01
댓글주소 수정/삭제 댓글쓰기

감사합니다..
정말 이것때문에 고민 많이 했거든요..
한방에 해결되었네요
ㅎㅎ
좋은정보 감사합니다~~
Commented by 빅토리 at 2011/04/12 11:35
댓글주소 수정/삭제 댓글쓰기

좋은자료 감사합니다. 퍼갈게요^^

이야기 마을

웹페이지 인쇄 window.print() 원하는 부분 인쇄하기

Trackbas address :: http://zekill.pe.kr/blog/trackback/83

Subject: blue velvet pillow covers

Subject: sentro knitting machine

Subject: sentro knitting machine for sale

Subject: yarn bag

Subject: sentro knitting machine 22 needles

Subject: crochet bags for crocheting

Subject: 22 needles knitting machine

Subject: sentro 22 pin knitting machine

Subject: sentro 48 pin knitting machine

Subject: pompom makers

Subject: get here

Subject: yarn storage bag

Subject: knitting machine adapter

Subject: SENTRO

Subject: knitting machine 40 needles

Subject: sentro knitting machine 22

이야기 마을 - 최근 공지

Notices

Search

Categories

Site Tags

recent Entries

이야기 마을 - 최근 글

recent Comments

이야기 마을 - 최근 댓글

recent Trackbacks

Archives

Calendar

Links