1

私はクライアント用のページを設計しており、何らかの方法で印刷したい「areaToPrint」という div 内にデータベース テーブルがあり、テーブルを css フォーマットできるようにしたいと考えています。基本的な考え方は、JavaScript を使用して「areaToPrint」.innerhtml を、css 形式のファイル printer.php 内の「printer」という div に送信することです。

//メイン/親ページのスクリプト

<script>
function printDiv()
{
var divToPrint=document.getElementById('areaToPrint');
var newWin = window.open("printer.php");
newWin.document.getElementById('printer').innerHTML=divToPrint.innerHTML;
newWin.print();
newWin.close();
}
</script>

//Printer.php 内の body 要素

<body>
<div id="printer"></div>
</body>

areaToPrint の内容で、ポップアップされた printer.php のプリンター div を埋めたいと思います。次のようなものを使用して同様のタスクを実行できました

newWin.document.write(divToPrint.outerHTML)

しかし、div内のテーブルをcssフォーマットできるようにしたいです。(javascript はリンクで呼び出されます)

JavaScriptの欠陥に関する提案はありますか?

4

2 に答える 2

1

おそらくjQueryが役立つでしょう

$(this).parent()
$("someone").css()
$("someone").addClass()
于 2011-07-29T08:24:16.047 に答える
0

JavaScript を使用してテーブルを動的にフォーマットしたい場合 (例えば、インタラクションに基づいて視覚スタイルを変更する場合) を除き、最も簡単な方法は、printer.php ビュー テンプレートにスタイルシートを含めることです。

例えば

<html>
    <head>
        <link rel="text/css" media="print" href="css/print.css" />
    </head>
    <body>
        <div id="printer"></div>
    </body>
<html>
于 2011-07-29T10:10:35.650 に答える