การเพิ่มลูกเล่นให้เว็บ เพจ ด้วย Behavior

1. การเพิ่มลูกเล่นให้เว็บเพจด้วย Behavior โดย อ.วสันต์ บุญประสม

2. Behavior สำหรับบทนี้เป็นการเพิ่มความสามารถหรือลูกเล่นของเว็บไซต์ ให้น่าใช้งานยิ่งขึ้น เช่น การสร้างหน้าต่างป๊อบอัพ (Pop up) หน้าต่างแจ้งขอความเตือนอัตโนมัติ และ การแสดงข้อความเมื้อชี้เมาส์ เป็นต้น โดยความสามารเหล่านี้สามารถใช้เครื่องมือของ Dreamweaver ที่เรียกว่า Behavior

3. Behavior คืออะไร Behavior คือคำสั่ง Javascriptสำเร็จรูปที่ Dreamweaver เตรียมไว้ให้ซึ่งเราสามารถเลือกใช้ได้ทันที่โดยไม่ต้องมานั่งเขียนภาษา Javascriptเอง แต่ถึงจะไม่ต้องเขียนโค้ด Javascript เองเราจะต้องทำความเข้ใจองค์ประกอบในการทำงานของ Behavior ด้วย เพื่อให้ใช้งานได้อย่างสะดวก โดยองค์ประกอบในการทำงานของ Behavior มีอยู่ด้วยกัน 2 ส่วน คือ Event และ Action - Event (ให้เกิดเมื่อไร) หมายถึง เหตุการณ์ที่จะให้เกิดขึ้นกับออบเจ็กต์ ซึ่งออบเจ็กต์แต่ละชนิดก็จะมีอีเวนท์ที่ต่างกันไป - Action (ให้เกิดอะไรขึ้น) หมายถึง เหตุการณ์ที่ต้องการจะให้เกิดขึ้นหลังจากอีเวนท์แล้ว เช่น เมื่อเลื่อนเมาส์ไปชี้แล้วให้แสดงกล่องข้อความ หรือเปลี่ยนภาพเป็นต้น

4. คำสั่งอีเวนท์ต่างๆ ออบเจ็กต์แต่ละชนิดจะมีอีเวนท์ที่แตกต่างกันไป ทั้งนี้ขึ้นอยู่กับลักษณ์การใช้งานที่เกี่ยวข้องกับออบเจ็กต์นั้นๆ ดังนั้นเพื่อเป็นพื้นฐานในการใช้งานเราจึงควรทำความรู้จักกับคำสั่งอีเวนท์ที่สำคัญและใช้งานบ่อยๆ ดังนี้

8. การเปิดพาเนลBehavior เพื่อให้สะดวกยิ่งขึ้นก่อนที่จะลงมือสร้าง Behavior นั้นให้เปิดพาเนลBehavior ขึ้นมาก่อน โดยคลิกเมนู Window > Behavior (หรือกดแป้น Shift + F4) จากนั้นจะแสดงหน้าต่างพาเนลBehavior ซึ่งจะช่วยในการสร้าง Behavior ต่างๆ รวมถึงกำหนดอีเวนท์และแอกชันของแต่ละออบเจ็กต์ได้สะดวกมากยิ่งขึ้น

9. ส่วนประกอบของพาเนลBehaviorส่วนประกอบของพาเนลBehavior