더 나은 프로그래머가 되자

window.print() 원하는 영역만 프린트 하기 본문

언어/js

window.print() 원하는 영역만 프린트 하기

greathuman 2013. 1. 11. 17:13

미리 출력하고자 하는 레이어와 기본 정보를 담고있는 레이어로 구분하고

인쇄버튼을 누르게되면 출력하고자 하는 레이어에 기본 정보를 담고있는 레이어의 값을 넣은 후에

기본 레이어는 숨기고 출력이 끝나면 다시 기본레이어는 노출시키고 출력하고자한 레이어 영역은

초기화 후 숨긴다.

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

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

<script language="JavaScript">
function printLayer () {
  window.onbeforeprint = beforeLayer;
  window.onafterprint = afterLayer;
  window.print();
}
function beforeLayer () {
  objContents.style.display = 'none';
  objSelection.innerHTML = document.all['printArea'].innerHTML;
}
function afterLayer () {
  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>

출처 : http://bystory.co.kr/blog/83

'언어 > js' 카테고리의 다른 글

영문만 입력받기  (0) 2013.05.24
form 내용 리셋 reset();  (0) 2013.03.26
jquery 이중 셀렉트박스 구현 with php  (0) 2012.11.08
JQuery 라디오 radio 체크박스 checkbox 컨트롤  (0) 2012.10.15
글자 수 제한 스크립트(오버된 글씨는 전체 삭제)  (0) 2012.09.04
'언어/js' Related Articles more
Comments