Googleカレンダーの印刷の仕組みを教えてください。

Question

私は、jqueryのを使用してASP.NETでカレンダーを構築しています そして、私は印刷を実現しようとしています。 私は何の問題もなく、単純なHTMLや画像を印刷することができます。 しかし、私はGoogleカレンダーの印刷などの印刷を構築する方法を見つけ出すことはできません。

あなたは「カレンダー印刷プレビュー」より多くのオプション（クロスブラウザ）がポップアップする印刷ダイアログで印刷を押すと、 この印刷ダイアログは、単純なブラウザの印刷異なる方法をいくつか、 そして彼らは、例えば風景プリントを設定するような、より制御を持っているように見える。

いずれも、これを実装する方法を知っている？

おかげ

Answer 1

これは、PDFファイルの文書を生成するサーバーサイドスクリプトに掲載されているいくつかのオプションを持つだけでポップアップウィンドウです。

あなたが使用することができます。

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

画像/ PDFファイルを生成し、サーバーサイドスクリプトを使用せずに似た何かをしています。

あなたがページを印刷するとき与えられたスタイルシートが使用されようとしていることを意味し、ののメディア=「印刷」を、注意してください。あなたはそこ（など、カレンダーが紙の上に素敵に見えるように、非表示のナビゲーションのような）カスタムCSSルールを指定することができます。

EDITます：

コメントに反応して。あなたがHTMLをPDFに変換する場合、それはまったく同じになります。 Googleカレンダーでそのフォームを送信すると、彼らはすべてのこれらのオプションを取り、そこからPDFを生成します。あなたは風景を選択した場合、彼らはページを回転し、それがページに合うように、すべてを再計算します。あなたのためにそれを簡略化するために、彼らはあなたがPDFファイルにそれを提出し、プット・オプションに応じて、サーバー側で画像を描画します。

あなたが前にそれを行っていない場合は、

それは簡単ではありません。ユーザーがそれらをクリックしたときに、「風景」、「ポートレート」、 - 私はその印刷ページのCSSとJavaScriptで遊んで、私はJSとCSSルールを使用して風景や肖像画を切り替えることにより、そのような何かを模倣することができるかどうかを確認したい（2つのボタンを作りますそれは与えられた用紙サイズに合うように、あなたは）カレンダーのCSSルールを変更します。あなたは、CSSに精通していない場合は、再度、それは難しいでしょう。

明確な答えはありませんが、Googleが取った道は非常にいいですが、それは再現することは簡単ではないのです。

コメントで詳細情報。