ทำการ Print ข้อความในหน้าเว็บไซต์แค่บางส่วนที่ต้องการ

PHP Result Center PHP Result Center เป็นหมวด ที่ไว้รวบรวม โปรแกรม Code php Javascript CSS CMS

Moderator: mindphp, ผู้ดูแลกระดาน

codetukyang
PHP Newbie
PHP Newbie
โพสต์: 2
ลงทะเบียนเมื่อ: 22/10/2010 8:02 pm
ติดต่อ:

ทำการ Print ข้อความในหน้าเว็บไซต์แค่บางส่วนที่ต้องการ

โพสต์โดย codetukyang » 21/11/2010 3:22 pm

>> ดูเนื้อหา & ตัวอย่าง แบบเต็มๆที่ http://www.codetukyang.com ครับ

*วิธีการทำ*

หลักการ คือ เราจะใส่ข้อความลงใน DIV ก่อน แล้วเวลาจะพิมพ์ก็ใช้ CSS ทำการซ่อน DIV ที่ไม่ต้องการจะให้พิมพ์ออกมาทางหน้าจอเท่านั้น

1. นำ Code ด้านล่างไปไว้ที่ <head> ครับ

<STYLE type=text/css>

#printable { display: block; }

@media print
{
#non-printable { display: none; }
#printable { display: block; }
}

</STYLE>


2. นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข้อความใน <body> นะครับ


<DIV id=non-printable>
<CENTER><FONT color=red><B>สิ่งที่จะให้แสดงออกมาทางหน้าจอ แต่ว่าไม่เห็นเวลา Print หน้านี้ออกมา</B></FONT></CENTER>
</DIV>
<BR>
<DIV id=printable>
<CENTER><FONT color=blue><B>สิ่งที่จะให้แสดงออกมาทางหน้าจอ และจะเห็นเวลา Print หน้านี้ออกมาด้วย</B></FONT></CENTER>
</DIV>


3. แค่นีก็เสร็จสิ้นแล้วครับ ลองไปประยุกต์ใช้ดูครับ

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 0 และ บุคคลทั่วไป 0 ท่าน