استخدام سلوكيات JavaScript (إرشادات عامة)

تضع سلوكيات Adobe Dreamweaver تعليمات JavaScript البرمجية في مستندات بحيث يتمكن الزوار من تغيير صفحة ويب بطرق متنوعة أو بدء مهام معينة. يعتبر السلوك تركيبة لحدث وإجراء يتم تشغيله بواسطة هذا الحدث. في اللوحة Behaviors، يمكنك إضافة سلوك إلى صفحة بتحديد إجراء، ثم تحديد الحدث الذي يشغل هذا الإجراء.

الأحداث هي، فعلياً، رسائل ينتجها المتصفح تشير إلى أن زائر صفحتك قام بشيء ما.على سبيل المثال، عندما يحرك الزائر المؤشر فوق رابط، ينتج المتصفح حدث onMouseOver لهذا الرابط؛ ثم يتحقق المتصفح مما إذا كان يجب استدعاء بعض كود JavaScript (المحدد في الصفحة المعروضة) كاستجابة.يتم تعريف أحداث مختلفة لعناصر صفحة مختلفة؛ على سبيل المثال، في معظم المتصفحات onMouseOver وonClick هما حدثان مرتبطان بالروابط، بينما onLoad هو حدث مرتبط بالصور وبقسم body في المستند.

الإجراء هو كود JavaScript مكتوب مسبقًا لتنفيذ مهمة، مثل فتح نافذة متصفح، أو إظهار أو إخفاء عنصر AP، أو تشغيل صوت، أو إيقاف فيلم Adobe Shockwave.توفر الإجراءات المقدمة مع Dreamweaver أقصى توافق بين المتصفحات.

بعد إرفاق سلوك بعنصر صفحة، يستدعي السلوك الإجراء (كود JavaScript) المرتبط بحدث كلما حدث هذا الحدث لهذا العنصر.(تختلف الأحداث التي يمكنك استخدامها لتشغيل إجراء معين من متصفح إلى آخر.)على سبيل المثال، إذا أرفقت إجراء Popup Message برابط وحددت أنه سيتم تشغيله بواسطة حدث onMouseOver، فإن رسالتك ستظهر كلما وضع شخص ما المؤشر فوق ذلك الرابط.

يمكن لحدث واحد أن يشغل عدة إجراءات مختلفة، ويمكنك تحديد الترتيب الذي تحدث فيه هذه الإجراءات.

يوفر Dreamweaver حوالي عشرين إجراءً؛ يمكن العثور على إجراءات إضافية على موقع Exchange على www.adobe.com/go/dreamweaver_exchange وكذلك على مواقع المطورين الخارجيين.يمكنك كتابة إجراءاتك الخاصة إذا كنت بارعاً في JavaScript.

نظرة عامة على اللوحة Behaviors

تستخدم لوحة Behaviors (Window > Behaviors) لإرفاق السلوكيات بعناصر الصفحة (وتحديداً بالعلامات) ولتعديل معاملات السلوكيات المرفقة مسبقاً.

السلوكيات التي تم إرفاقها بالفعل بعنصر الصفحة المحدد حالياً تظهر في قائمة السلوك (المنطقة الرئيسية من اللوحة)، مرتبة أبجدياً حسب الحدث.إذا كانت عدة إجراءات مدرجة لنفس الحدث، فسيتم تنفيذها بالترتيب الذي تظهر فيه في القائمة.إذا لم تظهر أي سلوكيات في قائمة السلوك، فلا توجد سلوكيات مرفقة بالعنصر المحدد حالياً.

تحتوي اللوحة Behaviors على الخيارات التالية:

يعرض فقط تلك الأحداث التي تم إرفاقها بالمستند الحالي.يتم تنظيم الأحداث إلى فئات من جانب الخادم ومن جانب العميل. كل حدث من أحداث الفئة يكون في قائمة قابلة للطي. Show Set Events هو العرض الافتراضي.

عرض قائمة أبجدية بكل الأحداث لفئة معينة.

يعرض قائمة بالإجراءات التي يمكن إرفاقها بالعنصر المحدد حالياً.عندما تحدد إجراءً من هذه القائمة، يظهر مربع حوار يمكنك فيه تحديد معاملات للإجراء.إذا كانت جميع الإجراءات باهتة، فلا يمكن إنتاج أحداث بواسطة العنصر المحدد.

إزالة الحدث والإجراء المحددين من قائمة السلوك.

انقل الإجراء المحدد لأعلى أو لأسفل في قائمة السلوك لحدث معين.يمكنك تغيير ترتيب الإجراءات فقط لحدث معين—على سبيل المثال، يمكنك تغيير الترتيب الذي تحدث فيه عدة إجراءات للحدث onLoad، ولكن جميع إجراءات onLoad تبقى معًا في قائمة السلوكيات.أزرار الأسهم معطلة للإجراءات التي لا يمكن نقلها لأعلى أو لأسفل في القائمة.

عرض قائمة منبثقة، والتي لا تكون مرئية إلا عند تحديد حدث، وتضم كل الأحداث التي يمكنها تشغيل الإجراء (تظهر هذه القائمة عند النقر فوق زر السهم التالي لاسم الحدث المحدد). تظهر أحداث مختلفة استنادًا إلى الكائن المحدد. إذا لم تظهر الأحداث التي تتوقعها، فتأكد من تحديد عنصر الصفحة الصحيح أو العلامة الصحيحة. (لتحديد علامة معينة، استخدم محدد العلامات في الزاوية السفلى اليسرى من النافذة Document.)

معلومات عن الأحداث

كل متصفح يوفر مجموعة من الأحداث التي يمكنك ربطها بالإجراءات المدرجة في قائمة الإجراءات (+) في لوحة السلوكيات.عندما يتفاعل زائر صفحة الويب الخاصة بك مع الصفحة—على سبيل المثال، بالنقر على صورة—ينشئ المتصفح أحداثًا؛ يمكن استخدام هذه الأحداث لاستدعاء وظائف JavaScript التي تنفذ إجراء.يوفر Dreamweaver العديد من الإجراءات الشائعة التي يمكنك تشغيلها مع هذه الأحداث.

للأسماء والأوصاف للأحداث التي يوفرها كل متصفح، راجع مركز دعم Dreamweaver في www.adobe.com/go/dreamweaver_support.

تظهر أحداث مختلفة في قائمة الأحداث حسب الكائن المحدد.لمعرفة الأحداث التي يدعمها متصفح معين لعنصر صفحة معين، أدرج عنصر الصفحة في مستندك وأرفق سلوكًا به، ثم انظر في قائمة الأحداث في لوحة السلوكيات.(بشكل افتراضي، يتم رسم الأحداث من قائمة أحداث HTML 4.01، وهي مدعومة من معظم المتصفحات الحديثة.)قد تكون الأحداث معطلة (مظللة) إذا لم تكن الكائنات ذات الصلة موجودة بعد في الصفحة أو إذا كان الكائن المحدد لا يمكنه تلقي الأحداث.إذا لم تظهر الأحداث المتوقعة، تأكد من تحديد الكائن الصحيح.

إذا كنت ترفق سلوكًا بصورة، فإن بعض الأحداث (مثل onMouseOver) تظهر بين قوسين.هذه الأحداث متاحة فقط للروابط.عند تحديد أحدها، يلف Dreamweaver علامة <a> حول الصورة لتعريف رابط فارغ.يُمثل الرابط الفارغ بـ javascript:; في مربع الرابط في مفتش الخصائص.يمكنك تغيير قيمة الرابط إذا كنت تريد تحويله إلى رابط حقيقي لصفحة أخرى، ولكن إذا حذفت رابط JavaScript دون استبداله برابط آخر، فستزيل السلوك.

لمعرفة العلامات التي يمكنك استخدامها مع حدث معين في متصفح معين، ابحث عن الحدث في أحد الملفات في مجلد Dreamweaver/Configuration/Behaviors/Events.

تطبيق سلوك

يمكنك ربط السلوكيات بالمستند بأكمله (أي بعلامة <body>) أو بالروابط والصور وعناصر النماذج وعدة عناصر HTML أخرى.

المتصفح المستهدف الذي تحدده يحدد الأحداث المدعومة لعنصر معين.

يمكنك تحديد أكثر من إجراء واحد لكل حدث.تحدث الإجراءات بالترتيب الذي يتم سردها فيه في عمود الإجراءات في لوحة السلوكيات، ولكن يمكنك تغيير هذا الترتيب.

تغيير سلوك أو حذفه

بعد ربط سلوك، يمكنك تغيير الحدث الذي يشغّل الإجراء، أو إضافة أو إزالة إجراءات، وتغيير معاملات الإجراءات.

تحديث سلوك

تنزيل وتثبيت سلوكيات طرف ثالث

تتوفر العديد من الإضافات على موقع Exchange الخاص بـ Dreamweaver (www.adobe.com/go/dreamweaver_exchange).

للحصول على مزيد من المعلومات، راجع إضافة وإدارة الإضافات في Dreamweaver.