ปริ้นส่วนที่ต้องการโดย Css Style
สำหรับคนที่ออกแบบเว็บไซต์ โดยใช้ Css กำหนดหน้าาเว็บและส่วนต่างๆของเว็บไซต์ และหากต้องการปริ้นข้อมูลจากหน้าเว็บแต่มันติดรูปอื่นๆที่ไม่ต้องการมาทั้งเว็บเลย เช่นรูป ต่างๆที่อยู๋บนหน้าเว็บ ซึ่งเราไม่ต้องการวันนี้มีวิธีกำหนดการ ปริ้นหน้าจอโดย Css มาให้ดูักันครับวิธีการกำหนดนะครับต้้องเขียนด้วย Css ด้วยนะครับ
ดูวิธีกำหนด css กันครับ
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> @media print{ #no_print{display:none;} } </style> </meta>
</head> <body> print บริเวณนี้จะทำการถูก print <div id="no_print"> no print ในใต้ id นี้จะไม่มีการแสดงเมื่อมีการสั่ง print จากหน้าเว็บไซต์ครับ </div> </body> </html>
แบ่งเป็น 2 ส่วนะครับส่วนแรก Css นะครับต้องกำหนด<style type="text/css">
@media print{
#no_print{display:none;}
}
</style>
เอาไว้กำหนดว่าถ้าอยู่ใน div นี้จะไม่แสดง คือถ้าจะไม่ให้แสดงก็ก็อบแท็ก id=”no_print” มาวางค่อมไว้ส่วนนี้ก็จะไม่ถูกนำไปปริ้ตด้วยนะครับ จากเว็บตัวอย่าง นี้จะเป็นการเรียกใช้ในส่วนของเนื้อหานะครับ
<div id="no_print">
no print
</div>
ถ้าอยู่ในส่วนนี้จะไม่ทำการปริ้นไปด้วยนะครับ หากต้องการให้มัน print ก็มาเอาออก id=”no_print ไปนะครับ
อ้างอิง >>> http://www.sadung.com/?p=4666
