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