jQuery div print 하기(iframe이용)

아래 코드를 이용하면, 특정 DIV 부분만 인쇄할 수 있다. 화면에 보이지는 않지만 iframe을 하나 만들어서 거기에 인쇄할 내용을 복사해서 붙여 넣고, 그 iframe 자체를 인쇄해 버리는 방법이다.

 

<script>

var print_contents = $("#print_div").html();

$("#print_iframe").contents().find("body").html(print_contents);

$("#print_iframe").contents().find(".btn_box_hidden").hide();

$("#print_iframe").focus();

frames["print_iframe"].focus();

frames["print_iframe"].print();

</script>

 

<iframe name="print_iframe" id="print_iframe" src="/mypage/main/blank_print" width="0" height="0" style="display:"></iframe>

 

<div id="print_div">

이 부분이 인쇄가 됩니다.

</div> 

 

원본 위치 <http://codewave.tistory.com/17>