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

זוכר את המילה השמורה 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
מוכנות כעת לפעולה עם כל אובייקט מסוג תמונה. אם הם יופעלו, הן יטענו לאובייקט התמונה את תמונת המטוס הכחול או הצהוב בהתאמה לפונקציה שהופעלה.

תגיות: , , , , , , , , , ,

זהר עמיהוד

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

תגובות בפייסבוק