- ในเรื่องที่ผ่านมา เป็นเรื่องของค่าคงที่ และ Statement ที่ใช้กับการเขียนโปรแกรมเพื่อควบคุมการทำงานของออบเจ็กต์หรือคอนโทรล ActiveX ต่างๆ
ซึ่งจะมีบทบาทอย่างมากที่จะทำให้เว็บเพจ Body, From รวมทั้งฟิลด์ต่างๆ เช่น ออบเจกต์จำพวก Text Area, Text Box จนถึงคอนโทรล
ActiveX เช่น Sep, Sound, Label, Timer เป็นต้น โดยจะขอกล่าวเป็นออบเจ็กต์แต่ละออบเจ็กต์ ดังต่อไปนี้
Document
- เป็นเว็บเพจที่ใหญ่ที่สุดที่เราต้องสร้างทุกสิ่งทุกอย่างในเว็บเพจ และสิ่งที่จะสร้างอยู่ในเพจนี้เมื่ออ้างอิงถึงจะต้องเขียนคำสั่ง Document From เป็นต้น
พร็อปเพอร์ตี้ของ Document
- เนื่องจาก Document จะมีฐานะเป็นเพจอันหนึ่ง ก็จะมีพร็อปเพอร์ตี้เช่นเดียวกับเพจนั่นเอง ซึ่งเรามักพบเห็นใน Page ProPerty ในโปรแกรม
FrontPage ซึ่งพร็อปเพอร์ตี้จะมีดังต่อไปนี้ คือ
1. BgColor
- เป็นพร็อปเพอร์ตี้สำหรับกำหนดสีให้กับแบ็กกราวด์ของ Document หรือของเพจนั่นเอง และสีที่กำหนดก็จะเป็นเลขฐาน 16 ทั้งหมด 6 หลัก โดยที่สอง
หลักแรกจะเป็นสีแดง สองหลักต่อมาเป็นสีเขียว และสองหลักสุดท้ายเป็นสีเหลือง ซึ่งเราสามารถกำหนดตัวเลขฐาน 16 ของสีทั้งสามให้ผสมกันจนเป็ฯสีที่
ต้องการได้ เช่น ถ้าเราต้องการผสมสีแดง เขียว เหลืองทั้งหมด 100% แล้ว เราจะเขียนค่าของสีได้เป็น "#FFFFFF" ซึ่งจะต้องมีเครื่องหมาย # นำหน้า
ค่าของสี ค่าของสีแดงจะเป็น FF สีเขียวเป็น FF ซึ่งการผสมสีทั้งสามสีแบบ 100% ก็จะได้สีขาว แต่ถ้าต้องการสีใดสีหนึ่ง ก็เพียงแต่กำหนดให้สีสอง
สีที่เหลือเป็น 0 นั่นเอง เช่น ถ้าต้องการสีแดง ก็จะได้ค่าสีเป็น "#FF0000" หรือถ้าต้องการสีเขียว ก็จะมีค่าเป็น "#00FF00" เป็นต้น
- นอกจากการกำหนดค่าของสีเป็นรูปที่กล่าวไปแล้ว ยังสมารถกำหนดเป็นคำสั่งของสีที่มักใช้ในวิชวลเบสิกคือ RGB (R,G,B) ตัวเลขที่อยู่ในวงเล็บ
ที่แสดงค่าของแม่สีสามสีเหมือนกัน แต่จะเป็นเลขฐานสิบธรรมดา ซึ่งตัวเลขจะมีค่าตั้งแต่ 0-255 การผสมสีก็ได้กำหนดขนาดของแม่สีของสามสีนี้ เช่น
ถ้าต้องการสีแดงก็ให้เขียนคำสั่งเป็น RGB (255.0.0) ต้องการสีขาวให้เขียนคำสั่งเป็น RGB (255,255,255) เป็นต้น
- หรือถ้าไม่ต้องการผสมสี แต่ต้องการใช้สีเฉพาะ เช่น สีแดง สีน้ำเงิน หรือสีเหลือง ก็จะมีค่าคงที่ที่เป็นชื่อของสีนั้นๆ เลย ซึ่งสะดวกและรวดเร็วในการเขียน
โปรแกรม เช่น BgColor="Red" เป็นต้น และค่าคงที่ของแต่ละสีจะแสดงในตารางต่อไปนี้ คือ
ค่าคงที่ | สี |
BLACK | สีดำ |
BLUE | สีน้ำเงิน |
FUCHSIA | สีม่วง |
GRAY | สีเทาเข้ม |
GREEN | สีเขียวเข้ม |
LIME | สีเขียวอ่อน |
MAROON | สีน้ำตาลเข้ม |
NAVY | สีน้ำเงินเข้ม |
OLIVE | สีเขียวเข้มปนดำ |
PURPLE | สีม่วงเข้มปนดำ |
RED | สีแดง |
SILVER | สีเทา |
TEAL | สีเขียวเข้มปนน้ำเงิน |
WHITE | สีขาว |
YELLOW | สีเหลือง |
ORCHID | สีม่วงเข้ม |
GOLD | สีน้ำตาลอ่อนปนเหลือง |
2. FtColor
- เป็นพร็อปเพอร์ตี้สำหรับสีของตัวหนังสือที่ใช้บนเว็บเพจที่ต้องการเปลี่ยนแปลงของสี และการกำหนดค่าของสีก็จะเหมือนกับค่าของสีแบ็กกราวด์นั่นเอง
และมีรูปแบบของคำสั่งเป็น Document.FtColor
3. AlinkColor
- เป็นพร็อปเพอร์ตี้ของ Document สำหรับแสดงสีเมื่อมีการแอกทีฟที่ไฮเปอร์ลิงก์ และจะตรงกับคำสั่งเอชทีเอ็มแอลที่เราพบทั่วไปเป็น Alink นั่นเอง
รูปแบบการเขียนคำสั่ง คือ
- Document.AlinkColor="Red"
4. VlinkColor
- เป็นพร็อปเพอร์ตี้ของ Document สำหรับแสดงสีเมื่อมีการสร้างไฮเปอร์ลิงก์ที่ตัวอักษร และจะตรงกับคำสั่งเอชทีเอ็มแอลที่เราพบทั่วไปเป็น Vink นั่นเอง รูปแบบ
การเขียนคำสั่ง คือ
- Document.VlinkColor="Red"
5.LinkColor
- เป็นพร็อปเพอร์ตี้ของ Document สำหรับแสดงสีเมื่อมีการสร้างไฮเปอร์ลิงก์ที่ตัวอักษร และจะตรงกับคำสั่งเอชทีเอ็มแอลเป็น Link นั่นเอง รูปแบบ
การเขียนคำสั่ง คือ
- Document.LinkColor="Red"
6. Cookie
- เป็นพร็อปเพอร์ตี้อันหนึ่งของ Document สำหรับส่งค่าของตัวแปรที่เป็นตัวหนังสือ ไปเก็บไว้ที่โฟลเดอร์ Cookies ที่อยู่ในโฟลเดอร์วินโดวส์
เมื่อเราส่งข้อมูลไปเก็บไว้ที่ Cookies ครั้งหนึ่ง มันจะลบข้อมูลเก่าที่เก็บไว้ และแทนที่ด้วยข้อมูลใหม่ รูปแบบของคำสั่ง Cookies คือ
- Document Cookie="ตัวแปรตัวอักษร"
Body
- เป็นออบเจ็กต์ที่มีขนาดรองลงไปจาก Document และจะมีชื่อประจำเป็น Body เช่นเดียวกับ Doccument โดยที่เราไม่ต้องตั้งชื่อให้กับมันด้วยคำสั่ง
"Name" และเมื่อเราเขียนคำสั่ง VBScript เพื่ออ้างอิงถึงบอดี้แล้ว เราจะต้องใส่ชื่อที่ๆ บอดี้นั้นอยู่ คือ Document คือจะต้องเขียนคำสั่ง Document
.Body.Property เป็นต้น
พร็อปเพอร์ตี้ Body
- Body เป็นออบเจ็กต์ตัวหนึ่งซึ่งมีพร็อปเพอร์ตี้ต่างๆ ที่มาปรับปรุงคุณสมบัติต่างๆ ของมัน ได้แก่
1. Backgroud
- Background เป็นพร็อปเพอร์ตี้สำหรับกำหนดภาพแบ็กกราวด์กับเว็บเพจ ซึ่งจะเป็นไฟล์นามสกุล Gift หรือ Jpg ก็ได้ และเป็นคำสั่งเดียวกันกับคำสั่ง
เอชทีเอ็มแอลนั่นเอง แต่การกำหนดภาพแบ็กกราวด์ในเอชทีเอ็มแอล จะกำหนดตอนเริ่มต้นเท่านั้น แต่ถ้ามีการเปลี่ยนแปลงตอนหลัง จะต้องเขียนด้วย
VBScript พร็อบเพอร์ตี้ Background จะมีรูปแบบของคำสั่งเป็น
- Document.Body.Background=ไฟล์ Gif หรือไฟล์ Jpeg
2. LeftMargin
- เป็นพร็อปเพอร์ตี้สำหรับกำหนดระยะห่างของบอดี้กับของเพจทางด้านซ้ายมือ และมีค่าเป็นตัวเลขมีหน่วยเป็นพิกเซล โดยมีรูปแบบการเขียนโปรแกรมดังนี้
- Document.Body.LeftMargin=50
3. RightMargin
- เป็นพร็อปเพอร์ตี้ที่กำหนดระยะห่างของบอดี้มาทางด้านขวามือกับขอบของเว็บเพจ และจะมีค่าเป็นตัวเลข มีหน่วยเป็นพิกเซล โดยมีรูปแบบการเขียนโปรแกรม
ดังนี้
- Document.Body.RightMargin=90
4. TopMargin
- เป็นพร็อปเพอร์ตี้ที่กำหนดระยะห่างของบอดี้ ทางด้านบนจนถึงขอบบนของเว็บเพจ มีค่าเป็นตัวเลข มีหน่วยเป็นพิเซล โดยมีรูปแบบการเขียนโปรแกรมดังนี้
- Document.Body.TopMargin=100
5. BgColor
- เป็นพร็อปเพอร์ตี้เพื่อกำหนดสีของฉากหลัง ซึ่งเป็นพร็อบเพอร์ตี้เดียวกับ Document
6. Link
- เป็นพร็อปเพอร์ตี้สำหรับกำหนดสีให้แก่ไฮเปอร์ลิงก์ และทำหน้าที่เดียวกับพร็อปเพอร์ตี้ LinkColor ของ Document
7. Alink
- เป็นพร็อปเพอร์ตี้สำหรับกำหนดสีให้แก่ไฮเปอร์ลิงก์ที่แอกทีฟ (Active) คือ มีการเลื่อนเมาส์เข้าไปทำงาน และเป็นพร็อปเพอร์ตี้อันเดียวกันกับพร็อป
เพอร์ตี้ AlinkColor ของ document
8. Vlink
- เป็นพร็อปเพอร์ตี้สำหรับกำหนดสีให้แก่ไฮเปอร์ลิงก์ ที่มีการเข้าไปทำงานที่ไฮเปอร์ลิงก์แลัว และจะทำหน้าที่อันเดียวกันกับพร็อปเพอร์ตี้ Vlinkcolor ของ Document
9. ClientWidth, ClientHeight
- เป็นพร็อปเพอร์ตี้สำหรับอดี้ ที่ยอกขนาดความกว้างของหน้าต่าง Internet Explorer และขนาดความสูงของหน้าต่าง Internet Explorer ตามลำดับ ซึ่งจะมีค่าตัวเลข
เป็นพิกเซล และค่านี้เราไม่สามารถเข้าไปปรับปรุงได้ เช่นเดียวกับพร็อปเพอร์ตี้ เช่นเดียวกับพร็อปเพอร์ตี้ ScreenWidth, ScreenHeight ในวิชวล
เบสิกแต่ขนาดนี้จะเปลี่ยนแปลงไปเมื่อหน้าต่าง Internet Explorer เปลี่ยนไปขนาดไป
From
- เป็นออบเจ็กต์ตัวหนึ่งสำหรับบรรจุอยู่ในบอดี้ และเป็นที่บรรจุออบเจ้กต์เข้าไปเป็นฟิลด์ต่างๆ เช่น Text Box, Text Area เป็นต้น ซึ่งถ้าหากเราต้องการ
เขียนโปรแกรมเพื่ออ้างอิงถึงฟอร์มแล้ว จะต้องตั้งชื่อให้มันด้วยคำสั่ง Name ก่อน โดยเฉพาะอย่างยิ่งถ้ามีการกล่าวอ้างอิงถึงฟิลด์ออบเจ็กต์ที่บรรจุแล้ว
จะต้องกล่าวถึงฟอร์มดังหลายๆ ตัวอย่างที่ผ่านมา เช่น ถ้าต้องการเขียนโปรแกรมเพื่อเปลี่ยนแปลงตัวหนังสือที่อยู่บนเท็กซ์บ็อกซ์ เราก็ต้องเขียน
โปรแกรมเพื่อเปลี่ยนแปลงค่า Value ของเท็กซ์บ็อกซ์นั้นๆ ดังโปรแกรมต่อไปนี้ คือ
- Document.From.Text.Value="ABC"
ซึ่งในโปรแกรมนี้จะต้องมีการตั้งชื่อฟอร์มเป็น From และตั้งชื่อเท็กซ์บ็อกซ์เป็น Text ด้วย
All
- ในบางกรณีที่เรามีออบเจ็กต์ แต่ไม่ได้อยู่ในฟอร์มหรือไม่มีการสร้างฟอร์มในบอดี้แล้ว เราต้องหารใช้ออบเจ็กต์ All แทนก่อนถึงตัวออบเจ็กต์นั้น เช่น
ถ้าเราต้องการเขียนคำสั่งสำหรับเปลี่ยนแปลงรูปภาพบนอิมเมจออบเจ็กต์ที่มีชื่อเป็น Img แล้ว จะต้องเขียนคำสั่งได้ดังนี้ คือ
- Document.All.Ing.Src="Rsd1.Gif"