티스토리 뷰

웹프로그래밍/Javascript

지정된 영역만 인쇄하기

jihun202 2015. 6. 15. 10:06
반응형
<html>
<head>
<style>
div { position: relative; }
</style>


<script>
var initBody;

function beforePrint()
{
initBody=document.body.innerHTML;
document.body.innerHTML=idPrint.innerHTML;
}

function afterPrint()
{
document.body.innerHTML=initBody;
}



window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;

</script>


</head>
<body>
<div id="idPrint">
<b>[첫 번째 영역]</b><br>첫 번째 영역입니다!<br><br>
</div>
<b>[두 번째 영역]</b><br>두 번째 영역입니다!<br><br>
<b>[세 번째 영역]</b><br>세 번째 영역입니다!<br>

<input type="button" onclick="window.print()" value="첫번째 영역만 인쇄">

[출처] http://blog.naver.com/masca727/60038165332
</body>
</html>

 

반응형
저작자표시 (새창열림)

'웹프로그래밍 > Javascript' 카테고리의 다른 글

javascript comma and uncomma  (0) 2015.10.01
Solve “Invalid App Id: Must be a number or numeric string representing the application id”  (0) 2015.08.02
Javascript iBook EPUB 3.0 Images not working  (0) 2015.05.27
jQuery $("img").load non-cache  (0) 2015.05.26
jQuery Animation Rotate  (0) 2015.05.06
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2026/08   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
글 보관함