|
|
עמוד:271
אפשר להשתמש בפעולה get ElementById גם כדי להציג או להסתיר מידע . נוסיף לדף פסקה המכילה כותרת וטבלה של קישורים לאתריהם של עיתונים ישראלים . ניתן ערך למאפיין id בטבלה ובעת טעינת הדף נסתיר את הטבלה על-ידי האירוע onload של התג . < body > העברת העכבר על שורת הכותרת של הפסקה תגרום להצגת הטבלה . מובן שהזזת העכבר אל מחוץ לאזור הפסקה תסתיר את הטבלה , כלומר את רשימת הקישורים . לשם כך נכתוב שתי פעולות : האחת showLinks והשנייה , hideLinks אשר יקבלו את המזהה ( identifier ) של המידע שמבקשים לחשוף או להסתיר . בתג < table > של הטבלה נגדיר אירועים של העברת העכבר והזזת עכבר אל מחוץ לתחום המוגדר ונקרא לפעולות בהתאמה . function showLinks ( idStr ) < script type = "text / javascript" > < title > Learning JavaScript < head > < html xmlns = "http : // www . w 3 . org / 1999 / xhtml" > } document . getElementB yId ( idStr ) . style . display = "none" ; { function hideLinks ( idStr ) } id . style . display = "block" ; var id = document . getE lementById ( id Str ); { איור 5-14 תוצאת אירוע עכבר
|
|