ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

ในภาษา 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ติดตั้งโมดูลใน joomla 2.5 แล้ว erorr
โดย jamepiyawat อ 12 พ.ย. 2019 8:04 pm บอร์ด Joomla Development
1
7
อ 12 พ.ย. 2019 8:13 pm โดย tsukasaz
การใช้ confirm() เพื่อ แจ้งเตือนการลบข้อมูล
โดย bankjittapol อ 12 พ.ย. 2019 7:12 pm บอร์ด Jquery & Ajax Knowledge
0
6
อ 12 พ.ย. 2019 7:12 pm โดย bankjittapol
ภาพ thailand-football-team
โดย numtan5839 อ 12 พ.ย. 2019 7:10 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
10
อ 12 พ.ย. 2019 7:28 pm โดย numtan5839
การใช้ Domvas library แปลง code html แปลงหน้าเว็บ เป็นรูปภาพ
โดย bankjittapol อ 12 พ.ย. 2019 6:43 pm บอร์ด Jquery & Ajax Knowledge
0
5
อ 12 พ.ย. 2019 6:43 pm โดย bankjittapol
B - ต้องการสร้างใบcustomer paymentเมื่อใส่ข้อมูลที่withholding tax ไม่สามารถทำได้
โดย nnamfon.26 อ 12 พ.ย. 2019 6:20 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
อ 12 พ.ย. 2019 6:20 pm โดย nnamfon.26
รู้จักกับ soil moisture sensor
โดย chaiyasitpraphut อ 12 พ.ย. 2019 5:12 pm บอร์ด IOT - Internet of things
0
8
อ 12 พ.ย. 2019 5:12 pm โดย chaiyasitpraphut
PIR Motion Sensor module คืออะไร
โดย chaiyasitpraphut อ 12 พ.ย. 2019 4:51 pm บอร์ด IOT - Internet of things
0
6
อ 12 พ.ย. 2019 4:51 pm โดย chaiyasitpraphut
แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์
โดย bankjittapol อ 12 พ.ย. 2019 4:44 pm บอร์ด JavaScript & Jquery Ajax
3
15
อ 12 พ.ย. 2019 8:08 pm โดย bankjittapol
วิธีการลงทุนที่ดีที่สุดสำหรับ "มนุษย์เงินเดือน"
โดย somying อ 12 พ.ย. 2019 4:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
อ 12 พ.ย. 2019 4:09 pm โดย somying
เปิดและปิดไฟ LED ด้วย Blynk
โดย chaiyasitpraphut อ 12 พ.ย. 2019 4:01 pm บอร์ด IOT - Internet of things
0
9
อ 12 พ.ย. 2019 4:01 pm โดย chaiyasitpraphut
เปิดและปิดไฟด้วยเซนเซอร์ตรวจจับความเคลื่อนไหว
โดย chaiyasitpraphut อ 12 พ.ย. 2019 3:20 pm บอร์ด IOT - Internet of things
0
10
อ 12 พ.ย. 2019 3:20 pm โดย chaiyasitpraphut
ส่วนประกอบ Arduino UNO R3
โดย chaiyasitpraphut อ 12 พ.ย. 2019 2:42 pm บอร์ด IOT - Internet of things
0
7
อ 12 พ.ย. 2019 2:42 pm โดย chaiyasitpraphut
VDO - Program Exchange Rate
โดย numtan5839 อ 12 พ.ย. 2019 2:42 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
10
อ 12 พ.ย. 2019 3:36 pm โดย thatsawan
การใส่ค่าในช่อง input ด้วย javascript เพื่อจะได้มีค่าอยู่ใน textbox
โดย jamepiyawat อ 12 พ.ย. 2019 2:37 pm บอร์ด Jquery & Ajax Knowledge
0
7
อ 12 พ.ย. 2019 2:37 pm โดย jamepiyawat
วิธีต่อ Nodemcu Esp8266 กับ Sensor ตรวจวัดอุณหภูมิและความชื้น DHT11
โดย chaiyasitpraphut อ 12 พ.ย. 2019 2:23 pm บอร์ด IOT - Internet of things
0
9
อ 12 พ.ย. 2019 2:23 pm โดย chaiyasitpraphut
VDO - Program Check Tracking Thailand Post
โดย numtan5839 อ 12 พ.ย. 2019 2:12 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
8
อ 12 พ.ย. 2019 3:36 pm โดย thatsawan
โครงสร้างของภาษา php
โดย chaiyasitpraphut อ 12 พ.ย. 2019 1:38 pm บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
0
6
อ 12 พ.ย. 2019 1:38 pm โดย chaiyasitpraphut
การเชื่อมต่อฐานข้อมูลด้วย php
โดย chaiyasitpraphut อ 12 พ.ย. 2019 12:08 pm บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
2
14
อ 12 พ.ย. 2019 12:59 pm โดย chaiyasitpraphut
VDO - Square Root Calculate Program
โดย numtan5839 อ 12 พ.ย. 2019 11:57 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
10
อ 12 พ.ย. 2019 2:45 pm โดย numtan5839
วิธีป้องกันยุงกัดส่งตรงจากธรรมชาติ ปราศจากสารเคมี
โดย somying อ 12 พ.ย. 2019 12:24 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
อ 12 พ.ย. 2019 12:24 pm โดย somying