2009-04-19 8 views
1

나는 나의 웹 페이지에 특별한 분열을 가지고있다. 내 웹 페이지에서 "인쇄"를 클릭 할 때만 해당 div를 인쇄하고 싶습니다. 일부 자바 스크립트 코드가 있습니다. 그러나 형식이 잘되어 있지 않습니다.자바 스크립트를 사용하여 인쇄 하시겠습니까?

내 웹 페이지에서 특정 부분을 인쇄 할 자바 스크립트가 있습니까? 사전에

감사

  • Gnaniyar 쥬 바이 르
+0

'답변 됨'이라고 표시 하시겠습니까? – Andy

답변

9

CSS 스타일 시트 with the attribute media="print"을 지정하고 인쇄 할 내용을 제외한 모든 요소에 display: none; 스타일을 적용 할 수 있습니다.

print.css은 인쇄 일부 div의 숨기려는 경우에 "디스플레이를 설정할 수 있습니다

<HEAD> 
<LINK rel="stylesheet" type="text/css" 
    media="print" href="print.css" /> 
</HEAD> 

<DIV class="print_block"> 
    ... 
</DIV> 
+0

감사합니다 andy ... 그러면 인쇄 버튼 onclick에서 나는 onclick = 'window.print()'를 주어야합니다. 그러면 해당 div 만 인쇄됩니다. 권리? –

+0

예, JavaScript는 실제로 관련이 없습니다. 사용자가 파일 -> 인쇄로 이동할 때도 마찬가지입니다. – bobince

+0

예. media = "print"스타일을 적용합니다.태그를 media = "screen"으로 변경하여 인쇄하지 않고 테스트 할 수 있습니다 (참조 된 마지막 스타일 시트인지 확인하십시오). – Andy

1

내가이 일을 직접적인 방법이라고 생각하지 않습니다. 당신은 그러나 할 수 있습니다

  • media=print위한 특별한 CSS를 작성 곳이 숨겨져 인쇄 할 DIV 하나, 또는
  • 사용하면

을 인쇄 할 내용에 대한 숨겨진 iframe을 제외한 모든 "javascript print partial page"라는 용어로 인터넷 검색을하면 자습서를 찾는 데 도움이 될 수 있습니다.

+0

CSS가 더 나은 옵션이 될 것입니다. –

+0

물론, iframe을 사용하는 페이지에서도 완벽 함을 위해 언급했습니다. – dirkgently

4

* { display: none; } 
div.print_block { display: block; } 

page.html : : 없음 예를 들어

"스타일 시트의 인쇄 매체 섹션에 나타나고 나타나지 않습니다.

예를 들어, 스타일 시트의 :

@media print { 

    div.header { 
     display: none; 
    } 

    div.printable { 
     page-break-inside: avoid; 
     page-break-after: always; 
    } 
} 

이 대답은 거의 정확하게 당신이 완전히 별도의 스타일 시트를 필요가 없습니다 :-), 단지 주 4 분 나를 이길 두와 동일합니다 원하지 않으면 ...

또한 "page-break-inside : avoid;" 와 "page-break-after : 항상;" 조항은 각자의 페이지에 몇 개의 div를 출력하기에 좋은 입니다.

0

내 직장에서 한 프로젝트 에서처럼 smf를 보았습니다. 인쇄하고 싶은 부모 페이지의 콘텐츠를 팝업에 팝업으로 열어야합니다. 그리고 전부입니다 :)

3

이 jQuery 플러그인을 확인하십시오 jqPrint. 그것은 당신이 원하는 것을하는 것처럼 보입니다.

관련 문제