'특정영역'에 해당되는 글 1건

  1. 2008.12.03 [javascript] 특정 영역 인쇄
2008.12.03 14:13


현재 진행중인 프로젝트에서 공통 컨트롤을 개발하던 도중..
특정영역을 인쇄하는 기능을 구현하고 있었다..




이미 개발해본 기능이라 어렵지 않게 개발을 진행하고 있었는데...
이게 뭐야..

무슨 뽑기하듯이 인쇄 페이지에 글씨나 이미지 같은 객체가 표시가 되서 인쇄될 때도 있고,
표시가 안되서 빈페이지가 인쇄될때도 있는것이 아닌가...
(IE, FF에서 모두 이런 현상이 발생하였다..)

이때, 구현한 방식은..
인쇄할 팝업 파일(print.htm)을 생성하고 특정영역을 div로 감싸서 해당 innerHTML을
팝업의 div의 innerHTML로 설정하는 매우 보편적으로 사용하는 방법이었다..




그래서 다른방법으로 구현해보기로 했다..
window.onbeforeprint, window.onafterprint를 이용해서 구현해보았지만 역시 마찮가지였다..




아놔.. 어쩌라고...
그래서 최종적으로 작업한 것은..


팝업파일을 생성하지 말고..
팝업 페이지를 생성해서 내용을 작성해서 인쇄후 페이지를 닫는 방법으로 구현하는 것이다.
뭔소리인지 모르겠지...?? 백문이 불여일견!!



이 방법으로 인쇄도 잘 되고(IE, FF 모두)
UC에서 div 이름을 입력받아서 해당 부분을 출력할 수 있는 기능도 구현할 수 있게되었다.

그래서 난... 지금 완전 신나 ㅎㅎㅎ

아아.. 참고로 사용은
해당 UC를 웹페이지에 추가하고
웹 페이지에서 div로 인쇄할 영역을 설정하면 되겠다..
<div id="printArea"> 인쇄할 부분 </div>

또 UC의 속성중 PrintDivName값을 위 div의 id값으로 설정해주면 되겠지 ㅋㅋ

Posted by 열라착한앙마

댓글을 달아 주세요