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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

للاطلاع على أسماء الأحداث المتوفرة حسب كل مستعرض وأوصافها، اطلع على مركز دعم Dreamweaver على www.adobe.com/go/dreamweaver_support_ae.

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

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

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

تطبيق سلوك

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

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

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

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

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

تحديث سلوك

تنزيل السلوكيات الخارجية وتثبيتها

يتوفر العديد من الملحقات على Exchange لموقع الويب Dreamweaver (www.adobe.com/go/dreamweaver_exchange_ae).

لمزيد من المعلومات، راجع إضافة الامتدادات وإداراتها في Dreamweaver‎.