וובמאסטר - תיכנות ובניית אתרים

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

זהר עמיהוד/‏ 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
תגיות: JS‏  /  Javascript‏  /  DHTML‏  /  DOM‏  /  Dynamic‏  /  דינמי‏  /  ארועים‏  /  events‏  /  event‏  /  ארוע‏  /  function‏  

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

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות