2012-04-09 1 views
0

나는 Title 2에 사용자가 클릭 만 DIV 등등에서 제목이 개 쇼를 해당하는 경우 및이ASP.NET에서 탭된 웹 사이트를 모두 인쇄하고 싶습니까?

|TITLE1| - |TITLE2| - |TITLE3| - ETC. 

같은 탭에서 나눈 ASP.NET 웹 사이트를 가지고있다. 인쇄 이미지 버튼을 만들었지 만 모든 탭이 열린 상태로 인쇄되도록 인쇄하고 싶습니다. 지금은 클릭 한 탭만 인쇄합니다.

+0

CSS 인쇄 매체 – epascarello

답변

2

모든 탭의 내용을 CSS와 연결된 div로 렌더링해야합니다. media print rule. 실제 탭에는 인쇄용으로 숨길 CSS 규칙이 필요합니다.

<div id="tabs" class="print_hidden"> 
Your actual tabs go here 
</div> 
<div id="printTabs" class="screen_hidden"> 
Your printer friendly text goes here when the link below is clicked. 
</div> 
<asp:LinkButton runat="server" id="lnkPrinterFriendly">Printer-friendly view</asp:LinkButton> 

그런 다음 CSS 파일에 다음이 그래서 예를 들어 당신이 :

@media print { 
.screen_hidden { display: none; } 
} 

@media screen { 
.print_hidden { display: none; } 
} 
2

내가 div 요소에있을 것입니다 가정의 모든 탭이 (가 인쇄 스타일 시트를 사용하여)을 display: block으로 설정하십시오.

+0

페이지 맨 위에 링크 된 미디어 유형 인쇄물로 print.css를 만들었습니다 .CSS에서 다음을 추가했습니다. div.tabs-1 { display : block; } div.tabs-2 { 디스플레이 : 블록; } div.tabs-3 { display : 블록; }. 하지만 여전히 인쇄하고 싶을 때, 현재 탭이 3 개 대신 모두 인쇄됩니다. 무엇을 놓쳤습니까? 감사. –

+0

gotit ... 우리 div에 .hide()를 호출 할 때 중요한 옵션이 jQuery에 의해 설정되었습니다. 거기에서 중요한 것을 삭제하면 이제 작동합니다. 고마워요. –

관련 문제