שיעור 4
דף 10: מערכים ב- DOM.
בדוגמא זו אנו עתידים להשתמש בהחלפת תמונות על מנת להמחיש כיצד המערכים וה- DOM שזורים יחדיו. אם אתה משתמש ב- Netscape Navigator 2.0 או ב- Internet Explorer 3.0, יתכן ותזדקק לשדרג את גירסת הדפדפן שלך לגירסא מתקדמת יותר. נסה את הדוגמא, הבט בקוד והמשך לקרוא הלאה.
הנה קוד ה- JavaScript שמופיע ב- ""=onClick שבקוד הלינק:
var change=prompt('Change which image (0 or 1)?','');
window.document.images[change].src='three.jpg';
השורה הראשונה מקבלת את מספר התמונה לשינוי, והשורה השנייה עושה את השינוי. בעבר נהגנו לשנות תמונות בדרך הנ"ל:
document.image_name.src= ‘some_image.gif;
על מנת לעשות את זאת, לכל תמונה חייב להיות שם. אם אתה לא יודע את שם התמונה, שאתה מעוניין להחליף, אבל יודע את המקום היחסי שלה בקוד ה- HTML, אתה יכול להתייחס לתמונה לפי המספר ב-DOM. התמונה הראשונה במסמך ה- HTML היא: [document.images[0, התמונה השנייה היא: [document.images[1 וכן הלאה. אם אתה מעוניין לדעת כמה תמונות יש במסמך, תוכל לדעת זאת ע"י בדיקה של אורך מערך התמונות: document.images.length. לדוגמא, אם אתה מעוניין לשנות את כל התמונות שלך בדף לתמונת חייזר, אתה יכול לעשות כך:
for (loop = 0; loop < document.images.length; loop++)
{
document.images[loop].src = 'spacer.gif';
}
נאה, לא?! ישנו רק עוד דבר אחד שעליך לדעת על תחביר ה- JavaScript לפני שתהפוך למתכנת גדול בעל מעוף: פונקציות. ברגע שנכסה את נושא הפונקציות, נעשה כמה תרגילים, ואז אתן לך את שיעורי הבית שלך להיום. נעבור אם כן, לפונקציות.
חזור לתחילת הדף
לדף הבא «--
|
