[JavaScript] Div 부분 영역 인쇄하기
고객이 인쇄 기능 요청시 사용하는 인쇄 전용 스크립트.
JQuery로 지원하는 인쇄 플러그인이 많은데 ASP.NET과 JQuery 버전이 바뀜에 따라
안되는게 많아서 열심히 검색하여 직접 작성.
function print(printArea)
{
win = window.open();
self.focus();
win.document.open();
/*
1. div 안의 모든 태그들을 innerHTML을 사용하여 매개변수로 받는다.
2. window.open() 을 사용하여 새 팝업창을 띄운다.
3. 열린 새 팝업창에 기본 <html><head><body>를 추가한다.
4. <body> 안에 매개변수로 받은 printArea를 추가한다.
5. window.print() 로 인쇄
6. 인쇄 확인이 되면 팝업창은 자동으로 window.close()를 호출하여 닫힘
*/
win.document.write('<html><'head'><title></title><style>');
win.document.write('body, td {font-falmily: Verdana; font-size: 10pt;}');
win.document.write('</style></haed><body>');
win.document.write(printArea);
win.document.write('</body></html>'); win.document.close();
win.print();
win.close();
}
<!-- 버튼 이벤트 -->
<input type = "button" OnClick="print(document.getElementById('printArea').innerHTML)" />
<!-- div 영역 -->
<div id = "printArea">
<!-- 프린트 할 영역 -->
</div>
'java' 카테고리의 다른 글
| [log4j2] log4j2 db 쿼리 출력 / sql 출력 (0) | 2017.04.26 |
|---|---|
| [java] 중복로그인 처리 (0) | 2017.04.25 |
