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

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ทำความรู้จัก Cloud
โดย aninthana ศ 20 ก.ย. 2019 6:36 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
5
ศ 20 ก.ย. 2019 6:36 pm โดย aninthana
เปรียบเทียบ smart watch รุ่นต่างๆ จากหลายๆค่าย รุ่นไหนโดน รุ่นไหนดี มารับชมกันได้เลย
โดย chatee supasand ศ 20 ก.ย. 2019 5:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
ศ 20 ก.ย. 2019 5:41 pm โดย chatee supasand
วิธีสมัครและใช้งาน api อัตราแลกเปลี่ยนเงินตรา จาก ธนาคารแห่งประเทศไทย ด้วย php
โดย birdkritsna ศ 20 ก.ย. 2019 4:14 pm บอร์ด Programming - PHP
0
10
ศ 20 ก.ย. 2019 4:14 pm โดย birdkritsna
จะทำ path way เป็นลูกศรชีต้องทำยังไงครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 3:50 pm บอร์ด HTML CSS
0
9
ศ 20 ก.ย. 2019 3:50 pm โดย jamepiyawat
อยากทราบวิธีที่จะทำให้เมือเรากดปุ่มซื้อสินค้าแล้วจะมีหน้า pop เด้งขึ้นมาครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 3:30 pm บอร์ด HTML CSS
0
4
ศ 20 ก.ย. 2019 3:30 pm โดย jamepiyawat
อยากทราบวิธีทำปุ่มกดสลับค่าระหว่าง list box ครับ
โดย birdkritsna ศ 20 ก.ย. 2019 2:59 pm บอร์ด Programming - PHP
4
27
ศ 20 ก.ย. 2019 4:10 pm โดย mindphp
ระดับ User นี้มีข้อจำกัดอะไรบ้างครับ
โดย Patipat ศ 20 ก.ย. 2019 2:45 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
14
ศ 20 ก.ย. 2019 2:50 pm โดย tsukasaz
ทำไมโค้ดของผมแสดงผลชื่อจังหวัดชื่ออำเภอผิดครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 2:20 pm บอร์ด JavaScript & Jquery Ajax
8
24
ศ 20 ก.ย. 2019 3:22 pm โดย jamepiyawat
งานประจำวันที่ 20 กันยายน 2562
โดย birdkritsna ศ 20 ก.ย. 2019 9:22 am บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
2
12
ศ 20 ก.ย. 2019 6:32 pm โดย birdkritsna
VDO ทดลองการเข้าใช้งาน การเข้าใช้งาน ในการสร้าง เว็บไซต์ พร้อม โดเมน
โดย aninthana ศ 20 ก.ย. 2019 10:27 am บอร์ด M092 - อนินธนา บุญยัง
2
9
ศ 20 ก.ย. 2019 11:57 am โดย aninthana
VDO สอนการทำให้เว็บเข้าใช้งานด้วย https บน DA
โดย aninthana ศ 20 ก.ย. 2019 10:16 am บอร์ด M092 - อนินธนา บุญยัง
1
9
ศ 20 ก.ย. 2019 11:32 am โดย thatsawan
งานประจำวันที่ 20 กันยายน 2562
โดย chatee supasand ศ 20 ก.ย. 2019 9:53 am บอร์ด MT33 - นายชาตรี สุภาแสน
2
13
ศ 20 ก.ย. 2019 7:32 pm โดย chatee supasand
งานประจำวันที่ 20 กันยายน 2562
โดย aninthana ศ 20 ก.ย. 2019 9:45 am บอร์ด M092 - อนินธนา บุญยัง
0
4
ศ 20 ก.ย. 2019 9:45 am โดย aninthana
งานประจำวันที่ 20 กันยายน 2562
โดย aninthana ศ 20 ก.ย. 2019 9:43 am บอร์ด M092 - อนินธนา บุญยัง
5
35
ศ 20 ก.ย. 2019 6:49 pm โดย aninthana
งานประจำวันที่ 20 กันยายน 2562
โดย Patipat ศ 20 ก.ย. 2019 9:38 am บอร์ด M088 - ปฏิภัทร สารธรรม
1
4
ศ 20 ก.ย. 2019 6:49 pm โดย Patipat
งานประจำวันที่ 20 กันยายน 2562
โดย jamepiyawat ศ 20 ก.ย. 2019 9:10 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
2
8
ศ 20 ก.ย. 2019 6:57 pm โดย jamepiyawat
งานประจำวันที่ 20 กันยายน 2562
โดย jirawoot ศ 20 ก.ย. 2019 9:06 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
3
ศ 20 ก.ย. 2019 7:09 pm โดย jirawoot
ทำความรู้จักกับ Google Lighthouse ตรวจสอบคุณภาพเว็บไซต์
โดย birdkritsna พฤ 19 ก.ย. 2019 6:37 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
16
พฤ 19 ก.ย. 2019 6:37 pm โดย birdkritsna
ส่วนประกอบของเว็บไซต์ มีอะไรบ้าง
โดย aninthana พฤ 19 ก.ย. 2019 6:12 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
11
พฤ 19 ก.ย. 2019 6:12 pm โดย aninthana
วิธีทำภาพให้มีขอบโค้งมนด้วยโปรแกรม คล้าย photoshop ออนไลน์ freephototool.com
โดย jamepiyawat พฤ 19 ก.ย. 2019 5:51 pm บอร์ด Graphic design
1
17
พฤ 19 ก.ย. 2019 11:15 pm โดย pipoipi