הנך נמצא: מדריך בסיסי / שיעור 5 / דף 11
  


המדריך של תאו ל- JavaScript
  


דפים בשיעור זה:
1: מבוא לשיעור 5
2: מבוא לטפסים
3: מניפולציות בטקסט
4: ארועי שדות הטקסט
5: מנהל טפסים
6: תרגילים בשדה הטקסט
7: CheckBoxes
8: כפתורי רדיו
9: בחירות
10: אלמנט onChange
11: סקירה של שיעור 5
 |
|
|
|
|
|
|
|
|
|
|
|

שיעור 5

דף 11: סקירה של שיעור 5.

היום התמקדנו בטפסים והשימוש בהם. עד כה למדנו על:

טפסים ושמות האלמנטים שלהם.
    אתה יכול להתייחס לאלמנטי הטופס כך:
    window.document.form_name.element_name;


לאלמנטי הטופס של שדה הטקסט, ואזורי הטקסט יש תכונות ערך.
    אתה יכול להתייחס לתכונות הערך שלהם כך:
    window.document.form_name.element_name.value;
    אתה יכול להשוות את המשתנה למשתנה אחר או לברר את ערכו.


האלמנטים של שדות טקסט ואזורי הטקסט מכירים את מתודות אחראי האירועים: focus, blur ו- change.
    כאשר אתה לוחץ על אזורי ושדות הטקסט, מתחיל לפעול אחראי האירועים. לחיצה על אחד האלמנטים גורמת לאחראי האירוע להפעיל את ()blur. לחיצה על כפתור ה- tab, או על כפתור ה-return אחרי שינוי האלמנטים גוררת הפעלת ()onChange.


לטפסים יש אחראי אירועים ל- ()onSubmit.
    על מנת למנוע מטופס להטעין מחדש את הדף כאשר אתה לוחץ על כפתור ה- submit שים את ה- ";onSubmit=”return false בתוך התווית <form>.


ל- checkboxes ולכפתורי רדיו יש תכונת בדיקה.
    אתה יכול לבדוק ולבטל את הבדיקה ב- checkboxes וכפתורי הרדיו ע"י שינוי תכונות הבדיקה שלהם.


ל- checkboxes וכפתורי הרדיו יש אחראי אירועים, והוא ה- ()onClick.
    בדיוק כמו הלינקים, אתה יכול לגרום לפונקציות להתחיל לעבוד, כאשר המשתמש לוחץ על checkbox או על כפתור רדיו.


לבחירות יש תכונות של אפשרויות, שמיוצגות ע"י מערך של אפשרויות הבחירה.
    כמו במערך רגיל, תוכל לגלות את מספר האפשרויות, ע"י בדיקת אורך מערך האפשרויות ע"י:
    window.document.form_name.select_name.options.length;


אתה יכול לשנות את תוכן האפשרויות ע"י התעסקות עם תכונות הטקסט שלהן.
    על מנת לשנות את הטקסט של האלמנט הראשון במערך האפשרויות רשום:
    window.document.form_name.select_name.options[0].text=’new text’;


אתה יכול לברר מהן האפשרות שנבחרו, ע"י שימוש בתכונות אינדקס הבחירה- selectedIndex, של האלמנט הרצוי.
    window.document.form_name.select_name.selectedindex
    יחזיר את מספר המערך, לאחר מכן תוכל לרשום:
    window.document.form_name.select_name.option[that_number ].text
    על מנת למצוא את הבחירה.


לבחירות יש אחראי אירועים ל- ()onChange.
    כאשר מישהו משנה משהו שמודגש בבחירה, אחראי ה- onchange() נכנס לפעולה.


אתה יכול לשנות את חלון ה-URL.
    תוכל לעשות זאת כפי שראית בשיעורי הבית, ע"י:
    window.location.replace(‘new_url‘);


אתה יכול ליצור אפשרות חדשה באלמנטי הבחירה ע"י שימוש ב- "new Option".
    בגלל, שכל אפשרות במערך אפשרויות-הבחירה היא אובייקט, אתה יכול ליצור אפשרות חדשה, ולצרף את האפשרות החדשה למערך האפשרויות.


היום היה עמוס, וכלל 5 שיעורים. אנחנו כיסנו חומר נרחב מלימוד הבסיס של תכנות המחשב, ועד כיסוי רחב של ה- JavaScript DOM. באופן לא מפתיע, ישנם עוד כמה אובייקטים ב- JavaScript שעלינו ללמוד להכיר. לא דיברנו עדיין על יצירת אובייקטים משלנו, או על תכונות נוספות של אובייקטי החלונות.

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

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

לשיעור המתקדם «--

  
       
       
   
 
 

עמוד ראשי
מדריך בסיסי
מדריך מתקדם
החלפת תמונות
גניבת קוד
מפת האתר