เรื่อง :: ซ่อน URL บน Address Bar
มีผู้สอบมามากมายว่าจะทำอย่างไรให้ URL บน Address Bar คงที่อยู่ตลอดเวลา โดยไม่เปลี่ยนแปลงไปตามชื่อไฟล์หรืออื่น ๆ ที่ได้ทำการ Link ไป วิธีการหนึ่งก็คือการใช้ Frame ครอบเพจนั้น ๆ ไว้ แล้วให้เรากำหนด Link ไปในแบบ Self ห้ามกำหนดเป็น _blank หรือ อื่น ๆ ที่จะมีผลให้ Browser เปิดขึ้นมาใหม่เมื่อ Link ออกไป บทความนี้จะเป็นการนำโปรแกรม Dreamweaver มาประยุกติ์ใช้ในเรื่องของ Frame ที่ผมได้กล่าวไป
:: วิธีการสร้าง ::
เทคนิคการซ่อน URL นั้นหลักการ คือ จะใช้เรื่องของเฟรมเป็นส่วนที่ครอบเว็บเพจที่ต้องการให้แสดงผล ดังนี้
1. ทำการ NEW File ขึ้นมา ดังรูป
เมื่อเราทำการ New... ขึ้นมาแล้วจะปรากฏหน้าต่างให้เราทำการเลือกชนิดของไฟล์ที่จะทำการสร้างขึ้นมาใหม่ ดังรูป ตรงนี้ให้เราทำการเลือกไปที่ Framesets ดังรูป
2. เลือกที่รูปแบบเฟรมเป็น Fixed Top
3. จากนั้นโปรแกรมจะทำการสร้างไฟล์เริ่มต้นให้เราในแบบที่เราต้องการ จากนั้น ให้เราทำการเปิดหน้าต่างในการกำหนดค่า Properties ของ Frames ออกมา โดยเข้าไปที่ Main Menu -> Window ->Other -> Frames ดังรูป
4. เมื่อ Click ไปที่เมนูดังกล่าวแล้ว เราจะได้หน้าต่างนี้ขึ้นมา
ที่หน้าต่างนี้ ให้เราทำการ Click ไปที่ เส้นกรอบหนา ๆ ที่ล้อมรอบเฟรมไว้ เมื่อคลิ๊กแล้วจะปรากฏเส้นสีดำทึบรอบกรอบนั้น ดังรูป
5. จากนั้นให้เราทำการมาที่หน้าต่าง Properties ของ Frame Set แล้วทำตามขั้นตอนดังนี้
5.1 เลือกไปที่พื้นที่เฟรมด้านบน (TOP) ดังรูป (click ตรงที่มีรูปเมาท์) จากให้กำหนดค่า ดังนี้
- Row = 0
- Units = Percent
5.2 เลือกไปที่พื้นที่เฟรมด้านล่าง ดังรูป (click ตรงที่มีรูปเมาท์) จากให้กำหนดค่า ดังนี้
- Row =100
- Units = Percent
6. จากนั้นก็เป็นขั้นตอนการใช้งาน Frames โดยปรกติครับ คือ การกำหนดไฟล์ที่จะมาเป็น Content ในเฟรมที่เราต้องการ
:: Trick ::
มีข้อควรระวังคือ ถ้าเราต้องการซ่อน URL ทั้งหมด เราไม่ควรกำหนด Target ของ Link เป็น _blank หรืออื่น ๆ ที่จะทำให้ผู้ชมสามารถเปิดหน้า Browser ได้ใหม่จาก Link นั้น
About the Author
Mr.Sittichai Raksasuk
Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs.
He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.
Contact with him : dwthai@gmail.com
บทความอื่นที่คุณอาจสนใจ
การสร้างโปรแกรมแก้ไขข้อมูลเรื่อง : สร้างโปรแกรมแก้ไขข้อมูล (Edit Record)
...................................................... ...........................................
