메뉴 건너뛰기

조회 수 5534 추천 수 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. No Image 01Mar
    by
    2014/03/01 Views 46718 

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

  2. No Image 01Mar
    by
    2014/03/01 Views 12121 

    [jQuery] 실시간 검색어 순위 순서대로 보여주기

  3. No Image 01Mar
    by
    2014/03/01 Views 6568 

    check box 선택시 색상 변경

  4. No Image 01Mar
    by
    2014/03/01 Views 6655 

    마우스대면 글자 없어지는 검색창

  5. 주민등록번호 체크

  6. No Image 01Mar
    by
    2014/03/01 Views 5460 

    input에 background-image 이벤트

  7. No Image 01Mar
    by
    2014/03/01 Views 5308 

    이메일 체크하기

  8. No Image 01Mar
    by
    2014/03/01 Views 6948 

    input 테그안의 숫자 3자리 마다 콤마 찍기

  9. 주민번호 입력시 생일 자동입력

  10. No Image 01Mar
    by
    2014/03/01 Views 7025 

    이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover

  11. No Image 27Feb
    by
    2014/02/27 Views 7085 

    네이버 달력 자바스크립트 소스

  12. No Image 27Feb
    by
    2014/02/27 Views 7635 

    날짜 간의 일수 계산

  13. No Image 27Feb
    by
    2014/02/27 Views 5794 

    JavaScript 날짜관련함수

  14. No Image 27Feb
    by
    2014/02/27 Views 6833 

    차단된 팝업창을 허용하라는 스크립트

  15. No Image 27Feb
    by
    2014/02/27 Views 6269 

    iframe 아이프레임 내용 길이에 따라서 높이가 자동으로 조절 되도록

  16. No Image 27Feb
    by 조쉬
    2014/02/27 Views 5534 

    적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁

  17. No Image 27Feb
    by
    2014/02/27 Views 6130 

    3자리마다 콤마찍기

  18. No Image 27Feb
    by
    2014/02/27 Views 5580 

    input 박스에서 유용한 자바 스크립트

  19. No Image 27Feb
    by
    2014/02/27 Views 6264 

    textarea의 글자수 제한

  20. No Image 27Feb
    by
    2014/02/27 Views 6559 

    라디오 버튼 value 값 있는지 체크하기

Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved