Bagaimana hendak sembunyikan butang 'Cetak' semasa mencetak?

Apabila pengguna kita meminta sistem yang kita bangunkan boleh mencetak dokumen tertentu, kemudian apabila dokumen tersebut dicetak, butang 'cetak' tersebut akan dicetak sekali ke atas dokumen tersebut.

Saya rasa kita pernah berjumpa dengan situasi tersebut. Dan pasti ramai juga yang tahu cara untuk mengatasi masalah tersebut.

Di sini saya tunjukkan caranya sebagai peringatan untuk kita semua. Ia menggunakan CSS.

Style:

<style>
@media print {
p#cetak {
display: none;
}
}
</style>

Ini adalah paparan HTML bagi butang cetak tersebut:

<p id=”cetak”>
<a href=”javascript:window.print();” class=”btn btn-info”>Cetak</a>
<a href=”javascript:window.close();” class=”btn btn-info”>Tutup</a>
</p>