728x90
jQuery 공식 홈페이지
http://www.jquery.com/
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
jquery.mb.browser.min.js
0.00MB
jquery.printElement.js
0.01MB
참고 싸이트 http://m.blog.daum.net/mygunsan/106
<style>
/*=============================== CSS 내용 ===============================*/
@media print {
.advertising {display:none;} //웹에서 오른쪽 단추로 눌러서 인쇄 하는경우 a 태그 링크 안보이게 막기
}
.endline{page-break-before:always} //다음 페이지로 나머지 인쇄
/*=============================== CSS 내용 ===============================*/
</style>
// 방법1
function temporaryPrint(){
var html = $('#printAreaTax').html();
printArea(html);
}
function printArea(data) {
win = window.open();
win.document.write("<html>");
win.document.write("<head>");
win.document.write("<title></title>");
win.document.write("<link rel='stylesheet' href='css/web.css' type='text/css' />");
win.document.write("<style>");
win.document.write("</style>");
win.document.write("</head>");
win.document.write("<body>");
win.document.write(data);
win.document.write("</body>");
win.document.write("</html>");
win.document.close();
setTimeout(function () {
win.focus();
win.print();
win.close();
}, 500);
}
// 방법2
<script src="../../assets/js/jquery.min.js"></script>
<script src="../../assets/js/jQuery.print.js"></script>
<div id="command_bar">
A4용지를 준비하고 인쇄버튼을 클릭하세요. <input type="button" value="인쇄하기" onclick="jQuery('#printAreaTax').print()" />
</div><br><br>
<div id="printAreaTax" style="padding:10px;"> 내용 </div>제이쿼리 프린터 이용하여 div 영역 출력하기
<script src="<?=__RESOURCES__?>/js/common/jQuery.print.js"></script>
<div id="command_bar" align="right">
<form name="requestForm" id="requestForm" method="post">
<div class="input-group">
<input type="text" class="form-control form-control-sm" style="width:100px;margin-left:70%" name="le_br" value="<?=$_GET['le_br']?>" onkeypress="javascript:if(event.keyCode == 13){ logsearch() }" />
<button type="button" class="btn btn-sm btn-outline-success" onclick="logsearch()">조회</button>
<button type="button" class="btn btn-sm btn-outline-danger" onclick="jQuery('#printAreaTax').print()">인쇄하기</button>
</div>
</form>
</div>
<div id="printAreaTax">
=========== 이 영역을 출력합니다 ===========
</div>
728x90