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
'개발자공간 > SCRIPT' 카테고리의 다른 글
jquery 요소 복사하기 , clone() (0) | 2020.12.16 |
---|---|
jquery - 요소 클릭시 요소위치에 레이어팝업 (0) | 2020.12.15 |
javascript & jquery 배열 만들기 (0) | 2020.12.11 |
jquery 부모창 제어/컨트롤 (0) | 2020.12.11 |
jquery 체크박스 선택여부, 체크 처리, 라디오버튼 선택해제 (0) | 2020.12.10 |
댓글