더 나은 프로그래머가 되자

jQuery div print 하기(iframe이용),div 영역 프린트 본문

언어/js

jQuery div print 하기(iframe이용),div 영역 프린트

greathuman 2015. 1. 22. 09:49

아래 코드를 이용하면, 특정 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 

'언어 > js' 카테고리의 다른 글

아작스 비동기호출 제이쿼리,ajax  (0) 2015.01.27
datepicker 설정  (0) 2015.01.22
비밀번호 검증,비밀번호 체크, 비밀번호 정규식  (0) 2015.01.13
이미지 src 바꾸기  (0) 2014.12.01
jquery ajax 아작스 구문  (0) 2014.11.25
Comments