1. 프린트 할 영역의 테이블에 id 값을 준다
ex ) <table id="print_doc"> 생략... </table>
2. 프린트 할곳에 해당 스크립트 와 iframe를 하단에 삽입하며 클릭 버튼을 넣어준다.
<input type="button" value="프린트" onclick="print_();"> <!-- 버튼 넣고싶은곳에 넣는다.-->
<iframe id="hiddenFrame" name="hiddenFrame" width="0" height="0"></iframe> <!-- 팝업을 뛰우지 않기위해-->
<script language="Javascript" type="text/javascript">
<!--
function print_() {
window.open("./print_hidden.php", "hiddenFrame");
window.frames['hiddenFrame'].focus();
}
//-->
</script>
3. 같은 디렉토리 안에 print_hidden.php 아래 내용을 넣어서 파일을 생상한다.
<html>
<title>프린트</title>
<body leftmargin=0 topmargin=0></body>
</html>
<script language="Javascript" type="text/javascript">
<!--
function print_() {
window.print();
}
var base = parent.location.href;
var body = parent.document.getElementById('print_doc').innerHTML;
document.body.innerHTML = "<BASE HREF='"+base+"'>" + body;
window.onload = print_;
//-->
</script>
'HTML & Script' 카테고리의 다른 글
| 마우스나 키보드 이벤트 제어 (0) | 2009.10.21 |
|---|---|
| 팝업창 (0) | 2009.10.21 |
| [html] 파일업로드(찾아보기버튼)를 이미지로 변경 하기 (4) | 2009.07.15 |
| [JavaScript] 마우스 오버 아웃 해당 이미지 바꾸기 스크립트 (0) | 2009.07.15 |
| [JavaScript] 특정영역 내용 복사하기(클립보드) 익스 전용 (0) | 2009.07.15 |