1

私はphpでコーディングされた Dreamweaver を使用しています。

私のページの 1 つで、2 つの異なる を追加しようとしていますprint buttons。それぞれが Web ページの異なる部分を印刷しています。たとえば、1 つの印刷ボタンが最初の段落を印刷し、もう 1 つのボタンが2 番目の段落printを印刷しているとします。

両方のボタンの印刷 CSSを作成し、それぞれをそれぞれの印刷 CSSにリンクしましたが、2 番目の印刷 CSS が最初の印刷 CSSを覆すため、同じ CSS を持つ 2 つの印刷ボタンができてしまいます...

私は何をする必要がありますか？

4

1 に答える 1

4

次のように、どのボタンがクリックされたかに基づいて、印刷 CSS を動的に変更できます。

スタイルシート参照に id を追加します。

<link rel="stylesheet" href="print1.css" id="printCss" media="print">

ボタンにオン クリック イベントを追加します。

<input type="button" onclick="swapCss();"/>

css ファイルを動的にスワップします。

function swapCss() {
    document.getElementById('printCss').href = 'print2.css';
}
于 2013-08-28T19:53:44.277 に答える