본문 바로가기
HTML·CSS·JQuery

인쇄 기능 삽입하기

by ID.V 2020. 2. 14.

인쇄CSS

<style type="text/css">
     @media print{
         #header{display: none;}
         #left{display: none;}
         #footer{display: none;}   
          }
</style>
<A href="javascript:window.print()">프린트하기</A>

 

해당 페이지에 JS 삽입

<style type="text/css">
  @media print{
    #util_wrap{display: none;}
    #header{display: none;}
    #left{display: none;}
    #footer{display: none;}
  }
</style>
<a href="javascript:window.print()">인쇄하기</a>

 

버튼이 있는 페이지(이미지 인쇄)

<script type="text/javascript">
  function MM_openBrWindow(theURL,winName,features) {
    window.open(theURL,winName,features);
  }
</script>

<a href="#" onclick="MM_openBrWindow('print.asp','','scrollbars=yes,width=610,height=610');return false;" class="btnPrnt" target="_blank">오시는길 인쇄하기</a>

 

새 창 팝업 페이지

<script type="text/javascript">
  window.onload = function(){
  window.print();
  //self.close();
  }
</script>
<img src="/images/company/location_print.gif" alt="지도 이미지" />

 

댓글