שיעור 3

דף 1: שעור JavaScript מתקדם.

תזמון אירועים ואבחנת סוג הדפדפן

ככל שאנו למדים יותר ויותר על JavaScript, אנו יכולים לבנות אפליקציות יותר ויותר מורכבות. אתמול הוספנו זיכרון ארוך טווח ל- JavaScript, ע"י שימוש ב- Cookies. היום נוסיף תחושה של זמן למלאי הידע הגדל שלנו על JavaScript. היכולת לתזמן אירועים שימושית בדפדפנים מגרסא 3.0, וערכה עולה כאשר אתה מתחיל להשתעשע עם HTML דינאמי בדפדפנים החדשים.

אם השתמשת ב- Netscape 4.0 או ב- MSIE 4.0, בוודאי הבחנת ב- HTML דינאמי משולב בחלקים מדפי הרשת. ב- Webmnkey, לדוגמא (http://hotwired.lycos.com/webmonkey), יש לנו סרגל כלים אשר אנו יכולים לבטלו או להגדילו ע"י לחיצת כפתור. העניין כרוך בהזזת אלמנט סרגל הכלים על הדף אחורה וקדימה לרוחב המסך. ב- JavaScript, התהליך של הזזת אובייקט לרוחב המסך בדרך כלל כרוכה בלולאה, כאשר האלמנט מוזז בכל פעם קצת. השאלה היא, כיצד אתה אומר ל-JavaScript הזז את החלק הזה "קצת" כל עשירית שנייה "בערך" ?

לרוע המזל, עסק זה של הזזת אלמנטים הוא המקום בו מגוון הדפדפנים שונים ביותר. כמעט כל מה שסקרתי עד כה (מלבד - Image swaps) עובד בכל הדפדפנים הבסיסיים אשר מותאמים ל - JavaScript. אך ב-HTML דינאמי, עליך לנקוט באמצעים מיוחדים על מנת לגרום ל- JavaScript שלך לעבוד בכל הדפדפנים השונים. אז לאחר שסקרתי תזמון אירועים, אדבר על דרכים להבחין בסוג הדפדפן שהגולש משתמש בו (מאפשר לך לשרת אותם בשביעות רצון). למרבה המזל שתי מיומנויות אלו, תזמון אירועים והבחנה בסוג הדפדפן, יהיו מועילות גם לתכונות נהדרות נוספות של הדפדפנים החדשים.

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

חזור לתחילת הדף

לדף הבא «--