עמוד ראשי > מאמרים > מדריך ארועים - פרמטרים לפונקציה

מדריך ארועים - פרמטרים לפונקציה

זהר עמיהוד ‏/‏ 23 ינואר, 2003

F+

F-

זוכר את המילה השמורה this? ובכן, מילה זו מתייחסת לאובייקט שבו הופעל האירוע. במקרה של אובייקט התמונה שבדף 07.html האובייקט הוא window.document.myPic. נעביר את האובייקט הזה כפרמטר לפונקציה בעזרת המילה this באופן הבא:

<img name="myPic" src="images/yellowPlane.gif" border="0"
    onmouseover="switchItOver(this);"
    onmouseout="switchItOut(this);" />

בפונקציה עצמה יש לציין משתנה שיקלוט את האובייקט שהועבר בצורה הבאה

function switchItOver(that) {

}

function switchItOut(that) {

}

הערה: אין משמעות למילה that וניתן לבחור שם אחר למשתנה.

התבונן בקובץ 08.html ונסה להפעילו:

 <html>
 <head>
  <script language="JavaScript">
   function switchItOver(that) {
    that.src = 'images/bluePlane.gif';
   }

   function switchItOut(that) {
    that.src = 'images/yellowPlane.gif';
   }
  </script>

 </head>
 <body>
  <p>
   <a href="http://www.hod-ami.co.il" title="אתר הוד-עמי"
    onmouseover="document.bgColor='Orange';"
    onmouseout="document.bgColor='white';">
    נותנים לך יד(ע) להצלחה
   </a>
  </p>

  <img name="myPic" src="images/yellowPlane.gif" border="0"
    onmouseover="switchItOver(this);"
    onmouseout="switchItOut(this);" />

 </body>
</html>

הפונקציות switchItOver() ו- switchItOut() בדף 08.html מוכנות כעת לפעולה עם כל אובייקט מסוג תמונה. אם הם יופעלו, הן יטענו לאובייקט התמונה את תמונת המטוס הכחול או הצהוב בהתאמה לפונקציה שהופעלה.

זהר עמיהוד

זהר עמיהוד, שיווק וקידום אתרים באינטרנט. מרצה בנושאי שיווק באינטרנט. תואר שני במינהל עסקים מטעם אוניברסיטת תל-אביב, מוסמך מטעם חברת מיקרוסופט, מחבר ספרי מחשבים רבי-מכר. יזם ומנהל אתר מועדון קריאה.
אתר: http://www.hod-ami.co.il