2009-07-27 5 views
1

나는 ASP.NET에서 Jquery를 사용하여 달력을 작성하고 있습니다. 그리고 인쇄를 구현하려고합니다. 간단한 html이나 이미지를 문제없이 인쇄 할 수 있습니다. 하지만 Google 캘린더 인쇄물과 같은 인쇄물을 만드는 방법을 알 수 없습니다.Google 캘린더 인쇄는 어떻게 작동하나요?

당신이 팝업 더 많은 옵션 (크로스 브라우저)를 가지고 인쇄 대화 상자 "달력 인쇄 미리보기"에서 인쇄를 누르면 이 인쇄 대화 상자가 간단한 브라우저 인쇄, 다른 방법 일부 그리고 그들은 더 많은 제어를 갖고있는 것 같다 예를 들어 풍경 인쇄 설정과 비슷합니다.

아무도 이것을 구현하는 방법을 알고 있습니까?

감사

+0

캘린더가 아닌 캘린더 –

답변

2

그것은 .PDF 문서를 생성하는 서버 측 스크립트에 게시되는 몇 가지 옵션이 단지 팝업 창입니다.

당신은 이미지/PDF를 생성하는 서버 측 스크립트를 사용하지 않고 비슷한 할

<link media="print" rel="stylesheet" type="text/css" href="main.css" /> 

를 사용할 수 있습니다.

media = "print"을 참고하십시오. 즉, 페이지를 인쇄 할 때 주어진 스타일 시트가 사용될 것입니다. 사용자 정의 CSS 규칙을 지정할 수 있습니다 (예 : 탐색 숨기기, 종이에 캘린더 모양이 멋지게 표시하는 등).

편집 :

댓글에 응답. 당신이 pdf에 html를 개조하는 경우에 그것은 동일하게 볼 것이다. 당신이 구글 캘린더에서 그 양식을 제출할 때 그들은 모든 옵션을 가져 와서 그들로부터 PDF를 생성합니다. 가로를 선택하면 페이지를 회전시키고 모든 것을 다시 계산하여 페이지에 맞 춥니 다. 그것을 단순화하기 위해 제출 한 옵션에 따라 이미지를 서버 측에 그려서 pdf에 넣습니다.

이전에 해보지 않았다면 그렇게 간단하지 않습니다. 나는 그 인쇄 페이지에서 CSS와 JavaScript로 놀고 JS와 CSS 규칙을 사용하여 가로와 세로 사이를 전환하여 비슷한 것을 모방 할 수 있는지 봅니다. (사용자가 클릭 할 때 "가로", "세로"의 두 버튼을 만듭니다. 일정한 용지 크기에 맞도록 일정에 대한 CSS 규칙을 변경합니다. 다시 CSS에 익숙하지 않다면 어렵습니다.

확실한 대답은 없지만 Google의 경로는 매우 훌륭하지만 재현하기가 쉽지 않습니다.

의견에 대한 추가 정보

+0

캘린더 html을 window.print() 버튼이있는 새 창으로 복사하고 있습니다. 그래서 html을 pdf로 변환하고 pdf를 인쇄해야합니까? 어떻게해야할까요? 가로 인쇄 설정과 같이 PDF 인쇄를 어떻게 제어 할 수 있습니까? 감사합니다. – SirMoreno

+0

답변이 업데이트되었습니다. –

+0

답변 해 주셔서 감사합니다. CSS 옵션을 선택했는데 가로 인쇄를 설정할 방법을 찾지 못했습니다 (스타일 만 변경할 수 있음). – SirMoreno