מהו קובץ DHTML?

קובץ עם סיומת .dhtml הוא קובץ HTML דינמי המשמש ליצירת תוכן דינמי של דף אינטרנט. רכיב אינטרנט שנוצר ב-DHTML מונחה אירועים ואינו מצריך לטעון מחדש את הדף. ברוב המקרים, קובץ DHTML משמש ליצירת התוכן הדינמי של דף אינטרנט כגון תפריטים נפתחים, שכבות צפות, לחצני גלגול ותוכן דינמי אחר. אתה נתקל ברכיבי HTML דינמיים כמעט מדי יום בחייך כאשר אתה מרחף עם העכבר על פריט בתפריט והוא פותח אפשרויות נוספות של תפריט משנה. DHTML עושה שימוש בטכנולוגיות אינטרנט כגון HTML, Javascript, HTML DOM, HTML Events ו-CSS כדי להשיג את הדינמיקה התנהגות של אלמנטים.

פורמט קובץ DHTML

קובצי DHTML הם קבצי טקסט רגיל המכילים קוד DHTML כדי ליישם את ההתנהגות הדינמית של רכיבי האינטרנט.

DHTML DOM

מודל DHTML Document Object Model (DOM) מבוסס על HTML DOM שהוא מבנה עץ עם אלמנטים, תכונות וטקסט כפי שמוצג בתמונה הבאה.

HTML DOM

ניתן להשתמש בצומת ‘מסמך’ כדי לקרוא למספר פונקציות כדי ליישם פונקציונליות שונה. הדוגמה הבאה פשוט משתמשת בשיטת document.write() של JavaScript ב-DHTML.

<HTML>  
<head>  
<title>  
Method of a JavaScript  
</title>  
</head>  
<body>  
<script type="text/javascript">  
document.write("Hello World");  
</script>  
</body>  
</html>

קוד זה כותב את הטקסט “Hello World” לפלט בדפדפן.

אירועי DHTML

S.No.אירועהתרחשות
1onabortזה מתרחש כאשר המשתמש מבטל את טעינת הדף או קובץ המדיה.
2onblurזה מתרחש כאשר המשתמש עוזב אובייקט HTML.
3onchangeזה מתרחש כאשר המשתמש משנה או מעדכן את הערך של אובייקט.
4onclickזה מתרחש או מופעל כאשר משתמש כלשהו לוחץ על אלמנט HTML.
5ondblclickזה מתרחש כאשר המשתמש לוחץ על רכיב HTML פעמיים יחד.
6onfocusזה מתרחש כאשר המשתמש מתמקד באלמנט HTML. מטפל באירועים זה פועל בניגוד ל-onblur.
7onkeydownזה מופעל כאשר משתמש לוחץ על מקש במכשיר מקלדת. מטפל באירועים זה עובד עבור כל המפתחות.
8onkeypressזה מופעל כאשר המשתמשים לוחצים על מקש במקלדת. מטפל באירועים זה אינו מופעל עבור כל המפתחות.
9onkeyupזה מתרחש כאשר משתמש משחרר מקש ממקלדת לאחר לחיצה על אובייקט או אלמנט.
10onloadזה מתרחש כאשר אובייקט נטען לחלוטין.
11onmousedownזה מתרחש כאשר משתמש לוחץ על כפתור העכבר מעל אלמנט HTML.
12onmousemoveזה מתרחש כאשר משתמש מזיז את הסמן על אובייקט HTML.
13onmouseoverזה מתרחש כאשר משתמש מעביר את הסמן מעל אובייקט HTML.
14onmouseoutזה מתרחש או מופעל כאשר מצביע העכבר מוזז מתוך אלמנט HTML.
15onmouseupזה מתרחש או מופעל כאשר כפתור העכבר משוחרר מעל אלמנט HTML.
16onresetהוא משמש את המשתמש לאיפוס הטופס.
17onselectזה מתרחש לאחר בחירת התוכן או הטקסט בדף אינטרנט.
18onsubmitזה מופעל כאשר המשתמש לוחץ על כפתור לאחר שליחת טופס.
19onunloadזה מופעל כאשר המשתמש סוגר דף אינטרנט.

הפניות

See Also