וובמאסטר - תיכנות ובניית אתרים

מדריך DHTML - אובייקט Window

RiU/‏ 11 מאי, 2003
F+
F-
אני אתחיל עם כמה דוגמאות ואז אראה טבלה עם כל ההגדרות וטבלה נוספת עם כל השיטות(מטודות)


location

כדי לקבל את המיקום של הדף כלומר את הכתובת המלאה נשתמש ב- location בצורה הבאה:

alert(location);
או אם נרצה לשנות את הכתובת כלומר לעבור דף בעזרת הסקריפט נעשה את זה ככה:

location="http://www.webmaster.org.il"
הערה: יש צורך בנתיב מלא, הסקריפט משנה את שורת הכתובת לערך של location, זהו לא קישור שאפשר לעשות אותו יחסי!

אגב הפקודה alert מקפיצה הודעת עזרה (משולש צהוב עם סימן קריאה). הפקודה confirmפותחת חלון עם OK ו CANCEL והפקודה prompt פותחת חלון עם שורה של input.



Screen

כדי לקבל מידע על הרזולוציה של המשתמש ועל עומק הצבע נשתמש באובייקט screen בצורה הבאה:
רוחב:

screen.width
אורך:

screen.height 
עומק צבע:

screen.colorDepth



Open

כדי לפתוח חלון משתמשים ב-

window.open()
אני לא ארחיב כי הרחיבו על הנושא מספיק באתר.



Print

כדי להדפיס עמוד:

window.print() 



Resize

כדי לשנות גודל של עמוד באופן יחסי נשתמש ב window.resizeBy בצורה הבאה:

window.resizeBy(height,width)
אם נשים מינוס לפני אחד הערכים החלון יקטן במספר הפיקסלים הרשום אחרת יגדל. כדי לשנות גודל של חלון לגודל מוגדר משתמשים ב window.resizeTo(num,num2) משתמשים בשניהם באותה צורה בדיוק.

הערה חשובה! במקרה ויש שימוש במסגרות(frames) צריך להשתמש ב- top במקום ב- window!



Scroll

כדי לגלול מסמך באופן יחסי למיקום נשתמש ב window.scrollBy , בצורה הזאת:

window.scrollBy(height,width) 
שוב, אם נשים מינוס לפני הערך החלון יגלל למעלה או שמאלה(או שניהם ביחד) ושוב כדי לגלול מרחק מסויים נשתמש ב- window.scrollTo(num,num2)



setTimeout

פקודה זו בעצם משהה פקודה נתונה לזמן מסויים ורק אז מבצעת את הפקודה למשל נרצה להבהיל את הגולש, ניתן לו להתרכז בטקסט ורק אחרי כמה שניות נקפיץ הודעה, נעשה זאת בצורה הבאה(בין תגיות SCRIPT כמובן):

setTimeout("alert('boo!')", 8000) 
ההודעה תקפוץ אחרי 8 שניות (1000=שניה)




הגדרות האובייקט Window:

clientInformation מחזיר אובייקט דפדפן
closed מחזיר ערך בולאני אם החלון נסגר או לא
complete מחזיר ערך בולאני אם הדפדפן סיים להעלות את החלון או לא
dataTransferמחזיר מה-קליפבורד פורמטים שאיתם אפשר להעביר DATA(מידע,קבצים)
defaultStatusקובע או מחזיר את הודעת הברירת מחדל של הסטטוס (הפס האפור למטה)
dialogArgumentsקובע או מחזיר טיעונים בדיאלוג שנוצר על ידי showModelDialog() or showModelessDialog()
dialogHeightמשנה או מחזיר את הגובה של דיאלוג
dialogLeftמשנה או מחזיר את הקואורדינטה השמאלית של הדיאלוג
dialogTopמשנה או מחזיר את הקואורדינטה העליונה של הדיאלוג
dialogWidthמשנה או מחזיר את הרוחב של הדיאלוג
documentמחזיר אובייקט של המסמך
eventמחזיר אובייקט של ארוע
external מחזיר את ההוסט של דף אינטרנט
historyמחזיר דפים שנצפו קודם לכן
length מחזיר את מספר הפריימים בחלון
locationמחזיר את המיקום של המשתמש
name משנה או מחזיר את השם של החלון
navigatorמחזיר אובייקט נווט(navigator)
offscreenBufferingמצביע האם אובייקטים מחוץ למסך לפני שהם מוצגים
openerקובע או מחזיר את שם החלוןן שפתח את החלון הזה
parent מחזיר את אובייקט האבא של הפריים הזה
returnValue משנה או מחזיר ערך מדיאלוג
screenמחזיר אובייקט שנותן לך מידע על המסך של המשתמש
screenLeft מחזיר את הקואורדינטה השמאלית ביותר במסך המשתמש
screenTop מחזיר את הקואורדינטה העליונה ביותר במסך המשתמש
selfאובייקט שמחזיר את החלון שבוא הסקריפט נמצא
statusמשנה או מחזיר את הערך שנמצא בסטטוס
topאובייקט המחזיר את החלון הכי עליון(הפריים הכי עליון)



מטודות

()alertפותח הודעת עזרה עם כפתור OK
()attachEvent מחבר פונקציה לארוע, כל פעם שהארוע יקרה הפונקציה תקרא
()blurלהוציא את הפוקוס מהחלון
()clearIntervalמנקה את כל ה setInterval
()clearTimeoutמנקה את כל ה setTimeoutl
()close סוגר את החלון
()confirmפותח הודעת שאלה עם כפתור OK וכפתור Cancel
()detachEvent מנתק פונקציה מארוע
()execScript מאפשר להריץ סקריפט
()focus שם את הפוקוס על החלון
()moveByמשנה את המיקום של החלון על גבי המסך ביחס למיקום העכשיוי שלו
()moveToמשנה את המיקום של החלון על גבי המסך למקום אבסולוטי על המסך
()navigateהחלון מנווט לכתובת נתונה
()open פותח חלון חדש
()print מדפיס את החלון
()promptפותח הודעת שאלה עם מקום להכניס נתונים וכפתור OK
()resizeByמשנה את גודל החלון על פי הגודל הקיים(מוסיף או מוריד פיקסלים)
()resizeTo משנה את גודל החלון לגודל מוגדר
()scrollBy גולל את הדף יחסית למקום שהוא נמצא
()scrollToגולל את הדף למקום מוגדר
()setInterval חוזר על פקודה כל כמה זמן
()setTimeout משהה פקודה מסויימת עד לזמן מוגדר
()showHelp מראה קובץ עזרה מסויים
()showModalDialog מראה מודל דיאלוג שמראה מסמך HTML
()showModelessDialogמראה מודלס דיאלוג שמראה מסמך HTML
תגיות: Window‏  /  חלון‏  /  JS‏  /  Javascript‏  /  DHTML‏  /  DOM‏  /  Dynamic‏  /  דינמי‏  /  ‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות