세이박스

'print'에 해당되는 글 1건

  1. [javascript] 지정된 영역만 자바스크립트로 출력 하기

[javascript] 지정된 영역만 자바스크립트로 출력 하기

웹프로그램

대부분 팝업을 띄워서 필요한 부분을 다시 읽어 들여서 출력을 많이 하는데 출력을 위해서 페이지를 추가로 만들어야 하는 번거로움이 생긴다.
이럴 경우 자바스크립트로 특정 부분을 지정하여 출력할 수 있다.

<script type="text/javascript">
function printIt(printThis)
{
    var win = null;
    win = window.open();
    self.focus();
    win.document.open();
    win.document.write("필요한내용을 추가로 이렇게 넣을수도 있습니다.<br>");
    win.document.write(document.getElementById('printarea').innerHTML);
    win.document.close();
    win.print();
    win.close();
}
</script>
<table>
  <tr>
    <td id="printarea">
       출력할 내용 테이블이 될수도 이미지가 될 수도 어떤 내용이든 출력 이영역 안에 내용만 출력
    </td>
  </tr>
</table>

위 소스처럼 굵게 입력한 id 값 이후 내용을 출력하게 됩니다.
따라서, div를 이용할 경우 <div id="test">내용</div> 처럼 적용하실 수도 있습니다.
출력할때만 추가적으로 내용을 넣고 싶다면 script에서 document.write를 추가하시면 됩니다.
응용해서 적용해 보시기 바랍니다. ^^

위 글은 세이박스에서 작성한 글이므로 가져 가실 때 출처 남겨 주세요! ㅋㅋ