[스크립트] div로 지정된 영역 프린트하기

<div id="printarea">
..
출력 할 내용
..
</div>

 

html 이미지 버튼 생성한 다음 onclick이벤트를 주고

 

<a onclick="javascript:print(document.getElementById('printarea').innerHTML)" img="" src="/test/bt_print.gif"></a>

 

아래 스크립트 넣어주면 끝!

<script type="text/javascript">
//프린트 관련 스크립트 div 영역만 프린트함
         var win=null;
       function print(printThis)  
       {
              win = window.open();
              self.focus();
              win.document.open();
              win.document.write('<'+'html'+'><'+'head'+'><'+'style'+'>');
              win.document.write('body, td { font-family: Verdana; font-size: 10pt;}');
              win.document.write('<'+'/'+'style'+'><'+'/'+'head'+'><'+'body'+'>');
              win.document.write(printThis);
              win.document.write('<'+'/'+'body'+'><'+'/'+'html'+'>');
              win.document.close();
              win.print();
              win.close();
       }
</script>