About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

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

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



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

วิธีการออกแบบเว็บในแบบ Responsive ด้วย Dreamweaver ตอนที่ 2

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 2 ต่อจากตอนที่ 1 ที่เราได้ทำการ Create ไฟล์สำหรับการเริ่...  

การทำ Refresh/Redirect ให้ Web Browser ด้วย Dreamweaver

เรื่อง : สั่งให้ Web Browser ทำการ Refersh หรือ Redirect ตัวเอง ใบบางครั้งเรามีความจำเป็นต้องทำการ Refresh ...  

การสร้างโปรแกรมสำหรับแสดงข้อมูลจาก Database (Select Data)

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 4ในตอนก่อนเราได้ทำการสร้าง Form และโปรแกรมส...  

วิธีการทำรูปพื้นหลัง (Background Image) ของเว็บเพจไม่ให้กระทำซ้ำ

เรื่อง : การทำรูปภาพ Background ไม่ให้กระทำซ้ำ (Background No Repeat) บางครั้งของการออกแบบ Web Page เราต้องการใส่รูปภาพเป...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*