เรื่อง : สร้าง Link เปิดหน้าต่างใหม่ไม่มี Tool Bar
มีหลายท่านสอบถามกันมาบ่อยเหลือเกินว่า อยากให้ทำการสร้าง Link ที่พอเมื่อ Click ไปแล้วให้ทำการเปิดหน้าต่างใหม่ขึ้นมาแบบที่หน้าต่างใหม่นั้นไม่มีพวก Address Bar หรือ Tool Bar ต่าง ๆ ว่ามีวิธีทำอย่างไรกับ Dreamweaver ซึ่งอันที่จริงแล้ว หากท่านได้อ่านและทำตามบทความเรื่อง เรื่องการสร้าง POPUP โฆษณา และมีความเข้าใจเรื่องของการกำหนด Events ใน Dreamweaver บ้าง ก็คงถึงบางอ้อ และทำได้กันแล้ว แต่ไม่เป็นไร ในเมื่อมีหลายท่านแจ้งมาว่ายังทำไม่ได้...เพราะว่าเป็นมือใหม่ ผมก็ขอเขียนบทความนี้ให้อ่านแล้วกัน
วิธีการทำ
1. ให้ท่านทำการสร้าง Insert ข้อมูลลงสู่เว็บเพจ อาจจะเป็น Text หรือ เป็น Image ก็ได้ครับ จากนั้นเลือกไปที่ข้อมูลนั้น ในที่นี้ผมสร้างเป็น TEXT โดยทำการพิมพ์คำว่า LINK และทำการเลือกไปที่ข้อความ LINK ที่ผมพิมพ์ขึ้น ดูรูปประกอบ
2. จากนั้นให้ท่านไปที่หน้าต่าง Behaviors แล้วทำการคลิ๊กไปที่เครื่องหมายบวก (+) แล้วเลือกไปที่เมนู Open Browser Window ดังรูป (หากใครไม่มีเมนูนี้ให้เลือก หรือเลือกไม่ได้ให้ทำการเลือกไปที่ Show Events For -> IE 5.0 ก่อนแล้วจึงจะปรากฏเมนู Open Browser Window ให้เราเลือก)
3. เมื่อทำการเลือกไปที่เมนู Open Browser Window แล้วโปรแรกมจะทำการเปิดหน้าต่างใหม่ขึ้นมาเพื่อให้เรากำหนดค่า ดังรูป
ที่หน้าต่าง Open Browser Window เราสามารถกำหนดค่าต่าง ๆ ได้ดังนี้
- URL to display : ให้เราทำการพิมพ์ URL ของไฟล์ที่เราต้องการจะเปิดเป็น Window ใหม่ หรือให้เราทำการ Brows..เลือกไฟล์ที่เราจะทำการเปิด
- Window width & height : สำหรับการกำหนดขนาดของ Window ที่เราจะกำหนดให้เปิดให้เรากำหนดค่า มีหน่วยเป็น pixel
- Attributes : ในแอตทริบิวนี้ หากเราต้องการกำหนดให้หน้าต่างใหม่ของเราแสดงอะไรบ้างให้เราทำการติ๊กเลือกที่ Attribute นั้น เช่น หากเราต้องการให้หน้าต่างใหม่ของเราแสดงเพียง Status Bar เพียงอย่างเดียว ก็ให้เราทำการเลือกดังรูป
- Window name : กำหนดชื่อ Window ที่ใช้อ้างอิงถึง ตรงนี้ให้เราทำการพิมพ์ชื่ออะไรลงไปก็ได้ตามต้องการ
4. เมื่อเราทำการกำหคค่าต่าง ๆ เสร็จสิ้นก็คลิ๊กที่ปุ่ม OK เป็นอันเสร็จสิ้นการสร้าง POPUP Window ของเราแล้ว แต่ยังไม่สมบูรณ์ ให้เรากลับมาดูที่หน้าต่าง Behaviors อีกครั้ง แล้วให้เราตรวจสอบดูว่าที่ Events มี Event ที่ชื่อว่า OnClick หรือไม่หรือกลายเป็น Events อื่น ๆ หากเป็นอีเวนท์อื่น ให้เราทำการเปลี่ยน Event เป็น onClick ดังรูป
5. เมื่อเราได้ทำการกำหนด Event ถูกต้องแล้ว ตอนนี้ข้อความของเราสามารถ Click เพื่อเปิดหน้าต่างใหม่ได้แล้ว แต่ข้อความนั้นเมื่อเรานำเมาท์มาชี้ยังไม่มีเมาท์เป็นรูปมือซึ่งหมายถึงข้อความนี้สามารถ Click ได้ หากเราต้องการทำเมาท์ให้เป็นรูปมือ เมื่อเมาท์ของผู้ใช้งานนำมาชี้ที่ข้อความนั้น ให้เราไปที่หน้าต่าง Attributes แล้วหลังจากนั้นเลือกไปที่ Style แล้วพิมพ์ข้อความ cursor:hand ดังรูป
เป็นอันเสร็จสิ้งการสร้าง 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
บทความอื่นที่คุณอาจสนใจ
