본문 바로가기
개발자공간/SCRIPT

jQuery & javascript 특정영역 인쇄하기

by 냉국이 2020. 12. 11.
728x90

html

<DIV ID="contents"> 
    <input type="button" value="인쇄" onclick="print();">
    <DIV id="printArea" >
      <%--
       프린트할 내용을 코딩합니다.
       --%>
    </DIV>
</DIV>
 
<DIV ID="printArea">
       <%--
       실제 프린트가 되는 영역입니다. 
           contents는 display가 none이 되며 현재영역에 소스코드를 복사하여 인쇄합니다.
       --%> 
</DIV> 

 

script

function print() { 
if (document.all && window.print) { 
window.onbeforeprint = bbb; 
window.onafterprint = aaa; 
window.print(); 
} 
} 

function bbb() { 
if (document.all) { 
contents.style.display = 'none'; 
printArea.innerHTML = document.all['printArea'].innerHTML;
} 
}

function aaa() { 
if (document.all) { 
contents.style.display = 'block'; 
printArea.innerHTML = ""; 
} 
} 
300x250

댓글