ダウンロードdivをPDF形式で表示するが、画面上に非表示にするにはどうすればいいですか？

Question

xepOnline Formatterライブラリを使用して、送信ボタンを押したときに特定のdivをPDFファイルとして保存します。ここでは、保存されたファイルに表示されているセクションを画面上に表示しないようにする方法を尋ねます。以下の詳細については、&の表を含むdivがあります。スクリーンでは、イメージなしでテーブルを表示するだけです。画像は、ダウンロードしたファイルのすぐ上に表示されます。

HTML

<div class="confirmation" id="output"> 
    <img src="image.jpg" class="noScreen" /> 
    <h3>Thank you. Your booking has been confirmed</h3> 
    <table> 
    <tr><td><b>Title</b></td><td>Name</td></tr> 
    </table> 
</div> 
<button id="cmd">Download Invoice As PDF</button> 

のCss

@media screen 
{ 
.noPrint{} 
.noScreen{display:none;} 
} 
@media print 
{ 
.noPrint{display:none;} 
.noScreen{} 
} 

はJavaScript

$('#cmd').click(function() { 
return xepOnline.Formatter.Format('output',{render:'download'}); 
}); 

あなたの誰かがTHIを行うための方法を見つけることができます？

Answer 1

印刷コマンドにmedia query構文を使用して、そこにdivを表示することができます。

@media print 
{ 
.noPrint{display:none;} 
.noScreen{display:block;} 
}