강좌&TIP/Javascript2005/05/17 10:17

[TIP] 페이지에서 특정 부분만 인쇄하고 싶을때

웹프로그래밍을 하다보면 클라이언트의 요구에 의해 어느 특정 부분만 인쇄가 되게 해달라는 경우가 있다.

이럴경우 Javascript를 이용해 간단히 처리할수가 있다.

바로 window.onberforeprint 와 window.onafterprint 이다...

전자는 window.print()가 실행되기 전에 수행되는 명령이며,
후자는 window.print()가 실행된후 즉 인쇄명령이 내려진 뒤에 수행
되는 명령이다.

이걸 이용해 인쇄할 영역을 제외한 곳에 ID값을 지정한 다음 아래처럼 사용하면 된다.

<script>
function print_map()
{
window.onbeforeprint = hideArea; // 인쇄전에 실행할 함수
window.onafterprint = showArea; // 인쇄후에 실행할 함수
window.print();
};

function hideArea()
{
HiddenArea.style.display = 'none';
};

function showArea()
{
HiddenArea.style.display = 'inline';
};
</script>

<div ID='HiddenArea'>인쇄 안되지렁~~~</div>
<div>인쇄 되는곳!!</div>
크리에이티브 커먼즈 라이센스
Creative Commons License
블로그코리아에 블UP하기   믹시' 믹시
Posted by 금룡이
No Trackback 1 Comment

Trackback URL : http://myfeeling.info/trackback/29

Leave your greetings.

  1. 미유키

    오~ 이제 강좌도 뛰는거야....

    2005/05/17 23:06 [ Permalink : Modify/Delete : Reply ]