שימוש בהתנהגויות של JavaScript (הוראות כלליות)

עודכן לאחרונה בתאריך 27 באפריל 2021

השתמשו בהתנהגויות JavaScript ב-Adobe Dreamweaver כדי להציב קוד JavaScript במסמכים כך שמבקרים יוכלו לשנות דף אינטרנט או להפעיל משימות מסוימות.

התנהגויות של Adobe Dreamweaver מוסיפות קוד JavaScript למסמכים כדי שהמבקרים באתר יוכלו לשנות דפי אינטרנט בדרכים שונות או לבצע משימות מסוימות. התנהגות היא שילוב של אירוע ופעולה שמונעת על ידי אירוע. החלונית Behaviors מאפשרת להוסיף לדף התנהגות באמצעות בחירת פעולה וציון האירוע שיניע פעולה זו.

פתק

קוד ההתנהגות הוא קוד JavaScript בצד הלקוח; כלומר, הוא רץ בדפדפנים, לא בשרתים.

אירועים הם, למעשה, הודעות שנוצרות על ידי דפדפנים המציינות שמבקר בעמוד שלכם עשה משהו.לדוגמה, כשמבקר מעביר את הסמן מעל קישור, הדפדפן יוצר אירוע onMouseOver עבור הקישור הזה; לאחר מכן הדפדפן בודק האם הוא צריך לקרוא לקוד JavaScript כלשהו (שצוין בעמוד הנצפה) בתגובה. אירועים שונים מוגדרים לרכיבי עמוד שונים; לדוגמה, ברוב הדפדפנים onMouseOver ו-onClick הם אירועים המשוייכים לקישורים, ואילו onLoad הוא אירוע המשוייך לתמונות ולחלק body של המסמך.

פעולה היא קוד JavaScript שנכתב מראש לביצוע משימה, כמו פתיחת חלון דפדפן, הצגה או הסתרה של רכיב AP, השמעת צליל או עצירת סרט של Adobe Shockwave.הפעולות שמסופקות עם Dreamweaver מספקות תאימות מקסימלית בין דפדפנים.

לאחר שתצרפו התנהגות לרכיב עמוד, ההתנהגות קוראת לפעולה (קוד JavaScript) המשוייכת לאירוע בכל פעם שהאירוע הזה מתרחש עבור הרכיב הזה. (האירועים שבהם אתם יכולים להשתמש כדי להפעיל פעולה נתונה משתנים מדפדפן לדפדפן.) לדוגמה, אם תצרפו את הפעולה Popup Message לקישור ותציינו שהיא תופעל על ידי האירוע onMouseOver, אז ההודעה שלכם תקפוץ בכל פעם שמישהו יציב את הסמן מעל הקישור הזה.

אירוע יחיד יכול להפעיל כמה פעולות שונות, ואתם יכולים לציין את הסדר שבו הפעולות האלה מתרחשות.

Dreamweaver מספק כשני תריסרי פעולות; פעולות נוספות ניתן למצוא באתר Exchange בכתובת www.adobe.com/go/dreamweaver_exchange וכן באתרי מפתחי צד שלישי.אתם יכולים לכתוב פעולות משלכם אם אתם בקיאים ב-JavaScript.

פתק

המונחים התנהגות ופעולה הם מונחים של Dreamweaver ולא של HTML. מנקודת המבט של הדפדפן, פעולה היא בדיוק כמו כל קטע אחר של קוד JavaScript.

סקירה של החלונית Behaviors

אתם משתמשים בלוח Behaviors (Window > Behaviors) כדי לצרף התנהגויות לרכיבי עמוד (ליתר דיוק לתגים) וכדי לשנות פרמטרים של התנהגויות שנצרפו קודם לכן.

התנהגויות שכבר נצרפו לרכיב העמוד הנבחר כרגע מופיעות ברשימת ההתנהגות (האזור הראשי של הלוח), מסודרות בסדר אלפביתי לפי אירוע. אם כמה פעולות רשומות לאותו אירוע, הן יבוצעו בסדר שבו הן מופיעות ברשימה. אם לא מופיעות התנהגויות ברשימת ההתנהגות, לא נצרפו התנהגויות לרכיב הנבחר כרגע.

החלונית Behaviors כוללת את האפשרויות הבאות:

Show Set Events

מציג רק את האירועים שנצרפו למסמך הנוכחי. אירועים מחולקים לקטגוריות צד לקוח וצד שרת. האירועים הכלולים בכל אחת מהקטגוריות מוצגים ברשימה הניתנת למזעור. Show Set Events היא תצוגת ברירת המחדל.

Show All Events

מציג רשימה אלפביתית של כל האירועים הכלולים בקטגוריה מסוימת.

Add Behavior (+)

מציג תפריט של פעולות שניתן לצרף לרכיב הנבחר כרגע. כשבוחרים פעולה מהרשימה הזו, תיבת דו-שיח מופיעה שבה אתם יכולים לציין פרמטרים עבור הפעולה. אם כל הפעולות מושבתות, לא ניתן ליצור אירועים על ידי הרכיב הנבחר.

Remove Event (–)

מסיר את האירוע והפעולה שנבחרו מרשימת ההתנהגויות.

לחצני חצים למעלה ולמטה

העבירו את הפעולה הנבחרת למעלה או למטה ברשימת ההתנהגות עבור אירוע מסוים. תוכלו לשנות את סדר הפעולות רק עבור אירוע מסוים – לדוגמה, תוכלו לשנות את הסדר שבו מתרחשות מספר פעולות עבור האירוע onLoad, אך כל הפעולות onLoad נשארות יחד ברשימת ההתנהגות. לחצני החצים אינם פעילים עבור פעולות שלא ניתן להעביר מעלה או מטה ברשימה.

Events

מציג תפריט נפתח, הגלוי רק בשעת בחירת אירוע וכולל את כל האירועים שניתן להשתמש בהם להנעת הפעולה (תפריט זה מופיע בשעת לחיצה על לחצן החץ שליד שם האירוע שנבחר). בהתאם לאובייקט שנבחר, מופיעים אירועים שונים. אם האירועים שציפית להם אינם מופיעים, ודא שבחרת ברכיב הדף או בתג הדף הנכון. ‏(לבחירת תג מסוים, השתמש בבורר התגים שבפינה השמאלית התחתונה של חלון המסמך.)

פתק

שמות אירועים הרשומים בסוגריים זמינים לקישורים בלבד. בחירה באחד משמות אירועים אלה מוסיפה אוטומטית קישור ריק לרכיב הדף שנבחר ומקשרת את ההתנהגות לקישור זה במקום לרכיב עצמו. הקישור הריק מצוין כ-href="javascript:;"‎ בקוד HTML.

אודות אירועים

כל דפדפן מספק אוסף של אירועים שתוכלו לשייך לפעולות הרשומות בתפריט הפעולות (+) של לוח ההתנהגויות. כשמבקר באתר האינטרנט שלכם מקיים אינטראקציה עם הדף – לדוגמה, על ידי לחיצה על תמונה – הדפדפן מייצר אירועים; ניתן להשתמש באירועים אלה כדי לקרוא לפונקציות JavaScript שמבצעות פעולה. Dreamweaver מספק פעולות נפוצות רבות שתוכלו להפעיל עם האירועים הללו.

עבור שמות ותיאורים של האירועים שמספק כל דפדפן, ראו את מרכז התמיכה של Dreamweaver באתר www.adobe.com/go/dreamweaver_support.

אירועים שונים מופיעים בתפריט האירועים בהתאם לאובייקט הנבחר. כדי לגלות איזה אירועים דפדפן מסוים תומך עבור רכיב דף מסוים, הכניסו את רכיב הדף במסמך שלכם וצרפו התנהגות אליו, ואז עיינו בתפריט האירועים בלוח ההתנהגויות.(כברירת מחדל, האירועים נלקחים מרשימת אירועי HTML 4.01, ונתמכים על ידי רוב הדפדפנים המודרניים.) האירועים עשויים להיות מבוטלים (עמומים) אם האובייקטים הרלוונטיים עדיין לא קיימים בדף או אם האובייקט הנבחר לא יכול לקבל אירועים. אם האירועים הצפויים לא מופיעים, ודאו שהאובייקט הנכון נבחר.

אם אתם מצרפים התנהגות לתמונה, חלק מהאירועים (כמו onMouseOver) מופיעים בסוגריים.האירועים האלה זמינים רק עבור קישורים. כשאתם בוחרים באחד מהם, Dreamweaver עוטף תגית <a> סביב התמונה כדי להגדיר קישור ריק. הקישור הריק מיוצג על ידי javascript:; בתיבת הקישור של מפקח המאפיינים. תוכלו לשנות את ערך הקישור אם אתם רוצים להפוך אותו לקישור אמיתי לדף אחר, אך אם תמחקו את קישור ה-JavaScript מבלי להחליף אותו בקישור אחר, תסירו את ההתנהגות.

כדי לראות באילו תגיות תוכלו להשתמש עם אירוע מסוים בדפדפן מסוים, חפשו את האירוע באחד מהקבצים בתיקיית Dreamweaver/Configuration/Behaviors/Events.

החלת התנהגות

תוכלו לצרף התנהגויות לכל המסמך (כלומר, לתגית <body>) או לקישורים, תמונות, רכיבי טופס וכמה רכיבי HTML אחרים.

דפדפן היעד שתבחרו קובע אילו אירועים נתמכים עבור רכיב מסוים.

תוכלו לציין יותר מפעולה אחת עבור כל אירוע. הפעולות מתרחשות בסדר שבו הן רשומות בעמודת הפעולות של לוח ההתנהגויות, אך תוכלו לשנות את הסדר הזה.

בחרו רכיב בדף, כמו תמונה או קישור.

כדי לצרף התנהגות לכל הדף, לחצו על תגית <body> בבורר התגיות בפינה השמאלית התחתונה של חלון המסמך.

בחר באפשרות Window >‏ Behaviors.

לחצו על לחצן הפלוס (+) ובחרו פעולה מתפריט הוספת התנהגות.

לא ניתן לבחור בפעולות המעומעמות בתפריט. הן עשויות להיות עמומות כי אובייקט נדרש לא קיים במסמך הנוכחי. לדוגמה, הפעולה Control Shockwave או SWF מעומעמת אם המסמך אינו מכיל קבצי Shockwave או SWF.

כשאתם בוחרים פעולה, תיבת דו-שיח מופיעה ומציגה פרמטרים והוראות עבור הפעולה.

הזן פרמטרים לפעולה ולחץ על OK.

כל הפעולות הכלולות ב-Dreamweaver עובדות בדפדפנים מודרניים. פעולות מסוימות אינן פועלות בדפדפנים ישנים יותר, אך הן לא יגרמו לשגיאות.

פתק

רכיבים שהוגדרו כיעד דורשים מזהה ייחודי. לדוגמה, אם ברצונך להחיל את ההתנהגות Swap Image על תמונה, התמונה דורשת מזהה. אם לא צוין מזהה לרכיב, Dreamweaver מציין לו מזהה אוטומטית.

האירוע ברירת המחדל להפעלת הפעולה מופיע בעמודה Events.אם זה לא אירוע ההפעלה הרצוי, בחרו אירוע אחר מהתפריט הקופץ Events.(כדי לפתוח את תפריט Events, בחרו אירוע או פעולה בלוח Behaviors ולחצו על החץ השחור המצביע כלפי מטה המופיע בין שם האירוע לשם הפעולה.)

שינוי או מחיקה של התנהגות

לאחר צירוף התנהגות, אתם יכולים לשנות את האירוע המפעיל את הפעולה, להוסיף או להסיר פעולות ולשנות פרמטרים עבור פעולות.

בחר באובייקט שקושרה לו התנהגות.

בחר באפשרות Window >‏ Behaviors.

בצע את השינויים הרצויים:

כדי לערוך את הפרמטרים של פעולה, לחצו לחיצה כפולה על השם שלה, או בחרו אותה ולחצו על Enter (Windows) או Return (Macintosh); לאחר מכן שנו פרמטרים בתיבת הדו-שיח ולחצו על OK.
כדי לשנות את סדר הפעולות עבור אירוע נתון, בחרו פעולה ולחצו על החץ למעלה או למטה.לחלופין, אתם יכולים לבחור את הפעולה ולגזור ולהדביק אותה למיקום הרצוי בין הפעולות האחרות.
כדי למחוק התנהגות, בחרו אותה ולחצו על הלחצן מינוס (–) או לחצו על Delete.