[jQuery]선택한 영역만 프린트

jquery.printElement.js jquery.printElement.min.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery.printElement.js"></script>
<script>
$(document).ready(function() {
	$("#printBtn").click(function() {
		printElem({
			printMode:"iframe",
			leaveOpen:true
		});
	});
});

function printElem(options) {
	$("#printArea").printElement(options);
}
</script>

<div id="printArea">~~~~</div>
<img src="print.png" id="printBtn" />

$("#printBtn")은 실제 클릭을 할 버튼 이미지에 걸린 ID다.

가장 아래에 보면 이미지에 id가 걸린 게 보일 것이다.

그리고 그 다음 줄이 printElem이라고 함수 호출을 해 주고.

함수 호출하는 부분에 보면 $("#printArea")라고 된 부분이 있다.

이건 실제 프린트를 할 영역을 잡아 주면 된다.

* 참고로 가장 위에 jQuery가 가장 최신 버젼으로 링크되어 있는데 저럴 경우 이 스크립트가 정상적으로 작동하지 않을 수도 있다.

아마도 이거 한참 쓸 때 1.7.1까지였나?

그때까진 괜찮은데 그 이상부터는 오류를 내뿜었던 걸로 기억한다.

그러니 이걸 사용하시는 분들은 jquery-latest.js보단 정확한 릴리즈 버젼을 기입해서 사용하는 게 좋을 듯하다.

http://jquery.com/download/

[출처 : 해외 사이트 어딘가에서 뽀려 옴]