메뉴 건너뛰기

조회 수 5525 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<script language="javascript">
function content_print(){

var initBody = document.body.innerHTML;
window.onbeforeprint = function(){
document.body.innerHTML = document.getElementById('인쇄할 DIV 아이디').innerHTML;
}
window.onafterprint = function(){
document.body.innerHTML = initBody;
}
window.print(); 
} 
</script>


화면의 어느 곳이든 아래의 링크를 넣어주세요

<a href=# onclick="javascript:content_print();">인쇄하기</a>

저의 경우엔 테크노트로 홈페이지와 함께 웹발주시스템을 구성해 사용 중인데요
이 때 기간별 거래내역 등을 글목록을 활용해서 보여주고 있거든요.
그러다 보니 거래처에서 이 내용을 프린트하려면 반드시 필요한 기능이 글목록 인쇄 기능이어서..
이런저런 궁리를 하다가 막히던 찰나.. DIV를 활용하면 되겠다 싶어 적용했는데 아주 잘되더라구요.
검색을 하다가 저처럼 글목록 인쇄를 원하시는 분들이 더러 있는 걸 알게 되서 이렇게 팁을 올려드립니다.

DIV를 활용하여 인쇄하기의 좋은 점!

1. 여기 저기 설정을 손 볼 필요가 없고, div로 특정영역을 묶기만 하면 되니 적용 방법이 정말 간단하죠
2. 웹페이지를 인쇄할 때면 상하에 자리한 버튼 또는 위 아래 부분에 생기는 URL 부분 등 잡다한 내용들이
빠지고 꼭 필요한 내용만 인쇄할 수 있어서 마치 엑셀로 작업해놓은 듯 군더더기 없는 인쇄 품질을 보여줍니다.
3. 쇼핑몰에서 상품별 상세페이지를 인쇄할 때도 유용하게 쓰이구요
화면의 어느 부분이든 원하는 대로 영역을 지정해 인쇄할 수 있도록 구성하니 고객들의 반응이 참 좋아요.

참고로 저는 윈7, 익스8 환경에서 적용했습니다.


  1. [jQuery] 상위부터 차례로 지역 선택하기

    Date2014.03.01 Views46627
    Read More
  2. [jQuery] 실시간 검색어 순위 순서대로 보여주기

    Date2014.03.01 Views12099
    Read More
  3. check box 선택시 색상 변경

    Date2014.03.01 Views6557
    Read More
  4. 마우스대면 글자 없어지는 검색창

    Date2014.03.01 Views6643
    Read More
  5. 주민등록번호 체크

    Date2014.03.01 Views6006
    Read More
  6. input에 background-image 이벤트

    Date2014.03.01 Views5444
    Read More
  7. 이메일 체크하기

    Date2014.03.01 Views5288
    Read More
  8. input 테그안의 숫자 3자리 마다 콤마 찍기

    Date2014.03.01 Views6939
    Read More
  9. 주민번호 입력시 생일 자동입력

    Date2014.03.01 Views5720
    Read More
  10. 이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover

    Date2014.03.01 Views7018
    Read More
  11. 네이버 달력 자바스크립트 소스

    Date2014.02.27 Views7077
    Read More
  12. 날짜 간의 일수 계산

    Date2014.02.27 Views7628
    Read More
  13. JavaScript 날짜관련함수

    Date2014.02.27 Views5786
    Read More
  14. 차단된 팝업창을 허용하라는 스크립트

    Date2014.02.27 Views6821
    Read More
  15. iframe 아이프레임 내용 길이에 따라서 높이가 자동으로 조절 되도록

    Date2014.02.27 Views6262
    Read More
  16. 적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁

    Date2014.02.27 Views5525
    Read More
  17. 3자리마다 콤마찍기

    Date2014.02.27 Views6123
    Read More
  18. input 박스에서 유용한 자바 스크립트

    Date2014.02.27 Views5575
    Read More
  19. textarea의 글자수 제한

    Date2014.02.27 Views6259
    Read More
  20. 라디오 버튼 value 값 있는지 체크하기

    Date2014.02.27 Views6553
    Read More
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved