שיעור 3
דף 10: מאפיינים נוספים לאובייקטי החלונות.
כל שאר מאפייני החלונות שנלמד עליהם בדפים הקרובים, קשורים למסגרות (frames) ועל אופן השימוש בהם באמצעות JavaScript. אם אינך יודע כיצד להשתמש במסגרות – נסה להעזר במדריכים אחרים בנושא. אחרי שאראה לך כיצד להשתעשע עם מסגרות באמצעות JavaScript, אתן לך ת שיעורי הבית להיום.
ה- JavaScript מסגרות הן בדיוק כמו חלונות. כשם שאתה יכול להשפיע יל מראהו של חלון באמצעות JavaScript, כך גם תוכל באמצעות JavaScript עבור מסגרות. הדבר החשוב שעלינו לזכור אודות מסגרות, הוא שכל מסגרת בתוך חלון, נחשבת כחלון אחר. זה קצת מוזר כיוון שמסגרות יכולות להשתכן בתוך מסגרות אחרות. כלומר: יש לך חלון על שמכיל את מערכת המסגרות הראשונה. וכל מסגרת בתוך אותו חלון היא למעשה חלון אחר. למעשה, קבלנו היררכיה שבה יש חלון אחד שמכיל חלונות, שהם עצמם יכולים להכיל חלונות אחרים וכן הלאה. בדר"כ זה לא כל כך מסובך.
הנה דוגמא אודות שימוש במסגרות באמצעות קוד JavaScript. בוא ננסה להבין אותה שורה אחר שורה.
הדבר הראשון שעלינו לבדוק הוא מערכת המסגרות. הנה היא:
<frameset rows="25%,*">
<frame src="Files/Ex9_1.html" name="control_frame">
<frame src=" Files/Ex9_2.html" name="target_frame">
</frameset>
בדיוק כמו כל מערכת מסגרות אחרת. הדבר החשוב שעלינו לשים לב אליו ולזכרו הוא שלמסגרות במערכת המסגרות יש שם. המסגרת הראשונה קרויה: control_frame, מכילה את חלק ה- HTML שמכיל קוד JavaScript. המסגרת השנייה, target_frame, מכילה דף ריק.
הדבר השני שעלינו לשים אליו לב, הוא תוכן ה- control_frame. על מנת לפשט את העניינים, יש בו רק שורה מעניינת אחת:
<a href="#" onClick="top.target_frame.document.writeln('Monkey do!<br>');">Monkey see</a>
כאשר שורה זו מופעלת, JavaScript מתחיל לפעול מהחלון הכי עליון בהררכיה, שהוא החלון שמכיל את מערכת המסגרות, ומוצא את המסגרת שקרויה target_frame. כיוון שמסגרת זו נחשבת לחלון, יש לה מאפיין document. JavaScript מוצא מאפיין זה ומפעיל את מתודת ()writeln של document. הדבר גורם להופעת המילים "Monkey do!" ב- document. כן כן, אם לא הבנת זאת כבר קודם, מתודת ()writeln היא מתודה של אובייקט document. זוהי הסיבה שכבר בדוגמאות קודמות כתבנו ()document.writeln ולא סתם ()writeln.
עוד אודות חלונות ומסגרות, בדף הבא.
חזור לתחילת הדף
לדף הבא «--
|
