WordPress用のこのプラグインでは、divのコンテンツを「table_disp」クラスで印刷するjQueryを使用しています。どのようにCSSスタイルを印刷することができますか？jQuery印刷機能を使ってCSSコンテンツを印刷する
function pop_print(){
w=window.open(null, 'Print_Page', 'scrollbars=yes');
w.document.write(jQuery('.table_disp').html());
w.document.close();
w.print();
}
使用しているSAMEスタイルシートを、親ページのポップアップに含める必要があります。あなたのスタイルシートを含むダミーページのスタブ/ラッパーを作成してから、HTMLを挿入したいかもしれません。あなたがプラグインを追加することができれば、jQueryのprintThisプラグインは（すでにjQueryのを使用しているので）素晴らしい作品、そしてあなたが必要な正確に何をし
var myStyle = '<link rel="stylesheet" href="http://mysite.com/mystyle.css" />';
w.document.write(myStyle + jQuery('.table_disp').html());
私の機能を使って例を挙げて説明してください。 –
私はこのコードを含むように編集しました。 –
それは通常のウェブサイトだった場合に役立つかもしれません。私はスタイルシートをエンキューするためにWordPressを使用しています。私がこれを好きなら、存在しない別のページに私をリダイレクトするだけです。 :( –
。 http://plugins.jquery.com/printThis/
それはIFRAMEを行い、あなたのページのCSSを使用し、プラス他のもの
function PrintElem(elem) {
Popup(jQuery(elem).html());
}
function Popup(data) {
var mywindow = window.open('', 'my div', 'height=400,width=600');
mywindow.document.write('<html><head><title></title>');
mywindow.document.write('<link rel="stylesheet" href="http://www.test.com/style.css" type="text/css" />');
mywindow.document.write('<style type="text/css">.test { color:red; } </style></head><body>');
mywindow.document.write(data);
mywindow.document.write('</body></html>');
mywindow.document.close();
mywindow.print();
}
<a href="#" id="hrefPrint" onclick="PrintElem('.print_div')">Print</a>
と一緒にあなたが$（「＃アイテム」）のように意味するか、印刷のために特別に追加のCSSファイルが可能になります。CSS（」カラー '、'＃999999 '）; ？ –
このようなものを使うべきですか？ w.document.write（jQuery（ '。table_disp'）css（ 'color'、 '＃999999'）.html（））; –