Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่องคำสั่งปริ้นแค่ส่วนที่ต้องการค่ะ ใช้คำสั่งแบบไหนคะ

สอบถามเรื่องคำสั่งปริ้นแค่ส่วนที่ต้องการค่ะ ใช้คำสั่งแบบไหนคะ

เริ่มหัวข้อใหม่

tsuyu

โพสกระทู้ ( 3 )
บทความ ( 0 )

ถ้าต้องการปริ้นแค่ส่วนที่อยู่ในกรอบสีดำ ใช้คำสั่งไหนคะ หรือมีcodeไหน ปริ้นโดยดึงข้อมูลจากฐานออกมาก็ได้ค่ะ
รูปหน้าเว็บ

Tag : PHP, CSS

Date : 2021-08-08 19:58:58

By : tsuyu

View : 502

Reply : 6

No. 1

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

css media print
https://www.w3schools.com/css/css3_mediaqueries.asp

หรือ

สร้างเป็น pdf ด้วยอะไรก็ได้
mpdf, fpdf, ...

Date : 2021-08-08 20:52:14

By : mr.v

No. 2

พญามัจจุราช

โพสกระทู้ ( 296 )
บทความ ( 0 )

เปิด element ด้วยหน้าต่างใหม่ ค่อยสั่งปริ้นต์
หรือ css media print

เช่น

Code (JavaScript)

function printInfo(ele) {
    var openWindow = window.open("", "title", "attributes");
    openWindow.document.write(ele.previousSibling.innerHTML);
    openWindow.document.close();
    openWindow.focus();
    openWindow.print();
    openWindow.close();
}

ปุ่มปริ้นต์

<div id="....">
    <div>
        content to print
    </div><a href="#" onclick="printInfo(this)">Print</a>
</div>

Date : 2021-08-08 21:10:50

By : TheGreatGod_of_Death

No. 3

tsuyu

โพสกระทู้ ( 3 )
บทความ ( 0 )

ทำไงให้ปุ่มไม่แสดงตอนปริ้นคะ

Date : 2021-08-08 23:08:36

By : tsuyu

No. 4

พญามัจจุราช

โพสกระทู้ ( 296 )
บทความ ( 0 )

ไม่ต้องส่งปุ่มไปหน้าใหม่ (วางนอก div)
หรือ css display:none ใน onload event

Date : 2021-08-09 00:08:01

By : TheGreatGod_of_Death

No. 5

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

Code

@media print {
    .button-not-print {
        display: none;
    }
}

Code

<button class="button-not-print"></button>

ในลิ้งค์ก็ให้ไปแล้วนี่
https://www.w3schools.com/css/css3_mediaqueries.asp

Quote:
@media not|only mediatype and (expressions) {
CSS-Code;
}

Quote:
CSS3 Media Types
Value Description
all Used for all media type devices
print Used for printers
screen Used for computer screens, tablets, smart-phones etc.
speech Used for screenreaders that "reads" the page out loud

Quote:
Example
@media screen and (min-width: 480px) {
body {
background-color: lightgreen;
}
}

อ่านแล้วดูตัวอย่างแล้วทดลองเล่นดูบ้างจะได้เข้าใจดัดแปลงได้

ประวัติการแก้ไข
2021-08-09 00:36:23

Date : 2021-08-09 00:33:45

By : mr.v

No. 6

tsuyu

โพสกระทู้ ( 3 )
บทความ ( 0 )

ขอบคุณมากๆเลยนะคะ

Date : 2021-08-09 01:43:47

By : tsuyu

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่องคำสั่งปริ้นแค่ส่วนที่ต้องการค่ะ ใช้คำสั่งแบบไหนคะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก