دي إتش تي إم إل

دي إتش تي إم إل (DHTML) تشير إلى، لغة النصوص التشعبية المتحركة٬ تقنية البرمجة النصيه التي تتميز بشكل رئيسي بالتغييرات التي تقوم بها على خاصيات النمط لعناصر محدده وباستخدام نماذج DOM.[1][2] ووفقا لمنظمة معايير الويب فان DHTML عباره عن مصطلح يطلقه المبرمجون على الاندماج بين (HTML و CSS) وبين اللغة البرمجية التي تسمح لصفحات HTML بان تصبح متحركه.

مخطط دي إتش تي إم إل، وتقاطعه بين اللغات الأخرى

خطأ شائع

فان "DHTML" ليست لغه برمجيه كما يتبادر لاذهان البعض بل هي اندماج بين لغات وتقنيات عده وهي (لغة ترميز النص الفائق، جافا سكريبت، DOM وصفحات الطرز المتراصة).

HTML DOM

إلى ماذا تشير؟

HTML DOM تشير إلى " A Document Object Model for HTML " أو «نموذج وثيقه كائنيه» وهي واجهه برمجه موحده للغة "HTML " فهي تحدد كائنات وخصائص كل عناصر "HTML". فهي طريقه لبرمجة صفحات الوب باستخدام لغة JAVASCRIPT يتم فيها تحليل الصفحات من خلال الشيفرة عن طريق التعامل مع النماذج DOM المعترف بها من قبل المنظمة W3C ؛ وباختصار ٬ فانها تعني كيف تحرر ٬ تغير ٬ تضيف وتحذف عناصر "HTML".

مثال برمجي

فعلى سبيل المثال: النموذج التالي يغير العناصر إلى النوع "h1"

<html>
 <body>

= Old Header =

 <script type="text/javascript">
 document.getElementById("header").innerHTML="New Header"؛
 </script>

 </body>
 </html>

احداث DHTML

لكل عنصر من عناصر HTML احداث تتم وفقا لحركات المستخدم؛ فمثلا ٬ يمكننا استخدام الحدث "OnClick" للاستدلال على انه تم الضغط على الزر. وهناك العديد من الاحداث الخاصة بلغة الجافا سكريبت.

onabort

يعالج هذا الحدث: على ان المستخدم الغى تحميل الصفحة.

on blur

يعالج هذا الحدث: على ان المستخدم غادر العنصر..

onchange

يعالج الحدث: على ان المستخدم غير العنصر.

onclick

يعالج الحدث: عند ضغط المستخدم على العنصر.

on error

يعالج الحدث: عند حدوث خطا ما.

onfoucs

يعالج الحدث: على ان المستخدم فعل غرضا ما.

onload

يعالج الحدث: عندما بتم الانتهاء من تحميل الصفحة.

المزيد من الاحداث

الحدثمعالجة الحدث
onmouseoverعند تحرك مؤشر الفاره فوق العنصر.
onmouseoutعند تحرك مؤشر الفاره بعيدا عن العنصر.
onselectعند اختيار المستخدم العنصر.
onsubmitعند نقر المستخدم على زر الموافة.
onunloadعند مغادرة المستخدم لصفحة.

مصادر

  • كتاب JAVASCRIPT & AJAX دار شعاع للنشر. حلب، 2012
  • ON W3C

مراجع

  • أيقونة بوابةبوابة علم الحاسوب
  • أيقونة بوابةبوابة تقانة المعلومات
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.