고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
1. 프린트할 div 영역 지정해 주기
<div id="test_print">내용 </div>
2. div 밑에 스크립트 작성하기
<form name="t_p">
<input type=hidden name="printzone">
</form>
<script type="text/javascript">
function ex_print(){
document.t_p.printzone.value = test_print.innerHTML;
window.open("print.html","print_popup","width=800,height=600,top=100,left=100,noresizable,toolbar=no,status=no,scrollbars=yes,directory=no");
}
</script>
3. button 만들기
<a href="#" onclick="ex_print()">버튼버튼</a>
4.팝업창 만들기 print.html
<HTML>
<HEAD>
<TITLE>프린트</TITLE>
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<script for=window event=onload>
page.innerHTML = opener.t_p.printzone.value
window.print();
</script>
</HEAD>
<body>
<div id="page">
인쇄할 div 영역이 들어감.......
</div>
</BODY>
</HTML>
728x90
'쿠쿠 작업장(web program) > javascript' 카테고리의 다른 글
| javascript를 이용한 tab 만들기 (0) | 2021.02.17 |
|---|---|
| form내에 enter submit 금지 (0) | 2018.12.14 |
| onClick 다이렉트 링크 (0) | 2015.02.25 |
| javascript 소수점 올림 버림 반올림 (0) | 2015.02.07 |
| iframe 내용 바꾸기 (0) | 2013.07.13 |
댓글 영역