개발

웹페이지 인쇄시 페이지 영역 설정하기

에드몽단테스 2011. 1. 12. 12:23
웹페이지 인쇄시 문서의 상하좌우 여백 및 머릿말 꼬리말등은 스크립트를 통해 처리할 수 있는 것이 아니라, 브라우저의 설정에서 이를 변경해주어야 한다.

다음은 브라우저 설정을 통하지 않고 스크립트로 직접 처리할 수 있는 방법이다.

우선 인쇄시 호출할 자바스크립트를 만든다.

<script type="text/javascript">
function printPage(){
    factory.printing.header = "";   //머릿말 설정
    factory.printing.footer = "";   //꼬릿말 설정
    factory.printing.portrait = true;  //출력방향 설정: true-가로, false-세로
    factory.printing.leftMargin = 0.5;  //왼쪽 여백 설정
    factory.printing.topMargin = 5;  //위쪽 여백 설정
    factory.printing.rightMargin = 0.5;  //오른쪽 여백 설정
    factory.printing.bottomMargin = 0.5;  //아래쪽 여백 설정
    // factory.printing.printBackground = true; //배경이미지 출력 설정:라이센스 필요
    factory.printing.Print(false);   //출력하기
    return false;
}
</script>


여백등의 설정은 위의 설정에서 변경할 수 있다.

그리고 문서 안에 다음과 같은 스크립트를 추가한다.
경로는 자신의 설정에 맞게 변경한다.

<object id="factory" style="display:none" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="/js/ScriptX/ScriptX.cab#Version=6,1,429,14"></object>

위에 경로에 첨부된 스크립트 파일을 모두 복사한다.

이제 인쇄시 window.print() 를 호출 하는 것이 아니라 위의 스크립트를 통해 인쇄를 하면 여백을 설정할 수 있다.

ScriptX 에 대한 자세한 내용은 이곳에서 확인 할 수 있다.
http://www.meadroid.com/scriptx/

반응형