마음의 안정을 찾기 위하여 - Web Page에서 일부 영역을 인쇄하는 JavaScript
2058465
91
209
관리자새글쓰기
태그위치로그방명록
별일없다의 생각
dawnsea's me2day/2010
색상(RGB)코드 추출기(Color...
Connection Generator/2010
최승호PD, '4대강 거짓말 검...
Green Monkey**/2010
Syng의 생각
syng's me2DAY/2010
천재 작곡가 윤일상이 기획,...
엘븐킹's Digital Factory/2010
Web Page에서 일부 영역을 인쇄하는 JavaScript
Web, Script/JavaScript | 2007/05/23 14:53

웹으로 서비스를 하면서 특정 부분만을 사용자가 인쇄할 수 있도록 구현하기 위한 스크립트이다.

페이지에서 새창을 열어, InnerHtml을 이용하여 특정영역을 잘라내기 하여 재구성한 후
바로 window.print()를 호출하여 인쇄를 하게 함.

호출하는 페이지(open.html)

<html>
<script>
function ContentPrint() {
  window.open("print.html", "", "width=500, height=300, scrollbars=yes");
}
</script>
<body>
<a href="#" onclick="ContentPrint();">인쇄하기</a>
<Pre>
  이 부분은 인쇄되지 않습니다. (Top)
  <!-- print start -->
  이 부분이 인쇄되는 영역입니다. (Middle)
  <!-- print end -->
  이 부분은 인쇄되지 않습니다. (Bottom)
</body>
</html>



호출되는 페이지 (print.html)

<script>
function setContents()
{
  var contentsText = opener.document.body.innerHTML;
  var PrnStart   = contentsText.toLowerCase().indexOf("<!-- print start -->");
  var PrnEnd     = contentsText.toLowerCase().indexOf("<!-- print end -->");
  var PrnContent = contentsText.substring(PrnStart, PrnEnd);

   ContentsText = PrnContent;
 
  if(ContentsText != "") {
    document.body.innerHTML = ContentsText;
    window.print();
  } else {
    alert("출력할 내용을 찾지 못하였습니다.");
  }
  self.close();
}
</script>
<body onload="setContents()"></body>
</html>



=> 구현 페이지 보기
2007/05/23 14:53 2007/05/23 14:53
Article tag list Go to top
View Comment 0
Trackback URL :: 이 글에는 트랙백을 보낼 수 없습니다
 
 
 
 
: [1] ... [752][753][754][755][756][757][758][759][760] ... [862] :
«   2022/10   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
전체 (862)
출판 준비 (0)
My-Pro... (41)
사는 ... (492)
블로그... (22)
My Lib... (32)
게임 ... (23)
개발관... (3)
Smart ... (1)
Delphi (75)
C Builder (0)
Object... (0)
VC, MF... (9)
Window... (1)
Open API (3)
Visual... (0)
Java, JSP (2)
ASP.NET (0)
PHP (4)
Database (12)
리눅스 (28)
Windows (23)
Device... (1)
Embedded (1)
게임 ... (0)
Web Se... (2)
Web, S... (19)
잡다한... (5)
프로젝트 (0)
Personal (0)
대통령... (9)
Link (2)