일반적으로 프린터는 window.print(); 라는 자바스크립트만 사용하면 가능하다.
하지만 화면을 있는 그대로 출력하면 싸이즈라던지 출력하고 싶지 않은 부분이 있을것이다.
그런것들을 프린터용 css를 작성해서 해결 가능하다.
<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">
css스펙에서 미디어 타입을 명시해서 적용한다.(defalut값은 media="screen"인듯하다)
#footer {display:none;}
css내에서 다음과 같이 필요없는부분을 처리함으로써 깨끗한 화면을 출력할수 있다.
1페이지를 넘어갈 경우 이어서 출력하는 옵션
page-break-before: always; 스타일로 잡아준다.
가로출력이나 기타여백등의 옵션을 주는 가장 쉬운 방법은
http://www.meadroid.com/scriptx/ 를 이용하는 것이다.
smsx.cab를 다운받아 압축을 풀어두고
<object id="factory" style="display:none"
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="http://압축풀어넣은장소/scriptx/ScriptX.cab#Version=6,5,439,50">
</object>
여긴 자바스크립트로..
factory.printing.header = ""; //머릿말 설정
factory.printing.footer = ""; //꼬릿말 설정
factory.printing.portrait = false //출력방향 설정: true-세로, false-가로
factory.printing.leftMargin = 1.0 //왼쪽 여백 설정
factory.printing.topMargin = 1.0 //위쪽 여백 설정
factory.printing.rightMargin = 1.0 //오른쪽 여백 설정
factory.printing.bottomMargin = 1.0 //아래쪽 여백 설정
factory.printing.Print(false, window)
무료 버전으로 사용할수 있는 옵션은 이정도이다.
하지만 화면을 있는 그대로 출력하면 싸이즈라던지 출력하고 싶지 않은 부분이 있을것이다.
그런것들을 프린터용 css를 작성해서 해결 가능하다.
<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">
css스펙에서 미디어 타입을 명시해서 적용한다.(defalut값은 media="screen"인듯하다)
#footer {display:none;}
css내에서 다음과 같이 필요없는부분을 처리함으로써 깨끗한 화면을 출력할수 있다.
1페이지를 넘어갈 경우 이어서 출력하는 옵션
page-break-before: always; 스타일로 잡아준다.
가로출력이나 기타여백등의 옵션을 주는 가장 쉬운 방법은
http://www.meadroid.com/scriptx/ 를 이용하는 것이다.
smsx.cab를 다운받아 압축을 풀어두고
<object id="factory" style="display:none"
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="http://압축풀어넣은장소/scriptx/ScriptX.cab#Version=6,5,439,50">
</object>
여긴 자바스크립트로..
factory.printing.header = ""; //머릿말 설정
factory.printing.footer = ""; //꼬릿말 설정
factory.printing.portrait = false //출력방향 설정: true-세로, false-가로
factory.printing.leftMargin = 1.0 //왼쪽 여백 설정
factory.printing.topMargin = 1.0 //위쪽 여백 설정
factory.printing.rightMargin = 1.0 //오른쪽 여백 설정
factory.printing.bottomMargin = 1.0 //아래쪽 여백 설정
factory.printing.Print(false, window)
무료 버전으로 사용할수 있는 옵션은 이정도이다.
'Java script' 카테고리의 다른 글
ie에서 경고창 없이 창 닫기 (0) | 2010.03.12 |
---|---|
글자크기 조절하기 (0) | 2010.03.03 |
인풋박스 클릭할때 무조건 한글로 설정하기 (0) | 2010.02.12 |
쿠키에 아이디 저장하기 (0) | 2010.01.28 |
자바스크립트에서 replace (0) | 2009.12.06 |