웹모아
웹모아[손님] 검색   로그인 / 회원가입    



 
인쇄관련
 


DIV를 이용한 특정부분만 프린트하기(브라우저에서)
  2006-11-17 03:03:20 댓글:(0)   조회:653


<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>
</DIV></BODY>
</HTML>



 댓글 (0)


인쇄관련
페이지: 1 / 1   


   인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 819
   웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣(홈마스타) 662
   화면 출력과 인쇄시 테이블 널이 다르게 지정하기(홈마스타) 524
   웹페이지에서 프린트 컨트롤(홈마스타) 958
   인쇄시 강재로 다음페이지 넘기(홈마스타) 430
     [RE] 인쇄시 강재로 다음페이지 넘기(홈마스타) 498
   아이프레임 프린트 하기(iframe print)(홈마스타) 879
     [RE] 아이프레임 프린트 하기(iframe pri(홈마스타) 834
       [RE] 아이프레임 프린트 하기(iframe pr(홈마스타) 5407
   [CSS] 같은 페이지에서 화면과 프린트 인쇄 스타(홈마스타) 558
     [RE][HTML/CSS]Style sheet 를 (홈마스타) 509
       [RE] CSS media='print'(홈마스타) 565
         [RE] CSS media 에 따라 다른 크기의 (홈마스타) 449
   원하는 프레임만 프린트하기 / 인쇄미리보기 및 페이(홈마스타)(1) 2316
   특정영역만 프린트하기(홈마스타) 846
     [RE] 특정 페이지를 프린트하기(Iframe)(홈마스타) 775
   [스크립트] 이미지에 6개의 효과주기(홈마스타) 496
DIV를 이용한 특정부분만 프린트하기(브라우저에서)(홈마스타) 654
   원하는 부분만 인쇄하기. Css 작성과 링크 팁. (홈마스타) 589
    HK Post print Plugin V2_0(홈마스타)(2) 442
    간단한 텍스트 인쇄 / HTML 인쇄(홈마스타) 579
   웹페이지에 [인쇄하기](홈마스타) 859
   거래명세서(거래명세표) 와 세금계산서 HTML 출력(홈마스타) 1958
   라벨지 양식은 전용 소프트웨어나 워드로 라벨지를 완(홈마스타)(1) 1735
[1]  

복수단어 검색은 공백(space)로 구분해 주세요. 1




 
최근 글
[손님]

인기 글
[손님]
[홈마스타] [RE] input type=\\
[홈마스타] 중보입력 방지 루틴
[깊은연못] 24시간 Classical Radio