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