* 여러 *이 사업부

특정 인쇄 내가 설명하려고합니다 :* 여러 *이 사업부

을 나는 수많은 DIV 클래스를 가지고 있지만, 간단하게하기 위해, 이제 난 단지 3

누군가가 DIV 하나를보고 있다고 가정 해 봅시다, 2와 3을 생략하는 DIV 1 만 인쇄 할 수있는 옵션을 제공하고자합니다.

그러나 동일한 페이지에서 DIV 2를 인쇄 할 수있는 옵션을 제공하고 싶습니다. 또는 DIV 3 만 인쇄하십시오.

나는 인쇄물을 얻는 데있어 어떤 것을 생략 할 수 있다고 생각합니다. 그러나 같은 페이지에서 인쇄 링크로 인쇄 할 섹션을 어떻게 선택할 수 있습니까?

감사합니다, 트레이시

출처

2010-01-31 flipflopmedia

선택한 div와 주변 또는 작은 divs 콘텐츠 자체를 인쇄 하시겠습니까? –

당신은/숨기기 된 div를 보여 jQuery를 사용할 수 있습니다.

http://docs.jquery.com/Tutorials

이 코드는이 방법을 볼 것이다 : JQuery와 튜토리얼을 읽어

<script> 
function showDiv(n) { 
    $('.divs').hide(); 
    $('#div_'+n).show(); 
} 
$(document).ready(function() { showDiv(1); }); 
</script> 
<a href='javascript:showDiv(n)'>show div n</a> 
<div class='divs' id='div_n'>I'm div n</div>

출처

2010-01-31 14:56:18 milosz

예, div 표시/숨기기 방법을 알고 있지만 특정 div를 어떻게 인쇄합니까? – flipflopmedia

가 인쇄 사업부의 컨텐츠에 많은 관련 게시물이가에 질문을 받았다 불구하고,이 특정 질문은 '아직 열려 10. 다음의 JavaScript 기능은 선택된 Div 태그의 내용을 인쇄하는 데 사용할 수 있습니다. 희망이 도움이됩니다. 면책 조항 : IE-8 (IE-8)을 사용하기 위해 기존의 답변 중 일부를 수정/강화 된 코드/오류로 사용했습니다.

function printDiv(divName) { 
    var divToPrint = document.getElementById(divName); 
    var newWin = window.open('', 'PrintWindow', 'width=400, height=400, top=100, left=100', ''); 
    newWin.document.open(); 
    newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>'); 
    newWin.document.close(); 
    setTimeout(function() { newWin.close(); }, 10); 
}

어디서나 페이지에서 또는 선택한 Div 내에서 printDiv를 호출하십시오.

<a href="Javascript:printDiv('divCustomerData')">Print Customer Data</a> 

<a href="Javascript:printDiv('divOrderData')">Print Order Data</a>

는 각각의 ID를가 인쇄하는 사업부에 할당 :

<div id="divCustomerData">Div Contents goes here... </div>

유일한 캐치 지금은 CSS 스타일을 잃게 여기 테스트 링크입니다. 나는 그것을 고칠 기회를 얻었을 때 응답을 업데이트 할 것이다. 감사. 내가 줄 것

출처

2012-10-10 18:05:57 Mayank

이 스크립트에 추가하고 CSS 페이지를 호출하여 새 창에서로드하는 방법이 있을지 궁금한가요? 오늘 제 질문에 71/2 년 전에 물었습니다. – flipflopmedia

신경 쓰지 마세요, 충분히 쉬웠습니다. 방금 누락 된 헤드 태그를 추가하고 CSS 태그를 추가하고 링크했습니다. – flipflopmedia

https://github.com/jasonday/jquery.printThis

는 각각 ID를 div에, 다음 (내가 쓴) 사업부 ID에 따라 지정 위의 플러그인을 사용하여.

출처

2012-11-12 20:40:48 Jason

예,이 질문을 게시 한 이후로 많은 세월이 흘렀습니다. 나는 오늘 같은 대답을 찾고 있음을 깨달았다. 위 URL에서 귀하의 사이트가 귀하의 사이트에서 https://github.com/jasonday/printThis로 변경되었음을 알려드립니다. – flipflopmedia

* 여러 *이 사업부

답변

관련 문제