印刷機能について input type="submit" onclick="window.print();"

Question

<div>
    <p>こんにちは</p>
</div>
<fotter class="print">
    <!-- 印刷ここから -->
    <button onclick="window.print();">このページを印刷</button>
    <!-- 印刷ここまで -->

</fotter>

css

@media print{
    .print{
        display:none;
    }
}

これで印刷時に表示しない部分を指定しようとしたのですが
表示されてしまいます、解決方法をお願いします。

表示したい内容は
こんにちはという文のみです

Comments

[yambejp]

＞ このプログラムで新しく作ったクラスを範囲として印刷したい

ちょっと意味が伝わってきません。

[makaronrom]

input type="submit" onclick="window.print();"で画面を印刷するとして
クラスを使って印刷範囲指定をしたいんですが可能ですか？

[m.ts10806]

PHPは本件とどう関係するのでしょう。
現状では「できる」か「できない」かだけ応えたら良いのでしょうか。
（そして大抵は「そのように作ればできる」となります）
何が問題か全く不明なので、質問内容を充実してもらえたら。

[makaronrom]

すみません
PHPはこの件とは関係ないですね
できるかどうかはほかの方から回答があったため確認済みです
何が問題か不明の点に関しては
自分の言葉足らずでした

[m.ts10806]

質問は編集できるので、調整してもらえたら

[makaronrom]

できるんですね
了解です

[m.ts10806]

あの、コードと本文は分離してもらえたら。
投稿前にプレビュー確認して調整してください。
リアルタイムで現状の表示イメージが出ているはずです。

Answer 1

「新しく作ったクラス」というのが何のことかわかりませんが、

beforeprint イベントで印刷したくない部分を非表示にして afterprint イベントでもとに戻したり、
CSSのメディアクエリーで印刷時に印刷したくない部分を非表示にしたり、で可能です。

Comments

[makaronrom]

説明不足で申し訳ないです
返答ありがとうございます
参考にさせていただきます。