ما هو ملف DHTML؟
الملف بامتداد .dhtml هو ملف HTML ديناميكي يُستخدم لإنشاء محتويات ديناميكية لصفحة ويب. عنصر الويب الذي تم إنشاؤه في DHTML مدفوع بالأحداث ولا يتطلب إعادة تحميل الصفحة. في معظم الحالات ، يتم استخدام ملف DHTML لإنشاء محتويات ديناميكية لصفحة ويب مثل القوائم المنسدلة والطبقات العائمة وأزرار التمرير ومحتوى ديناميكي آخر. تصادف عناصر html ديناميكية يوميًا تقريبًا في حياتك عندما تحوم الماوس فوق عنصر قائمة ويفتح المزيد من خيارات القائمة الفرعية. يستخدم DHTML تقنيات الويب مثل HTML و Javascript و HTML DOM و HTML Events و CSS لتحقيق سلوك العناصر.
تنسيق ملف DHTML
ملفات DHTML هي ملفات نصية عادية تحتوي على كود DHTML لتنفيذ السلوك الديناميكي لعناصر الويب.
DOM DHTML
يعتمد نموذج كائن مستند DHTML (DOM) على HTML DOM وهو عبارة عن هيكل شجرة به عناصر وسمات ونص كما هو موضح في الصورة التالية.
يمكن استخدام عقدة “المستند” لاستدعاء عدة وظائف لتنفيذ وظائف مختلفة. يستخدم المثال التالي ببساطة طريقة document.write () لجافا سكريبت في 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. | حدث | حدث |
|---|---|---|
| 1 | onabort | يحدث عندما يحبط المستخدم تحميل الصفحة أو ملف الوسائط. |
| 2 | onblur | يحدث عندما يترك المستخدم كائن HTML. |
| 3 | عند التغيير | يحدث عندما يغير المستخدم قيمة كائن ما أو يحدّثها. |
| 4 | عند النقر | يحدث أو يتم تشغيله عندما ينقر أي مستخدم فوق عنصر HTML. |
| 5 | ondblclick | يحدث عندما ينقر المستخدم فوق عنصر HTML مرتين معًا. |
| 6 | onfocus | يحدث عندما يركز المستخدم على عنصر HTML. يعمل معالج الأحداث هذا عكس onblur. |
| 7 | onkeydown | يتم تشغيله عندما يضغط المستخدم على مفتاح على جهاز لوحة المفاتيح. يعمل معالج الأحداث هذا مع كافة المفاتيح. |
| 8 | الضغط على مفتاحي | يتم تشغيله عندما يضغط المستخدمون على مفتاح على لوحة المفاتيح. لم يتم تشغيل معالج الأحداث هذا لكافة المفاتيح. |
| 9 | onkeyup | يحدث عندما يقوم المستخدم بتحرير مفتاح من لوحة مفاتيح بعد الضغط على كائن أو عنصر. |
| 10 | onload | يحدث عندما يتم تحميل كائن بالكامل. |
| 11 | onmousedown | يحدث عندما يضغط المستخدم زر الماوس فوق عنصر HTML. |
| 12 | onmousemove | يحدث عندما يحرك المستخدم المؤشر على كائن HTML. |
| 13 | onmouseover | يحدث عندما يحرك المستخدم المؤشر فوق كائن HTML. |
| 14 | onmouseout | يحدث أو يتم تشغيله عند تحريك مؤشر الماوس خارج عنصر HTML. |
| 15 | onmouseup | يحدث أو يتم تشغيله عند تحرير زر الماوس فوق عنصر HTML. |
| 16 | onreset | يتم استخدامه من قبل المستخدم لإعادة تعيين النموذج. |
| 17 | عند التحديد | يحدث بعد تحديد المحتوى أو النص على صفحة ويب. |
| 18 | onsubmit | يتم تشغيله عندما ينقر المستخدم فوق زر بعد إرسال نموذج. |
| 19 | onunload | يتم تشغيله عندما يغلق المستخدم صفحة ويب. |
