About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

มาสร้างปุ่มปิด Web Browser กัน (Snippets Panel) [Article ID : 85]


เรื่อง : การสร้างปุ่มปิด Web Browser

บางครั้งเราเข้าไปชมเว็บเพจของบางเว็บไซต์ คุณเคยสังเกตไหมครับว่า บางหน้าเว็บเขาจะแสดงปุ่มกดขึ้นมา 1 ปุ่ม แล้วเขียนที่ปุ่มกดนั้นว่า Close Button หรือเขียนว่า ปิดหน้าต่างนี้ ! เมื่อมีการกดไปที่ปุ่มดังกล่าว ปรากฎว่าหน้าต่าง Web Browser ได้ถูกปิดลงไป ซึ่งปุ่มแบบนั้นแหละครับที่ DwThai.Com จะแนะนำการสร้างกับบทความนี้ด้วยวิธีการง่าย ๆ โดยใช้ Dreamweaver ตัวเก่งของเราสร้างให้ ไม่ต้องเขียน JavaScript ให้เหนื่อย ลองทำกันดู

วิธีการสร้างปุ่มปิด Web Browser โดยใช้ Snippets Panel

1. ให้เราทำการ New File.. หรือทำการเปิดไฟล์ที่เราต้องการสร้างปุ่มสำหรับปิด Web Browser ขึ้นมา 1 ไฟล์
2. จากนั้นนำ Cursor ไปวางไว้ที่หน้าเว็บเพจ ในตำแหน่งที่ต้องการแสดงปุ่มปิด Web Browser ตามที่ต้องการ
3. ต่อมาให้เปิด Snippets Panel ขึ้นมา โดยไปที่ Main Menu -> Window -> Snippets ดังรูป
4. ที่ Snippets Panel ให้ไปที่หมวด Form Elements แล้วทำการ Click ไปที่เครื่องหมายบวก ( + ) หน้ารายการ Form Elements เพื่อทำการขยายหรือเปิดรายการของ Form Elements ดังรูป 5. จากนั้นให้ทำการ Double Click ไปที่รายการ Close Window Button หรือทำการลาก (Drag) ไปวางก็ได้เช่นเดียวกัน ดังรูป
เราก็จะได้ปุ่มกดสำหรับการปิดหน้าต่าง Browser ที่ตำแหน่งที่เราทำการวาง Cursor ไว้ในหน้าเว็บเพจของเรา
6. หากเราต้องการเปลี่ยนคำว่า Close Window ที่ปรากฏอยู่บนปุ่ม ก็สามารถกระทำได้ โดย Click เลือกที่ปุ่มกดนั้นไว้ จากนั้นให้ไปกำหนดค่า Value ที่ Properties ดังรูป 7. เป็นอันเสร็จสิ้นขั้นตอนการสร้างปุ่มปิด Web Browser ให้ทดสอบการทำงานกับ Web Browser ของเราดู
ปล. หากปุ่มปิด Browser ถูกสร้างอยู่ใน Window แม่ หรือ Window ที่มีการเปิดขึ้นมาโดยตรงจากการ Double Click ที่ไอคอนของ Web Browser เมื่อกดที่ปุ่มปิด อาจจะมี Dialog ถามว่าคุณต้องการปิดหน้าต่างนั้นหรือไม่
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



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

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

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

การสร้าง Popup Message แจ้งเตือนด้วยโปรแกรม Dreamweaver

เรื่อง : วิธีสร้าง Popup Message ด้วย Dreamweaver หลายท่านเข้าไปในเว็บไซค์อื่นๆ คงจะเคยพบหน้าต่างเล็กๆ [หรือไม่เล็ก] ปรา...  

การกำหนด Class ของ CSS มากกว่า 1 คลาสด้วย Apply Multiple Classes

เรื่อง : การกำหนดคลาส CSS ให้แก่ Element ที่ต้องการใช้ Class มากกว่า 1 คลาส Class Selector ของ CSS นั้น ...  

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

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


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

*
*
*