ใช้ css กำหนดให้ไม่ต้องแสดงเวลาพิมพ์

กรณีเมื่อมีปุ่มสำหรับกดสั่งพิมพ์หน้าเว็บเพจ หรือหน้ารายงาน ตัวอย่างเช่น

<input type=”button” name=”button” id=”button” value=”Print” onclick=”doPrint();” />

เราสามารถกำหนด ไม่ให้แสดงปุ่มดังกล่าว ในหน้าที่พิมพ์ได้ โดยการใช้ attribute ชื่อ media โดยกำหนด media=”print” ดังนี้
แบบที่ 1
<style type=”text/css” media=”print”>
input{ display:none; }
</style>
คำสั่งนี้จะควบคุมไปถึง input ต่างๆ

แบบที่ 2
@media print {#notprint { display:none; }}

ต้องการให้ส่วนไหนไม่พิมพ์ออกมาก็ให้สร้างมาตามตัวอย่างครับ จากตัวอย่างจะไม่ให้ tag ไหนก็ตามที่ใช้ id notprint ไม่ให้พิมพ์ออกมาครับ

Comments are closed.