สำหรับในบทความนี้นะครับ หลายคนคงเคยประสบปัญหาในเรื่องการ ใช้ window.print มานะแล้วนะครับ ซึ่ง จะเป็นการ print ทั้งหน้าเว็บ ซึ่งจะรวมเอาส่วน head และ footer ของเว็บเข้าไปด้วย ทำให้ การ print นั้นไม่ค่อยจะ สวยเท่าที่ควรนะครับ
หรือจะใช้วิธีการสร้าง page ใหม่ เพื่อแสดงผลในรูปแบบ ทีเราต้องการก่อน print ก็เป็นวิธีแก้ไขที่ใช้ได้นะครับ แต่เราจะต้องเสียเวลาในการสร้าง web page ใหม่ หากมีการติดต่อกับฐานข้อมูลก็ต้อง เขียนโคดติดต่อใหม่ ต้องเสียเวลาประมวลผลอีกนั่นแหละครับ
ในบทความนี้ ผมจึงได้สร้าง javascript เพื่อทำหน้าที่ popup window แล้วนำข้อมูลจากส่วนที่ต้องการ ไปใส่ไว้ใน popup window เพื่อ print ในรูปแบบทีเราต้องการได้ โดยไม่ต้อง สร้าง webpage หรือเขียนติดต่อดาต้าเบสใหม่ นะครับ
Read more…
admin javascript
ออปเจ็คต์มาตรฐานในจาวาสคริปต์ (จาก w3schools.com)
ในบทความนี้ก็จะเป็นส่วนสุดท้ายสำหรับ javascript เบื้องต้น แล้วนะครับ เป็นการรวม method และ function มาตรฐาน ที่ javascript ได้เตรียมไว้ให้เรียกใช้งานได้ซึ่งได้นำมาจากเว็บ w3school.com นะครับ หลังจากบทความนี้จบ ก็จะเป็นตัวอย่าง ในการใช้งานสำคัญของ javascript อื่นๆนะครับ
Read more…
admin javascript
เหตุการณ์มาตรฐานในจาวาสตริปต์ (จาก wc3schools.com)
ในแต่ละแท็กที่ประกอบกันขึ้นด้วยภาษา HTML เพื่อใช้แสดงหน้าเว็บ หลายๆ แท็กที่ปรากฏนั้นสามารถที่จะตอบสนองต่อเหตุการณ์ต่างๆ ที่เกิดขึ้นได้หลากหลาย ดังเช่น
- เมื่อหน้าเว็บโหลดเสร็จแล้ว หรือเมื่อกำลังจะเปลี่ยนหน้าเว็บไปยังหน้าอื่นหรือปิดหน้าต่าง
- เมื่อผู้ใช้คลิกเลือกหน้าต่างของเว็บบราวเซอร์ หรือเมื่อผู้ใช้คลิกเลือกหน้าต่างโปรแกรมตัวอื่นบนระบบปฏิบัติการ
- เมื่อผู้ใช้เลื่อนเมาส์ไปบนพื้นที่แสดงที่ควบคุมด้วยแท็กนั้นๆ และเมื่อผู้ใช้เลื่อนเมาส์ออกจากพื้นที่แสดง
- เมื่อผู้ใช้คลิกลงไปยังพื้นที่ที่ควบคุมด้วยแท็กนั้นๆ
- เมื่อผู้ใช้แก้ไขข้อมูลที่เป็นองค์ประกอบของฟอร์ม
- เมื่อผู้ใช้กดปุ่ม submit
Read more…
admin javascript
การจัดการความผิดพลาด (Exception Handling)
คุณสมบัติหนึ่งที่ภาษาโปรแกรมเชิงวัตถุมีก็คือ กระบวนการดักจับและจัดการต่อความผิดพลาดที่เกิดจึ้น จาวาสคริปต์เองก็มีคุณลักษณะนี้โดยใช้กลไกการ try-catch เช่นเดียวกับภาษาโปรแกรมเชิงวัตถุตัวอื่น เพียงแต่ไม่ได้มีครบถ้วนดังเช่นภาษาเชิงวัตถุบางตัวอย่าง C++ หรือภาษาจาวา เป็นต้น
การดักจับความผิดพลาดในจาวาสคริปต์ มีวิธีอยู่สองวิธี สำหรับวิธีที่ถูกนำมาใช้กันมากในปัจจุบันคือการใช้ try-catch ซึ่งมีรูปประโยคดังนี้
| try
{
//Run some code here
}
catch(err)
{
//Handle errors here
} |
Read more…
admin javascript
อาร์เรย์
อาร์เรย์ในภาษาจาวาสคริปต์ แท้ที่จริงแล้วก็คืออ็อปเจ็คต์ชนิดหนึ่ง
การนิยามอาร์เรย์เริ่มต้น เราจะสร้างตัวแปรอาร์เรย์โดยสืบทอดมาจากอ็อปเจ็คต์ Array()
var myArray = new Array()
|
var myArray = new Array()
myArray[0] = “This”
myArray[1] = “is”
|
การนำข้อมูลเข้าในอาร์เรย์ ใช้การอ้างอินเด็กซ์เพื่อนำค่าเข้า เช่น
Read more…
admin javascript
การรับส่งค่าโดยตรงกับผู้ใช้โดยใช้ไดอะล็อกบ็อกซ์
จาวาสคริปต์มีช่องทางติดต่อโดยตรงกับผู้ใช้เว็บบราวเซอร์ โดยอาศัยไดอะล็อกบ็อกซ์ ไดอะล็อกบ็อกซ์ของจาวาสคริปต์มีดังนี้
Alert Box
ไดอะล็อกซ์บ็อกซ์ชนิดนี้จะแสดงข้อความตามที่ผู้ใช้ต้องการ และจะมีปุ่ม OK ให้กดเพียงปุ่มเดียวเพื่อดำเนินการต่อไป การสร้างไดอะล็อกบ็อกซ์นี้จะใช้เมธอด alert() โดยพารามิเตอร์คือข้อความที่ต้องการจะแสดง
Read more…
admin javascript
สตริงและการจัดการ
สตริงในจาวาสคริปต์ถือเป็นวัตถุชนิดหนึ่ง และในขณะเดียวกัน ก็มีกระบวนการเฉพาะสำหรับสตริงในลักษณะที่คล้ายคลึงกันกับภาษาอื่น อันได้แก่การต่อสตริง การหาความยาว ฯลฯ เป็นต้น
การนำเสนอสตริงในรูปค่าคงที่ (string literal)
ใช้เครื่องหมาย ‘ (single quote) หรือ ” (double quote) ล้อมรอบข้อความ
‘This is a string’
“This is another string”
|
Read more…
admin javascript
จาวาสคริปต์ในฐานะของ Object Oriented Programming
จาวาสคริปต์ ถือได้ว่าเป็นภาษาเชิงวัตถุ แต่แม้ว่าจาวาสคริปต์ได้รับการยอมรับว่าเป็นภาษาเชิงวัตถุ แต่ก็มิได้ยืนอยู่บนหลักการของภาษาเชิงวัตถุอย่างร้อยเปอร์เซนต์เต็ม โดยประเด็นที่สำคัญอันหนึ่งก็คือ ภาษาจาวาสคริปต์ไม่มีการนิยามคลาส (class) เป็นกิจลักษณะ จาวาสคริปต์กำหนดแม่แบบของวัตถุด้วยวัตถุต้นแบบ โดยเมื่อมีการนิยามออปเจ็คต์ขึ้นมาแล้ว เราจะสามารถใช้งานออปเจ็คต์ได้ในทันที หรืออาจจะกระทำการสืบทอดคุณสมบัติ (inheritance) ด้วยการสร้างออปเจ็คต์จากออปเจ็คต์อื่นใดเพื่อนำมาใช้งานต่อไปก็ได้เช่นกัน
Read more…
admin javascript
การกำหนดตัวแปร และสโคปการเข้าถึงของตัวแปร
จาวาสคริปต์มีระบบการจัดการตัวแปรแบบไม่กำหนดชนิดแน่ชัด ซึ่งมีลักษณะเช่นเดียวกับภาษาสคริปต์บางภาษาเช่น PHP โดยปกติแล้วจาวาสคริปต์จะมองตัวแปรดังกล่าวเป็นข้อมูลสตริง ยกเว้นแต่จะอยู่ในสภาวะของการคำนวณที่ จาวาสคริปต์อาจจะตัดสินใจแปลงชนิดให้เป็นข้อมูลตัวเลขเพื่อประมวลต่อไป
ข้อควรระวัง บ่อยครั้งที่ตัว script engine อ่านข้อมูลจากตัวแปรมาเพื่อประมวลต่อ แต่ด้วยคุณลักษณะแบบตัวแปรเช่นนี้ อาจจะเกิดความผิดพลาดในการประมวลได้ ดังนั้น หากพบว่าการคำนวณไม่เป็นตามที่ต้องการ ให้ใช้เมธอด parseInt() หรือ parseFloat() ในการแปลงข้อมูลสตริงตัวเลข ให้เป็น “ค่า” ตัวเลขเพื่อใช้ในการคำนวณให้ถูกต้องต่อไป
Read more…
admin javascript
เริ่มต้นกับ Javascript
จาวาสคริปต์ (JavaScript) เป็นภาษาโปรแกรมที่ถูกพัฒนาขึ้นมาเพื่อใช้เป็นภาษาสคริปต์ (Script Language) ในการคำนวณและจัดการทำงานที่เกี่ยวข้องกับการแสดงหน้าเว็บบนบราวเซอร์ (แม้ว่าในปัจจุบัน การใช้งานจาวาสคริปต์ได้เริ่มมีการแตกตัวนำไปใช้ในโปรแกรมประยุกต์ประเภทอื่นบ้างแล้ว) หน้าที่หลักๆ ของจาวาสคริปต์ภายในเว็บบราวเซอร์มีดังเช่น
- การคำนวณเบื้องต้นทั่วไป
- การตอบสนองต่อเหตุการณ์ที่เกิดขึ้นซึ่งเกี่ยวพันกับหน้าเว็บ
- การจัดส่งและรับข้อมูล XML หรือ text จากเซอร์เวอร์ สำหรับการใช้งานที่เกี่ยวพันกับหน้าเว็บ
- การเปลี่ยนแปลงโครงสร้าง HTML DOM ซึ่งมีผลโดยตรงต่อการแสดงผลของหน้าเว็บ (นี่เป็นการทำงานหลักของกระบวนการของ Dynamic HTML หรือ DHTML)
- การจัดเก็บข้อมูลชั่วคราวลงบนเครื่องของผู้ใช้โดยใช้ cookie
Read more…
admin javascript
