Top

웹에서 div만 프린터 출력하기 | Web-Programing
안지흠 (hoomiyam) | Editor | 2014/06/26 09:50:31 | 조회:11590

  1. <div id='printArea'> hoooooo </div>
  2. <input type='button' name='pBtn' id='pBtn' value='인쇄하기' onClick="javascript:pageprint('printArea');">

위의 공간만 출력시


  1. <script>
  2. var initBody;
  3. function beforePrint(mapId)
  4. {
  5.     initBody = document.body.innerHTML;
  6.     document.body.innerHTML = mapId.innerHTML;
  7. }
  8. function afterPrint()
  9. {
  10.     document.body.innerHTML = initBody;
  11. }
  12. function pageprint(mapId)
  13. {
  14.     window.onbeforeprint = beforPrint(mapId);
  15.     window.onafterprint = afterPrint();
  16.     window.print();
  17. }

 

어제 프린트 인쇄하는걸 찾는데 팝업인쇄만 잔뜩나오고 어떤건 화면이 그냥 리프레쉬 되고 

결국 괜찮은 소스 찾음 출처가 기억이 안남;

소스 써보려니 함수화가 안되잇어 재사용을 못해서 함수화 시킴.

div id 값을 pageprint() 함수의 파라미터로 넘기면 됨. 끝!

 

 
공유하기
공유하기
0
0
0


댓글을 불러오는 중입니다.
▲ 이전글 카카오톡에 링크 공유하기 ! 신장미 (shinjm) 2014-07-14 11:46:54
▼ 다음글 [CSS] 브라우저 버전별 CSS핵 김경훈 (admin) 2014-06-24 11:38:46
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.