فایل DHTML چیست؟
یک فایل با پسوند dhtml یک فایل پویا HTML است که برای ایجاد محتوای پویا یک صفحه وب استفاده می‌شود. یک عنصر وب ایجاد شده در DHTML مبتنی بر رویداد است و نیازی به بارگذاری مجدد صفحه ندارد. در بیشتر موارد، یک فایل DHTML برای ایجاد محتوای پویا یک صفحه وب مانند منوهای کشویی، لایه‌های شناور، دکمه‌های rollover و سایر محتوای پویا استفاده می‌شود. شما تقریباً هر روز در زندگی خود با عناصر پویا html مواجه می شوید که ماوس را روی یک آیتم منو می گذارید و گزینه های زیر منوی بیشتری را باز می کند. DHTML از فناوری‌های وب مانند HTML، Javascript، HTML DOM، HTML Events و CSS برای دستیابی به رفتار پویا عناصر استفاده می‌کند.
فرمت فایل DHTML
فایل های DHTML فایل های متنی ساده ای هستند که حاوی کدهای DHTML برای پیاده سازی رفتار پویا عناصر وب هستند.
DHTML DOM
مدل شی سند 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
| شماره | رویداد | رویداد |
|---|---|---|
| 1 | onabort | هنگامی که کاربر بارگیری صفحه یا فایل رسانه ای را متوقف می کند رخ می دهد. |
| 2 | onblur | وقتی کاربر یک شی HTML را ترک می‌کند. |
| 3 | onchange | وقتی کاربر مقدار یک شی را تغییر می‌دهد یا به‌روزرسانی می‌کند. |
| 4 | onclick | هنگامی که هر کاربری روی یک عنصر HTML کلیک می‌کند رخ می‌دهد یا فعال می‌شود. |
| 5 | ondblclick | وقتی کاربر روی یک عنصر HTML دو بار با هم کلیک می‌کند. |
| 6 | onfocus | هنگامی که کاربر روی یک عنصر HTML تمرکز می‌کند اتفاق می‌افتد. این کنترل کننده رویداد برخلاف onblur کار می کند. |
| 7 | onkeydown | هنگامی که کاربر در حال فشار دادن یک کلید روی دستگاه صفحه کلید است، فعال می شود. این کنترل کننده رویداد برای همه کلیدها کار می کند. |
| 8 | onkeypress | زمانی که کاربران کلیدی را روی صفحه کلید فشار می‌دهند فعال می‌شود. این کنترل کننده رویداد برای همه کلیدها فعال نمی شود. |
| 9 | onkeyup | زمانی رخ می‌دهد که کاربر پس از فشار دادن یک شی یا عنصر، کلیدی را از صفحه کلید آزاد کند. |
| 10 | onload | زمانی رخ می‌دهد که یک شی کاملاً بارگذاری شود. |
| 11 | onmousedown | وقتی کاربر دکمه ماوس را روی یک عنصر HTML فشار می‌دهد. |
| 12 | onmousemove | وقتی کاربر مکان نما را روی یک شی HTML حرکت می‌دهد. |
| 13 | onmouseover | وقتی کاربر مکان نما را روی یک شی HTML حرکت می‌دهد. |
| 14 | onmouseout | هنگامی که نشانگر ماوس از یک عنصر HTML خارج می‌شود، رخ می‌دهد یا فعال می‌شود. |
| 15 | onmouseup | زمانی که دکمه ماوس روی یک عنصر HTML رها می‌شود، رخ می‌دهد یا فعال می‌شود. |
| 16 | onreset | کاربر برای تنظیم مجدد فرم استفاده می کند. |
| 17 | onselect | پس از انتخاب محتوا یا متن در یک صفحه وب رخ می دهد. |
| 18 | onsubmit | هنگامی که کاربر روی دکمه ای پس از ارسال فرم کلیک می کند، فعال می شود. |
| 19 | onunload | هنگامی که کاربر یک صفحه وب را می بندد فعال می شود. |
