สร้าง Link เปิดหน้าต่างใหม่ไม่มี Tool Bar [Article ID : 69]

เรื่อง : สร้าง 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 แล้วโปรแรกมจะทำการเปิดหน้าต่างใหม่ขึ้นมาเพื่อให้เรากำหนดค่า ดังรูป

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

บทความอื่นที่คุณอาจสนใจ

สร้าง Link ต่างสีบนหน้าเว็บเพจเดียว

เรื่อง : Link ต่างสีบนหน้าเว็บเพจเดียวมีแฟนเว็บถามกันเข้ามามากว่าทำอย่างไรจะทำให้สีของ Link มีได้มากกว่า 1 สี บนหน้า...  

การจัดเรียงข้อมูลในตาราง (Sort Table) ด้วย Dreamweaver

เรื่อง : การจัดเรียงข้อมูลในตารางด้วย Dreamweaver (Sort Data on Table) บางครั้งการจัดทำข้อมูลในเว็บเพจของเรา อาจจะเคยต้...  

การ Optimize รูปภาพ ด้วย Dreamweaver

เรื่อง : การ Optimize รูปภาพโดยใช้โปรแกรม Dreamweaver การใช้งานรูปภาพประกอบหน้าเว็บเรานั้น สิ่งหนึ่งที่เราต้องคำนึงถึง...  

เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น

เรื่อง : เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น ในการออกแบบเว็บเพจ บางครั้งเราจำเป็นต้อง...