웹문서에서 특정 영역 만을 프린트하는 방법
페이지 정보
작성자 서방님 댓글 0건 조회 146회 작성일 07-08-08 19:34본문
//원하는 부분 프린트하기
<!-- saved from url=(0022)http://internet.e-mail -->
<HTML>
<HEAD>
<STYLE>
DIV { position: relative; }
</STYLE>
<SCRIPT>
var div2print;
function printDiv (id) {
if (document.all && window.print) {
div2print = document.all[id];
window.onbeforeprint = hideDivs;
window.onafterprint = showDivs;
window.print();
}
else if (document.layers) {
div2print = document[id];
hideDivs();
window.print();
}
}
function hideDivs () {
if (document.all) {
var divs = document.all.tags('DIV');
for (var d = 0; d < divs.length; d++)
if (divs[d] != div2print)
divs[d].style.display = 'none';
}
else if (document.layers) {
for (var l = 0; l < document.layers.length; l++)
if (document.layers[l] != div2print)
document.layers[l].visibility = 'hide';
}
}
function showDivs () {
var divs = document.all.tags('DIV');
for (var d = 0; d < divs.length; d++)
divs[d].style.display = 'block';
}
</SCRIPT>
</HEAD>
<BODY>
<DIV>
<p><font size="2"><b>아래 선택 상자에서 원하는 인쇄 영역을 선택한 다음 "특정부분 인쇄" 버튼을 클릭하세요!</b></font></p>
<FORM>
<SELECT NAME="divSelect">
<OPTION value="d1">첫 번째 영역만 인쇄
<OPTION value="d2">두 번째 영역만 인쇄
<OPTION value="d3">세 번째 영역만 인쇄
</SELECT>
<INPUT TYPE="button" ONCLICK="var s = this.form.divSelect;var divID = s.options[s.selectedIndex].value;printDiv(divID);" VALUE="특정 부분 인쇄">
</FORM>
</DIV>
<DIV ID="d1">
<b>[첫 번째 영역]</b><br>
첫 번째 영역입니다!<br><br>
</DIV>
<DIV ID="d2">
<b>[두 번째 영역]</b><br>
두 번째 영역입니다!<br>
두 번째 영역을 선택하여 인쇄해 보세요!<br><br>
</DIV>
<DIV ID="d3">
<b>[세 번째 영역]</b><br>
세 번째 영역입니다!<br>
세 번째 영역을 선택하여 인쇄해 보세요!<br>
From 코리아인터넷닷컴
</DIV></BODY>
</HTML>
//한 페이지에서 나눠 프린트하기
<HTML>
<HEAD>
<TITLE></TITLE>
<!-- 여기 부터 프린터에 대한 스크립트 -->
<STYLE TYPE="text/css">
<!--
.print {page-break-before: always;}
-->
</STYLE>
<!-- 프린터 부분 스크립트 끝 -->
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<OBJECT ID="browser" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>
<p>첫번째 페이지에서 출력할 본문 내용
<p class=print>두번째 페이지에서 출력할 본문 내용
<p class=print>세번째 페이지에서 출력할 본문 내용
<p>네번째 페이지에서 출력할 본문 내용
<input type="button" value="출력" onclick="print();">
</BODY>
</HTML>
댓글목록
등록된 댓글이 없습니다.
