ห้าม Click ขวาหน้าเว็บ โดยไม่ใช้ Extension [Article ID : 58]

มีผู้ติดต่อสอบถามกันเข้ามามากเลยว่า...ไม่สามารถหาตัว Extension ที่ชื่อว่า No Right Click ที่ผมได้ทำการแนะนำไป..โดยส่วนตัวผมเองเคยมีตัว Extension ที่ว่านั้น แต่ปัจจุบันมันได้หายไปจากชีวิตผมเสียแล้ว (น่าเศร้าจัง) มาครั้งนี้เลยขอแก้ตัวหน่อยครับ เอาเป็นว่าใน Dreamweaver MX มี Function ให้เราสามารถสร้างการห้าม click ขวาได้ง่าย ๆ เลย มาลองทำกันดูกับบทความนี้นะครับ
(เสริม...บทเรียนนี้จะเป็นการแนะนำให้เราสามารถทำการปิดการ Click ขวาหน้าเว็บเพจได้ อาจจะนำไปใช้ในกรณีที่เราไม่อยากให้ใครมาทำการ Click ขวาเพื่อทำการ Copy รูปภาพบนเว็บเพจของเราได้)

1. ทำการเปิดไฟล์งานที่ต้องการห้ามการ Click ขวาขึ้นมา หรือจะทำการ New File ขึ้นมาใหม่ก็ได้ไม่ผิดกติกาใด ๆ

2. จากนั้นให้ไปที่ Document Tool Bar เลือกไปที่ Show Code View เพื่อทำการเปิดในส่วนของ Source Code ขึ้นมา ดังรูป

3. เมื่อเราทำการเปิดในส่วนของ Source Code ขึ้นมาแล้ว ให้เรานำ Cursor ไปวางไว้ยังตำแหน่งใดตำแหน่งหนึ่งของ Source Code นั้น

4. จากนั้นให้ทำการเปิดหน้าต่างที่ชื่อว่า Snippets ขึ้นมา (Main Menu -> Window -> Snippets) ดังรูป

5. จากนั้นในส่วนของ Name ที่หน้าต่าง Snippets ให้เราเลือกไปที่เมนูที่มีชื่อว่า JavaScript และเลือกต่อไปยังเมนูที่ชื่อว่า starter script จากนั้นให้ทำการ Double Click ที่เมนูที่ชื่อว่า Starter Script 1.2, Wrap ดังในรูปนะครับ เพื่อทำการ Insert Code เข้าไปยัง Source Code ของเรา

6. เมื่อเราทำการ Insert Code ในขั้นตอนที่ 5 เสร็จสิ้นแล้ว ที่ Source Code ของเราในตำแหน่งที่เรานำเอา Cursor ไปวาง จะปรากฏโค้ดใหม่ขึ้นมา และในขั้นตอนนี้ห้ามเราทำการเคลื่อนย้าย Cursor ออกจากตำแหน่งที่ปรากฏ ดังรูป

7. จากนั้นให้กลับไปที่หน้าต่าง Snippets อีกครั้ง และให้ทำการเลือกไปที่เมนู JavaScript -> browser function แล้วจากนั้น Double Click ไปที่เมนู Disable Right Click ดังรูปนะครับ เพื่อทำการ Insert Code ที่เป็น Function ที่ใช้ในการห้ามการ Click ขวาของเรา

8. เมื่อ Insert Code แล้วจะได้โค้ด ดังรูป

9. ให้เราทำการ Preview และทดสอบโดยการ Click ขวาบนเว็บเพจนั้นกับ Browser.