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



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

สร้างระยะเยื้องให้บรรทัดแรกของข้อความย่อหน้า (text-indent)

เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย Dreamweaver หลายท่านคงมีปัญหา เมื่อทำการพิมพ์ข้อความที่เป็นเนื้อหาของห...  

สร้าง Web Application ด้วย Dreamweaver + PHP + MySQL การเตรียมพร้อมและข้อตกลงในการเรียนรู้

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 1สำหรับบทความนี้ก็จะเป็นบทความชุดนะครับคือใน 1 เร...  

สร้าง Popup Window ด้วย Open Browser Window

เรื่อง : การทำ Popup Window กำหนดขนาดหน้าต่าง Web Browser คงจะเคยเข้าไปตามเว็บ ซึ่งเขาอาจจะมีปุ่มกด ซึ่งเมื่อกดไปที่ปุ่ม...  

จัดรูปแบบบโค้ดด้วย Apply Source Formatting

เรื่อง : จัดรูปแบบบโค้ดด้วย Apply Source Formattingใครที่ชอบเขียนโค้ดด้วยโปรแกรม Dreamweaver อาจจะพบปัญหาที่ว่า พอเขียนโค้...  


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

*
*
*