headline
Error processing SSI file




אתר דינאמי בעזרת DHTML



בעזרת עיצוב CSS ופונקציות JavaScript ניתן לתת לדף אינטרנט סטטי המכיל תגיות HTML מראה דינאמי ואינטראקטיבי. Dynamic HTML (DHTML) היא למעשה טכניקת עיצוב של האתר. בטכניקת עיצוב זו ניתן לתכנן כך שאירועים שמקורם בגולש (כמו קליק על לחצן העכבר) יעוררו שינוי בעיצוב האתר ואו בתוכנו.

ניתן כאן דוגמה פשוטה המקנה דינאמיות לדף האתר גם ללא צורך בהגדרת פונקציות JavaScript.

נעיר רק כי עדיף לשם קריאות הקוד להגדיר את הפעולות תחת פונקציות (בקובץ js נפרד) ולכלול בדף ה- HTML רק קריאה לאותן פונקציות. גם הקוד יהיה קצר וקריא וגם ניתן יהיה להשתמש באותן פעולות בתגיות אחרות באותו דף וגם בדפים אחרים.

חיבור בין אירועים שמקורם במשתמש לבין קטעי קוד של JavaScript בשילוב עם גישה בעזרת DOM לצמתים שונים יוצר דינאמיות בדף האתר.

להלן דוגמה נוספת הממחישה את העוצמה של החיבור בין השלושה.


[לפרק הקודם | לפרק הבא]