일상 기록 창고

특정 부분 인쇄 본문

프로그래밍/자바스크립트

특정 부분 인쇄

Crazy_Kong 2008. 1. 18. 11:20

<div id="print"> 인쇄할 내용들 </div>

새창에서 opener 와  outerHTML 을 조합합니다.

<div id="view"> </div>

<script type="text/javascript">
var ie = /MSIE/.test(navigator.userAgent);
var moz = !ie && navigator.product == "Gecko";

if(moz){
  var obj = opener.document.getElementById('print');
  outerHTML = (new XMLSerializer).serializeToString(obj);
    document.getElementById('view').innerHTML = outerHTML;
}
else{
  document.getElementById('view').innerHTML = opener.document.getElementById('print').outerHTML;
}
window.print();
</script>

 

기존 소스들은 div 로 인쇄할 곳을 남기고 숨기는 것들이 많았는데 .. 번거로와서 만들어 보았다.

 

테스트는 익스 7, 파폭에서만 해 본거라 다른 브라우저는 패스 ;;

 

아 하고 나서 보니  document.getElementById('view').innerHTML = opener.document.getElementById('print').innerHTML; 로 해도 무방한 OTL