- การสร้างเว็บเพจโดยใช้เอชทีเอ็มแอล ที่จะทำให้เพจมีการเคลื่อนไหวนั้น เราจะใช้ไฮเปอร์ลิงก์เข้ามาช่วย ซึ่งก็จะได้เพียงแค่นั้น แต่ถ้าเรา
เพิ่มเติมด้วยภาษา VBscript เข้าไปแล้ว จะทำให้เพจของเรามีความสามารถมากขึ้นจากภาษาเอชทีเอ็มแอล ซึ่งจะมีหน้าที่เพียงแต่สร้างสิ่งต่างๆในเพจ
ให้เท่านั้น แต่ไม่สามารถคิดและพิจารณาได้ คือ ไม่มีสมองคิด หลักต่างๆที่จะสร้างเพจให้มีชีวิตชีวา มีดังต่อไปนี้
การสร้างเว็บเพจใหม่ด้วย VBscript
- เราสามารถสร้างเพจได้จาก VBscript ตามที่เราต้องการได้จากคำสั่งใน VBscript คือ Write หรือ Writelnซึ่งจะมีรูปแบบในการเขียนโปรแกรมดังนี้
- Document.Write"ภาษาเอชทีเอ็มแอล"
หรือ
- Document.WriteIn"ภาษาเอชทีเอ็มแอล"
- ตัวอย่างเช่น ถ้าเราต้องการคลิกที่บัดทอนหนึ่ง แล้วให้เปลี่ยนแปลงไปอีกเพจหนึ่งที่มีสีพื้นเป้นสีแดงทันที เหมือนกับการสร้างไฮเปอร์ลิงก์ แล้วเราจะต้อง
เขียนโปรแกรมเพื่อสร้างเพจที่ต้องการนี้ได้ดังนี้ คือ
- Sub Button_OnClick
- Document.Write "< HTML >"
- Document.Write "< /Body >< /HTML >"
- End Sub
ข้อควรระวังในการเขียนคำสั่ง write นั้นมีดังนี้
- 1.ข้อความที่สร้างจาก write นั้น ถ้ามีเครื่องหมายคำพูดประกอบแล้ว ให้เปลี่ยนเป็นเครื่องหมายที่มีขีดเดียวแทน 2 ขีด เช่น ถ้าคำสั่งเอชทีเอ็มแอลเป็น
BgColor="Red" แล้ว จะต้องเขียนเป็น BgColor="Red" เป็นต้น
- 2. ถ้าข้อความที่ให้สร้างนั้นยาวมากๆ แล้ว เราสามารถขึ้นบรรทัดใหม่โดยการเขียนคำสั่ง Write อีกบรรทัดหนึ่ง
- 3. การเขียนคำสั่ง Write เพื่อสร้างเพจนั้น จะไม่สามารถสร้างในส่วนของสคริปต์ได้ นั่นคือจะสามารถสร้างภาษาเอชทีเอ็มแอลอย่างเดียว
- 4.จะต้องรู้ว่าเพจใหม่ที่สร้างนี้ จะไม่ได้ปรากฎในฮาร์ดดิสก์
การสร้างเวลาให้กับเว็บเพจด้วยคำสั่ง SetTimeOut
- เวลาที่ใช้ในเพจเป็นสิ่งสำคัญที่จะทำให้ออบเจ็กต์ต่งๆ ทำงานในเวลาที่กำหนด เช่น การแสดงที่ตำแหน่งต่างๆ ที่เวลากำหนด จึงทำให้ออบเจกต์ดูเหมือน
ว่าเคลื่อนที่ไม่ได้บนเพจ ดังในตัวอย่างที่ผ่านมาในหัวข้อ Div ออบเจ็กต์ที่แสดงการเคลื่อนที่ของรูปภาพและตัวหนังสือ ซึ่งการเคลื่อนที่ในตัวอย่างนั้น เราได้ใช้
เหตุการณ์คลิกบนเพจแทน ซึ่งถ้าจะให้มีการเคลื่อนที่อย่างสมบูรณ์แล้ว ควรที่จะให้มันเคลื่อนที่ได้เองไม่ต้องไปคลิก และเครื่องมือที่จะมาช่วยให้มีการเคลื่อน
ที่นี้จะเป็นคำสั่งที่ใช้ร่วมกับ Windows คือ คำสั่ง SetTimeOut โดยมีรูปแบบของคำสั่งเป็น
- T= Windows.SetTimeOut ("ชื่อสับโปรแกรม",เวลา)
- T เป็นตัวแปรอะไรก็ได้ ที่กำหนดขึ้นมา
- เวลา เป็นตัวเลขที่มีหน่วยเป็น 1/100 วินาที
ถ้าเราใส่ค่าตัวเลขมาก ก็ย่อมทำให้การทำงานที่สับโปรแกรมที่ระบุในคำสั่งมากขึ้นด้วย
การเขียนโปรแกรมเพื่อควบคุมไฮเปอร์ลิงก์
- ที่ผ่านมาเราจะคุ้นเคยการสร้างไฮเปอร์ลิงก์ เพื่อลิงก์ไปยังบุ๊คมาร์กต่างๆ ภายในเพจ หรือลิงก์ไปยังเว็บเพจอื่นๆ แต่ในหัวข้อนี้ เราจะสามารถสร้างไฮเปอร์ลิงก์
สูงขึ้น การสร้างไฮเปอร์ลิงก์ไปยังโปรแกรมอีกด้วย ทำให้เพิ่มประสิทธิภาพในการสร้างไฮเปอร์ลิงก์สูงขึ้น การสร้างไฮเปอร์ลิงก์ไปยังโปรแกรม VBScript
ที่สร้างจะมีหลักการดังนี้ คือ
- 1. การเขียนคำสั่งเพื่อลิงก์ไปยังโปรแกรม VBScript นั้น จะต้องแจ้งภาษาที่ใช้และชื่อของฟังก์ชัน หรือสับโปรแกรมที่ต้องการลิงก์ เช่น
เราต้องการสร้างไฮเปอร์ลิงก์ไปยังฟังก์ชัน Dolink ที่โปรแกรม VBScript ก็จะเขียนคำสั่งเอชทีเอ็มแอล ได้เป็น
- < a href="VBscript:Dovink" >Vblink < /a >
- 2. แล้วให้ไปสร้างฟังก์ชัน Dolink ให้มีการทำงานในเว็บเพจ
การปรับเปลี่ยนรูปแบบไฮเปอร์ลิงก์
- ตามปกติแล้วถ้าเป็นตัวหนังสือที่มีไฮเปอร์ลิงก์แล้ว จะมีสีน้ำเงินและมีขีดอยู่ด้านล่างเสมอ ซึ่งรูปแบบเดิมๆ นี้ เราสามารถเปลี่ยนแปลงได้ เช่น เปลี่ยนสี
ของไฮเปอร์ลิงกต่างๆ ซึ่งได้กล่าวไปแล้วหรือเปลี่ยนรูปแบบของตัวอักษรได้ เช่น การให้มีการขีดเส้นใต้หรือไม่ เป็นต้น ซึ่งเราสามารถปรับปรุงไฮเปอร์ลิงก์
น้ได้จากคำสั่ง < Style > โดยมีรูปแบบดังนี้ คือ
- < Style >
- Body { font-family: verdana, arial, helvetica, sans-serif;
- a: link { text-decoration: none; color: black; cursor:hand; }
- a:active { text-docoration: none; color: black; cursor:hand ;}
- a:visited { text-decoration: none; color: black; ursor:hand; }
- < /style >
- ซึ่งจะเหมือนกับการเขียนคำสั่ง Style ของออบเจ็กต์ แต่จะต้องใช้เครื่องหมายวงเล็บปีกกา { } แทน และให้วางคำสั่งนี้ก่อนหน้าคำสั่ง Body
Style TextDecoration
- เป็นรูปแบบหนึ่งของ Style ที่ได้กล่าวมาแล้วในตอนต้น แต่จะเป็นคำสั่งหนึ่งสำหรับปรับปรุงการแสดงเส้นของไฮเปอร์ลิงก์ ซึ่งจะมีค่าเป็น "Underline" เมื่อ
ต้องการให้ตัวหนังสือมีเส้นขีดที่ด้านใต้และจะยกเลิกโดยเปลี่ยนค่าเป็น "None" และ "Style Textdocoration นี้ก็จะใช้ได้กับทุกๆออบเจ็กต์ เช่นกัน
รูปแบบการเขียนโปรแกรมเป็น
- Div.Stayle.TextDecoration="Underline" หรือ "None"
หรือถ้าต้องการเขียนในรูปแบบของภาษาเอชทีเอ็มแอล เมื่อ Div เป็นออบเจ็กต์ที่มีชื่อเป็น "Div" ก็จะเขียนได้เป็น
- < Div Style="Text-Decoration:Underline" >
การเขียนโปรแกรมเพื่อเปิดหน้าต่าง Internet Explorer หน้าต่างที่ 2
- ในระหว่างที่เราทำงานอยู่ที่เพจหนึ่ง ๆ แล้วเรายังสามารถเขียนโปรแกรมเพื่อให้หน้าต่าง Internet Explorer อีกหน้าต่างหนึ่งทำงานได้เหมือนกับการลิงก์
ไปอีกเพจหนึ่ง แต่จะอยู่คนละหน้าต่าง ซึ่งจะมีผลดีตรงที่เพจเดิมยังคงอยู่ด้วย คำสั่งสำหรับให้สร้างหน้าต่างๆ Internet Explorer อีกหน้าต่าง คือ
- Window Open "ชื่อ File" , "รูปแบบ"
- รูปแบบจะเป็นการให้แสดงองค์ประกอบต่างๆ ของหน้าต่าง Internet Explorer หรือไม่ เช่น ทูลบาร์ เมนูบาร์ สเตตัสบาร์ สกรอลล์บาร์ และขนาด
กว้างยาวของหน้าต่าง Internet Explorer
- ยกตัวอย่างเช่น ถ้าเราต้องการให้แสดงองค์ประกอบทุกอย่างในหน้าต่างนี้ ก็สามารถเขียนคำสั่งได้เป็น
Window.Open "ชื่อเพจที่เปิด" "ScrollBar=Yes, ToolBar=Yes, MenuBar=Yes, Location=Yes, Directory=Yes;
States=Yes, Rsizetable=Yes, Width=100, Height=100"
องค์ประกอบในรูปแบบต่างๆ มีดังนี้
- 1. สกอลล์บาร์ ( Scoll Bar) คือ ส่วนที่แสดงสกรอลล์บาร์ในเพจ ทั้งสกรอลล์บาร์แนวตั้ง (Vertical) และสกรอลล์บาร์แนวนอน (Horizontal)
ซึ่งจะมีค่าเป็น Yes, No
- 2. ทูลบาร์ (Tool Bar) เป็นเครื่องมือเพจที่แสดงด้วยรูปภาพ ดังแสดงในรูปหน้าถัดไปและสามารถNo กำหนดได้เป็น Yes, No
- 3. เมนูบาร์ (Menu Bar) เป็นเครื่องมือของเพจที่แสดงได้ด้วยตัวหนังสือ ดังแสดงในรูปและสามารถกำหนดได้เป็น Yes, No เช่นกัน
- 4. Location เป็นแถบเครื่องที่แสดงที่อยู่ของเพจ หรือที่เรียกกันว่า แอดเดรสบาร์ (Address Bar) นั่นเอง ซึ่งจะมีค่าเป็น Yes, No
- 5. ไดเรกทอรี (Directory) เป็นแถบเครื่องมือลิงก์ที่มักจะอยู่ในบรรทัดเดียวกันกับแอดเดรสบาร์ เป็นรายการลิงก์ไปทำงานที่อื่นๆ ดังรูป
- 6. สเตตัสบาร์ (Status Bar) เป็นแถบเครื่องมื่อที่อยู่ด้านล่างเพจที่แสดงลำดับขั้นตอนการทำงาน และมีค่าเป็น Yes, No ดังแสดงในรูป
- 7. Resizetable เป็นความสามารถที่จะทำให้หน้าาต่างปรับเปลี่ยนขนาดได้ ถ้าเรากำหนดเป็น Yes แล้วนำเมาส์ไปบริเวณของหน้าต่างแล้วลากไปมา
เพื่อปรับเปลี่ยนขนาดของหน้าต่างได้ แต่ถ้ากำหนดเป็น No แล้วไม่สามารถปรับเปลี่ยนหน้าต่างได้
- 8. Width, Height เป็นขนาดของหน้าต่างที่มีขนาดเป็นตัวเลข หน่วยเป็นพิกเซล ซึ่งเราสามารถกำหนดได้ในรูปแบบ
การปิดหน้าต่าง Internet Explorer
- เมื่อเรามีคำสั่งสำหรับเปิดหน้าต่าง Internet Explorer ก็มีคำสั่งสำหรับปิดหน้าต่างได้เช่นกัน โดยมีคำสั่งดังนี้คือ Window.Close หลังใช้คำสั่งนี้
แล้วก็จะจบการทำงาน และมีเมสเสจบ็อกซ์เตือนว่าต้องการปิดหรือไม่