웹프로그램

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

세이박스 2009. 8. 31. 19:54
반응형

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

<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를 추가하시면 됩니다.
응용해서 적용해 보시기 바랍니다. ^^

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


반응형