+ แนะนำ
+ เรื่องของตัวแปร
+ Operator
+ Statement
+ Function
+ Event
+ OOP

+ Windows
+ Document Object
+ Form
+ Link
+ Image
+ Math Function
+ String

Windows

window Object หมายถึงหน้าต่างปัจจุบันของ browser เป็น Object ที่เก็บทุกๆอย่างใน window

- การเปิด ปิด window
- ตาราง option ในการเปิด window
- การติดต่อกับผู้ใช้
- การแสดงข้อความใน Status bar
- การใช้ window Synonyms
- ตั้งเวลาทำงานด้วย Timeout

การเปิด ปิด window
ตอนที่คุณเริ่มเปิด Browser ขึ้นมา มันจะสร้างและเปิดหน้าต่างขึ้นมา 1 หน้า เพื่อเริ่มต้นที่ Startup Page ของคุณใช่ไหมครับ นี่เป็นวิธีการที่ธรรมดาที่สุดในการสร้าง window object
ส่วนใหญ่แล้ว window นี้จะเปิดอยู่ตลอดถ้าคุณยังไม่ออกจากโปรแกรมไปซะก่อน เมื่อคุณ พิมพ์ http://java.pyayam.com ลงไป Site นี้ก็จะมาแทนที่ (replace) Startup page ของคุณ แต่ก็ยังคงเป็นหน้าต่างเดิม เพี่ยงแต่เปลี่ยน document เท่านั้น

และในขณะที่คุณเล่น net เพลินๆ สมมุติว่าน้องชายมาขอส่ง page ไปหาแฟน คุณก็จะเปิดหน้าต่างใหม่ ด้วย Ctrl-n หรือไม่ก็ ไปเลือก New window ใน pull-down menu จะได้ไม่ต้อง replace site ที่คุณกำลังไปชมอยู่ แต่ในการเขียน Homepage เราคงสั่งให้ผู้ใช้เปิดหน้าต่างเองไม่ได้ จริงไหมครับ

ใน JavaScript ก็มี methods ที่ใช้ในการเปิดปิดหน้าต่างอยู่ คือ open() กับ close() คำสั่ง open จะใช้สำหรับเปิด window ใหม่ขึ้นมา มีวิธีใช้ดังนี้ครับ

variable=open(url,name,[option])

variable ก็คือชื่อตัวแปรที่จะใช้เรียกเจ้า window นี้ คุณต้องตั้งชื่อให้มันครับ
url ก็คือ URL ของ document ที่จะเปิดใน window
[option] เป็นการกำหนดลักษณะของ window จะไม่ใส่ก็ได้ครับ
name ก็อาจนำไปใช้เป็น target ของ tag และ
ก็ได้ครับ

ส่วน close() ก็ใช้ ชื่อ variable ต่อด้วย .close() ได้เลย

ตัวอย่างการสร้าง window ใหม่

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
exam=window.open("http://www.pyayam.com","พยายาม")

ปิดด้วยคำสั่งนี้ครับ (เพราะชื่ออ็อบเจกต์คือ exmp)

 

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
exam.close()

(ต้องเปิดหน้าต่างไว้ก่อนนะ)

<< Back :: ^ top ^

ตาราง option ในการเปิด window

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
Option ค่าที่เป็นได้ Description toolbar location directories status menubar scrollbar resizeable width height outerWidth outerHeight left top alwayRaised z-lock yes no yes no yes no yes no yes no yes no yes no integer integer integer integer integer integer yes no yes no มี toolbar หรือไม่ แสดง location หรือไม่ มี directory button หรือไม่ มี statusbar หรือไม่ มี menubar หรือไม่ มี scrollbar หรือไม่ เพิ่ม,ลดขนาดของ window ได้หรือไม่ ความกว้างของ window ในหน่วย pixel ความสูงของ window ในหน่วย pixel Outer width ของ window Outer height ของ window ระยะทางจาก ขอบซ้ายของหน้าจอ ระยะทางจาก ขอบบนของหน้าจอ Creatw a raise,floating window. Create a window which stays in background.

*** คุณจะใช้ 1 และ 0 แทน yes และ no ก็ได้นะครับ ***

<< Back :: ^ top ^

การติดต่อกับผู้ใช้
Methods ที่น่าเล่นอีกประเภทหนึ่งก็คือ การโต้ตอบกับผู้ใช้ ซึ่งก็มีอยู่ 3 Method คือ alert(),confirm() และ prompt() ครับ

alert() ใช้แสดงข้อความและปุ่ม OK เพื่อบอกอะไรซักอย่างกับผู้ใช้ผ่านทาง dialog box
confirm() จะคล้ายๆกับ alert() แต่จะมีปุ่ม Cancle เพิ่มขึ้นมา สำหรับถามผู้ใช้ ว่าแน่ใจหรือไม่ ถ้าผู้ใช้กด OK จะคืนค่าเป็น true ถ้าผู้ใช้กด Cancle จะคืนค่าเป็น false
prompt() ใช้แสดงข้อความแล้วก็ ช่องใส่ข้อมูลให้ผู้ใช้กรอกข้อความ

สามปุ่มข้างบนนี้มี code อย่างนี้ครับ

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
<input type=button value="Alert" onclick="window.alert('An alert dialog box')"> <input type=button value="Confirm" onclick="window.confirm('An confirm dialog box')"> <input type=button value="Prompt" onclick="prompt('A prompt dialog box','Type something!')">

<< Back :: ^ top ^

เรื่องนี้ยังมีอีก >>