שיעור 2
דף 8: מאורעות קישור (link events).
כל פעם שמשתמש בוחר בקישור, או מעביר את הסמן מעל קישור, Javascript יוזם מאורע קישור. אחד ממאורעות הקישור קרוי onClick, ומופעל בכל פעם שמשתמש מפעיל (לוחץ) על קישור. מאורע קישור אחר קרוי onMouseOver, המפועל בכל פכם שמשתמש עובר עם סמן העכבר מעל קישור.
תוכל לעשות שימוש במאורעות אלו להשפיע על מה שיוצג בפני המשתמש בעת ביצוע פעולות אלו. הנה דוגמא כיצד לעשות בכך שימוש. הפעל את הדוגמא ועיין בקוד. כעת נעבור על הקוד שורה אחר שורה.
הדבר הראשון המעניין הוא שאין שימוש בסימני <script>. זאת מכיוון שכל מה שנמצא בגרשיים ב- onClick וב- onMouseOver מתורגם באופן אוטומאטי כ- Javascript. למעשה, מכיוון שסימן נקודה פסיק מסמן סוף שורה ב- Javascript תוכל לרשום קוד שלם ממש בין הגרשיים. הדבר יראה מאוד מכוער, ובכל זאת אפשרי. הנה השורה המעניינת הראשונה:
<a href="#" onClick="alert('Ooo, do it again!');">Click on me
שורה זו, ממש כמו סימון מנחה (href), פרט לכך שיש בו את אלמנט ה- ""=ocClick, שמשמעו: אם מישהו בוחר בקישור זה הרץ את קוד ה- Javascript שבין הגרשיים. שים לב, יש אפילו סימן נקודה פסיק בסוף ההודעה.
כמו כן, נשים לב לכך שאין אף מילה בין הגרשיים של "#"=href (פרטי לסימן # - שאומר לדפדפן לא לנסות ולטעון דף אחר אם מישהו מקליק על הלינק - עובד רק בדפדפנים חדשים יחסית). כלומר, הקישור לא ממש מוביל לדף אינטרנט אחר כשבוחרים בו.
השורה הבאה היא:
<a href="#" onMouseOver="alert('Hee hee!');">Mouse over me
שורה זו זהה לקודמתה, פרט לעובדה שהיא עושה שימוש ב- onMouseOver במקום ב- onClick.
כעת, משלמדנו על מאורעות קישורים, אפשר להמשיך לעולמם המופלא של החלפת תמונות.
חזור לתחילת הדף
לדף הבא «--
|
