웹에서 특정부분만 프린트되게 하기
웹브라우져에서 프린트를 하게 되면 전체페이지가 프린트됩니다.
웹상에서 특정부분만을 프린트할수 있도록 하는 방법을 소개드립니다.
먼저, 소스상에서 프린트할 영역을 div로 감싸고 id를 지정해 줍니다.
예를 들어, <div id='print'>......</div> 이렇게 ...
그리고, 프린트 실행버튼을 적당한 곳에 위치시킵니다.
<input type='button' value='Print' onclick="print_ok();">
<SCRIPT LANGUAGE="JavaScript">
<!--
function print_ok() {
window.open("print_area.php");
}
//-->
</SCRIPT>
<!--
function print_ok() {
window.open("print_area.php");
}
//-->
</SCRIPT>
print_ok가 실행되면 print_area.php가 새창으로 뜨겠지요.
print_area.php 는 다음과 같습니다.
<html>
<head>
</head>
<body>
<div id=Print_layer style="padding-top:20px;padding-left:20px;width:590px;background-color:white;height:100%;"></div>
<script language="JavaScript">
<!--
var sHTML = opener.document.getElementById("print").innerHTML;
Print_layer.innerHTML = sHTML;
window.print();
//-->
</script>
</body>
</html>
print 영역의 내용을 새창으로 불러와서 인쇄시키는 것입니다.