자바스크립트 프린트 하기 (div 내용을 window.print로)
페이지 정보
작성자 서방님 댓글 0건 조회 150회 작성일 10-03-25 18:43본문
웹페이지에서 프린트를 하기 위해 한페이지를 만들어주는 방법...
생각보단 간단하다..
innerHtml 을 사용한다면..
<div id="A">
프린트 하고자 하는 내용
</div>
<!-- 프린터영역 <DIV id=A> 값을 받아서 넘기기 시작-->
<form name="pf">
<input type=hidden name="printzone">
</form>
<script>
function print_info()
{
document.pf.printzone.value = A.innerHTML;
window.open("print_page.html", "print_open","width=800,height=700,top=0,left=0,noresizable,toolbar=no,status=no,scrollbars=yes,directory=no");
}
</script>
<!-- 프린터영역 <DIV id=A> 값을 받아서 넘기기 끝-->
위와같이 해서... print_info() 라는 함수를 호출하게 되면..
print_page.html 이라는 창이 뜨고.. 출력하고자 하는 내용만이 들어간 페이지가 뜬다.
그리고.. 그페이지에는...
<HTML>
<HEAD>
<TITLE>+++프린트하기 +++</TITLE>
<link href="/css/print.css" rel="stylesheet" type="text/css">
<script for=window event=onload>
B.innerHTML = opener.pf.printzone.value
window.print();
</script>
</HEAD>
<body>
<div align=center><font size=3>≪ <b>아래에는 프린트 할 내용이 뜬다.</b> ≫</font></div>
<BR>
<div id="B">
</div>
</BODY>
</HTML>
라고 하면.. 프린트를 깔끔히 할수 있다아.. ㅋㅋㅋ
출처 : http://blog.naver.com/tyboss?Redirect=Log&logNo=70029270952
댓글목록
등록된 댓글이 없습니다.
