php - JqueryまたはPHPを使用して関連付けられたdivコンテンツとcssを印刷する方法

Question

私は次のようなページを持っています:

そして、黄色のdivの内容をpdf（または物理プリンターに直接）印刷する必要があります。私はあなたが見るようにdivを印刷する必要があります..cssスタイルも..どうすればできますか? 他の投稿で、テキストコンテンツのみを印刷していることがわかります..

誰かが私を助けることができますか？

Answer 1

デバイス タイプごとに異なる CSS プロパティを割り当てることができます。例えば：

<style type="text/css">
/* all devices */
@media all
{
  #content { display:block;}
}

/* printer specific CSS */
@media print
{
  #content { display:none;}
  #content div#yellow { display:block;}
}
</style>

ページを印刷するには、JavaScriptwindow.print()メソッドを使用できます。

<form>
<input type="button" value="Print this page" onClick="window.print()">
</form>

Answer 2

次のコードを使用します。

<script type="text/javascript">
        function CallPrint(strid) {
            var prtContent = document.getElementById(strid);
            var WinPrint = window.open('', '', 'letf=0,top=0,width=400,height=400,toolbar=0,scrollbars=0,status=0');
            WinPrint.document.write(prtContent.innerHTML);
            WinPrint.document.close();
            WinPrint.focus();
            WinPrint.print();
            WinPrint.close();
        }
     </script>


<a href="#" onclick="javascript:CallPrint('divID')">Print</a>