ในภาษา JavaScript นั้นเราสามารถใช้คำสั่ง window.print() เพื่อพิมพ์หน้าเว็บไซต์นั่น ๆ ได้เลย เป็นการพิมพ์หรือการปริ้นต์ง่ายๆใน JavaScript  ที่ใช้ เมธอดสั้นๆครับ 

  • เมธอด print() จะพิมพ์เนื้อหาของหน้าต่างปัจจุบัน
  • โดยทั่วไปจะเปิดกล่องหรือป้ออัพการพิมพ์ซึ่งให้คุณเลือกตัวเลือกการพิมพ์ต่างๆได้

 ในการพัฒนาเว็บไซต์ในปัจจุบัน โดยเฉพาะการพัฒนาเว็บไซต์ให้กับธุรกิจที่จำเป็นต้องออกเอกสารต่าง ๆ เช่นใบ ใบแจ้งหนี้ ( Invoice ) ใบเสนอราคา ( Quotation)ธุรกิจที่ต้องออกเอกสารหรือพิมพ์เอกสารเหล่านี้อยู่เป็นประจำ การทำเว็บไซต์ให้ครอบคุมถึงการพิพม์เอกสารเหล่านี้ โดยที่เนื้อหาในเอกสารสามารถจัดการแบบ Dynamic Content ได้  แต่บทความจะอธิบายในรูปแบบเบซิกก่อนครับ ดังนี้

syntax ดังนี้

window.print()

เมธอดนี้ไม่ต้องใช้พารามิเตอร์  และฟังก์ชันนี้ไม่ส่งคืนสิ่งใด

ตัวอย่างโค้ด

<!DOCTYPE html> 
<html> 
<head> 
		
	<script type="text/javascript"> 
	</script> 
	
</head> 
	
<body> 
	
	<h2>HI MINDPHP MEMBER'S</h2> 
	<form> 
		<input type="button" value="Print" onclick="window.print()" /> 
	</form> 
	
</body> 
<html> 

ผลลัพธ์ที่ได้ดังนี้ 

windowprint
                          หน้าเว็บที่จะปริ้นต์

และเมื่อกดปุ่ม print 

windowprint
                        หน้าแสดงตัวเลือกก่อนทำการพิมพ์

 

วลาออก report ให้ user และจำเป็นต้องมีการสั่งพิมพ์ออกทางเครื่องพิมพ์นั้น เราสามารถใช้ java script มาช่วยได้ครับ วิธีการคือจัดหน้าตา report ที่ต้องการพิมพ์ ให้อยู่ใน tag div สิ่งที่ไม่ต้องการพิมพ์ให้เอาไปไว้ที่ tag div อื่นแทน หลังจากนั้นเขียนให้ button “onclick” ไปผูกกับ javascript เพื่อโยน tag dev ที่จะพิมพ์ไปเปิดเป็นหน้าต่างใหม่ พร้อมทั้งเปิด dialog print ออกมา  สามารถดูรายละเอีดเพิ่มเติมได้ที่นี่  

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JAVASCRIPT

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว