קהילות פורומים, הורדות, יעוץ ותמיכה


אשכולות דומים

  1. [שיעור מס' 10] JavaScript
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 1
    הודעה אחרונה: 13-01-2016, 14:29
  2. [שיעור מס' 8] JavaScript
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 4
    הודעה אחרונה: 07-05-2015, 20:24
  3. [שיעור מס' 9] JavaScript
    על ידי -Smoxer- בפורום בית הספר לתכנות
    תגובות: 3
    הודעה אחרונה: 26-08-2014, 16:46
  4. מאמר: [שיעור מס' 8] JavaScript
    על ידי -Smoxer- בפורום כתבות / מאמרים
    תגובות: 2
    הודעה אחרונה: 08-09-2013, 20:13
  5. מאמר: [שיעור מס' 9] JavaScript
    על ידי -Smoxer- בפורום כתבות / מאמרים
    תגובות: 3
    הודעה אחרונה: 08-09-2013, 20:13
+ תגובה לנושא
מציג תוצאות 1 עד 2 מתוך 2

[שיעור מס' 12] JavaScript

  1. #1
    Smoxer in your mind
    משתמש כבוד
    האוואטר של -Smoxer-
    תאריך הצטרפות
    11/2011
    הודעות
    8,881
    לייקים
    1181
    נקודות
    483
    פוסטים בבלוג
    3
    משפט מחץ
    Further gets colder until nothing was all that I saw around
    מין: זכר

    ברירת מחדל [שיעור מס' 12] JavaScript

    שם:  whtyuwymzyor.png
צפיות: 96
גודל:  42.3 קילובייט
    הקדמה
    בשיעור הקודם למדנו מספר דברים:
    • הפקודה "continue".
    • ערכים בוליאניים.
    • משפטי "switch".
    מתחילים

    אירועים
    אירועים (events), הם דבר מובנה ב-JS ויש לשים את זה בתג.
    האירועים עוזרים לנו לזהות הרבה מאוד דברים. כמו לדוגמא אם העכבר עבר מעל קישור, מתי הוא ייצא ממנו, מתי הוא לוחץ על העכבר ועוד.

    להלן הרשימה המלאה לכל האירועים:
    שם האירוע למה משמש
    onabort המשתמש עוצר טעינת תמונה.
    onblur המשתמש מעביר את הפוקוס מדבר אחד לאחר.
    לדוגמא, לחצנו על תיבת טקסט אחת ושלחצו על אחרת אז מתרחש האירוע, כאשר אנו יוצאים משדה מסומן.
    onchange אובייקט שמאבד מיקוד נבדק, כדי לדעת אם חל שינוי בערכו ההתחלתי,
    ואז מופעל ההדק.
    onclick כאשר מתבצעת לחיצה.
    ondblclick כאשר מתבצעת לחיצה כפולה.
    onerror שגיאה בקוד.
    onfocus ההפך מ-onblur, כאשר אובייקט מקבל מיקוד.
    onload לאחר טעינת הדף. נמצא רק בתגית body.
    onmouseout יציאת העכבר מתחום האובייקט.
    onmouseover כאשר סמן העכבר עובר על האובייקט.
    onmouseup שחרור לחיצת העכבר לאחר שנלחץ מטה.
    onmousedown לחיצת עכבר.
    onunload יציאה מהדף.

    השימוש באופציות חייב לבוא כך:
    קוד HTML:
    <TagName functionName="">Smothing to write</TagName>
    TagName
    שם התג.
    functionName
    שם הפונקציה, onunload, onblur וכ'ו.
    =""
    בדיוק כמו המאפיין style ב-CSS, בין הגרשיים ( " ) נרשום את קוד ה-JS שנרצה שיעשה כאשר האירוע מתבצע.

    להלן שימוש בכל האופציות שנרשמו:
    onabort
    קוד HTML:
    <img onabort="alert('Abort!')" alt="My New Home!" src="Home.jpg" />
    וכאשר נעצור את התמונה נקבל הודעה קופצת שבה רשום:
    Abort!
    onblur
    קוד HTML:
    <input type="text" onblur="alert('Blur!')" />
    נסו ללחוץ על התיבת טקסט ולאחר מכן ללחוץ על מקום ריק בדף, מה שייצא זה הודעה קופצת שבה רשום:
    Blur!
    onchange
    קוד HTML:
    <select onchange="alert('Change!')">        <option>Yes</option>        <option>No</option>    </select>
    נסו לשנות ערך, מה שייצא זה הודעה קופצת שבה רשום:
    Change!
    onclick
    קוד HTML:
    <p onclick="alert('Click!');">A paragraph</p>
    נסו ללחוץ על הפסקה, מה שייצא זה הודעה קופצת שבה רשום:
    Click!
    ondblclick
    קוד HTML:
    <p ondblclick="alert('Double click!');">A paragraph</p>
    נסו ללחוץ קליק כפול (כמו שפותחים קובץ שנמצא על המחשב) על הפסקה, מה שייצא זה הודעה קופצת ובה רשום:
    Double click!
    onfocus
    קוד HTML:
    <input type="text" onfocus="alert('Focus!')" />
    נסו ללחוץ על תיבת הטקסט, מה שייצא זה הודעה קופצת ובה רשום:
    Focus!
    onload
    האפשרות הזאת עובדת רק בתגית body!
    קוד HTML:
    <body onload="alert('Load!')">
    תעשו רענן, מה שייצא זה הודעה קופצת ובה רשום:
    Load!
    onmouseout
    קוד HTML:
    <p onmouseout="alert('Mouse Out!');">A paragraph</p>
    נסו להעביר את סמן העכבר מעל הקטע טקסט והזיזו אותו. איך שתזיזו יהיה תיבת טקסט ובה רשום:
    Mouse Out!
    onmouseover
    קוד HTML:
    <p onmouseover="alert('Mouse Over!');">A paragraph</p>
    נסו להעביר את סמן העכבר מעל לטקסט. מה שייצא זה הודעה קופצת ובה רשום:
    Mouse Over!
    onmouseup
    קוד HTML:
    <p onmouseup="alert('Mouse Up!');">A paragraph</p>
    לחצו על הקטע טקסט. אל תעזבו את הלחצן עדיין. כאשר תעזבו את הלחצן תיווצר הודעה קופצת ובה רשום:
    Mouse Up!
    onmousedown
    קוד HTML:
    <p onmousedown="alert('Mouse Down!');">A paragraph</p>
    כאשר תלחצו על הקטע טקסט תיווצר הודעה קופצת ובה רשום:
    Mouse Down!
    onunload
    את המאפיין הבא יש לשים רק בתגית ה-body.
    קוד HTML:
    <body onunload="alert('Unload!')">
    וכאשר נסגור את החלון או נלחץ על F5, נקבל הודעה קופצת ובה רשום:
    Unload!
    הפונקציה onunload לא עובדת בגוגל כרום ובאופרה.
    • בדוגמאות שלפניכם עשיתי רק הודעות קופצות. כל דבר אפשר לעשות!
    • לא חובה לעשות רק על תג "p" את האירועים, אפשר לעשות על כל תג. חוץ מ-onload ו-onunload, שהם צריכים להיות בתגית ה-body.

  2. קישורים ממומנים

  3. #2
    משתמש מתחיל
    תאריך הצטרפות
    12/2017
    גיל
    33
    הודעות
    21
    לייקים
    0
    נקודות
    0
    מין: זכר

    ברירת מחדל

    תודה

+ תגובה לנושא


תגיות בנושא זה

הרשאות פרסום

  • אין באפשרותך לפרסם נושאים חדשים
  • אין באפשרותך לפרסם תגובות
  • אין באפשרותך לצרף קבצים
  • אין באפשרותך לערוך את הודעותיך


כל הזמנים הם לפי GMT +3. השעה כרגע היא 04:32.
מופעל על ידי vBulletin™ © גרסה 4.1, 2011 vBulletin Solutions, Inc. כל הזכויות שמורות.
פעילות הגולשים
אומנות וגרפיקה
מוזיקה
ספורט
סדרות טלוויזיה
סרטים וקולנוע
קנייה ומכירה
רשתות חברתיות
הבורר 3
פורומי פנאי ובידור
סרטים
סדרות
משחקים
דיבורים
אקטואליה
בעלי חיים
בדיחות והומור
משחקי ספורט
הבורר
מחשבים וטכנולוגיה
תמיכה טכנית
חומרה ומודינג
תוכנות להורדה
סלולארי וגאדג'טים
רקעים למחשב
ציוד הקפי למחשב
אבטחת מידע
תכנות ובניית אתרים
כסף ברשת
אייפון
בריאות ואורח חיים
כושר ופיתוח גוף
דיאטה
צבא וגיוס
יעוץ מיני
מה שבלב
אומנות הפיתוי
יהדות
מיסטיקה ורוחניות
אתאיזם ודתות

נושאים: 1,771,741 | הודעות: 7,469,163 | משתמשים: 315,625 | המשתמש החדש ביותר: upizijoj | עיצוב גרפי: סטודיו עודד בביוף | קידוד: rellect