دليل المستخدم إلغاء

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

 

 

استخدم سلوكيات JavaScript في Adobe Dreamweaver لوضع تعليمات JavaScript البرمجية في المستندات بحيث يتمكن الزوار من تغيير صفحة ويب أو بدء مهام معينة.

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

ملاحظة:

التعليمة البرمجية للسلوك هي تعليمة JavaScript البرمجية من جانب العميل؛ حيث يتم تشغيلها في مستعرضات، لا خوادم.

وعلى نحو فعال، تعتبر الأحداث هي الرسائل التي يتم إنشاؤها بواسطة المستعرضات والتي تشير إلى قيام زائر صفحتك بعمل شيء ما. على سبيل المثال، عندما يقوم الزائر بتحريك المؤشر فوق ارتباط، يقوم المستعرض بإنشاء حدث 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.

ملاحظة:

يعتبر المصطلحان behavior وaction مستخدمان في Dreamweaver وليسا مصطلحا HTML. من وجهة نظر المستعرض، يشبه الإجراء أي جزء من تعليمات JavaScript البرمجية.

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

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

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

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

Show Set Events

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

Show All Events

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

Add Behavior (+)

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

Remove Event (–)

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

زرا السهم لأعلى ولأسفل

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

Events

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

ملاحظة:

لا تتوفر أسماء الأحداث الموجودة في أقواس إلا للارتباطات فقط؛ ويؤدي تحديد أحد أسماء الحدث هذه تلقائيًا إلى إضافة ارتباط فارغ إلى عنصر الصفحة المحدد، وإرفاق السلوك بهذا الارتباط بدلاً من العنصر نفسه. يتم تحديد الارتباط الفارغ كالآتي href="javascript:;" في تعليمات HTML البرمجية.

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

يوفر كل مستعرض مجموعة من الأحداث التي يمكنك ربطها بالإجراءات المسرودة في القائمة 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، ولكن يمكنك تغيير هذا الترتيب.

  1. حدد عنصرًا على الصفحة، مثل صورة أو ارتباط.

    لإرفاق سلوك بالصفحة بالكامل، انقر فوق العلامة <body> في محدد العلامات الموجود في الركن السفلي الأيسر من النافذة Document.

  2. اختر Window > Behaviors.
  3. انقر فوق زر علامة الجمع (+)، وحدد حدثًا من القائمة Add Behavior.

    لا يمكن اختيار الإجراءات غير النشطة في القائمة. قد يكون عدم نشاطها رجعًا إلى عدم وجود كائن مطلوب في المستند الحالي. على سبيل المثال، يتم إلغاء تنشيط إجراء Control Shockwave أو SWF إذا لم يتضمن المستند ملفات Shockwave أو SWF.

    عندما تحدد إجراءً، يظهر مربع حوار، يعرض معلمات الإجراء وإرشاداته.

  4. أدخل معلمات للإجراء، وانقر فوق OK.

    كل الإجراءات المتوفرة في Dreamweaver تعمل في المستعرضات الحديثة. لا تعمل بعض الإجراءات في المستعرضات القديمة، ولكنها لا تسبب أخطاء.

    ملاحظة:

    تتطلب العناصر الهدف ID فريدًا. على سبيل المثال، إذا كنت تريد تطبيق السلوك Swap Image على صورة، تتطلب الصورة ID. إذا لم يكن لديك ID محدد للعنصر، فسيحدده لك Dreamweaver تلقائيًا.

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

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

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

  1. حدد كائنًا مع سلوك مرفق.
  2. اختر Window > Behaviors.
  3. قم بإجراء التغييرات التي تريدها:
    • لتحرير معلمات إجراء ما، انقر نقرًا مزدوجًا فوق اسمه، أو حدده واضغط على Enter (في نظام التشغيل Windows) أو Return (في نظام التشغيل Macintosh)؛ ثم قم بتغيير المعلمات في مربع الحوار وانقر فوق OK.

    • لتغيير ترتيب الإجراءات لحدث معين، حدد إجراءً وانقر فوق السهم لأعلى أو لأسفل. وبدلاً من ذلك، يمكنك تحديد الإجراء وقصه ولصقه إلى الموقع الذي ترغب فيه بين الإجراءات الأخرى.

    • لحذف سلوك، حدده وانقر فوق زر علامة الطرح (–) أو اضغط على Delete.

تحديث سلوك

  1. حدد عنصرًا مرفقًا به السلوك.
  2. اختر Window > Behaviors وانقر نقرًا مزدوجًا فوق السلوك.
  3. قم بإجراء التغييرات وانقر فوق OK في مربع حوار السلوك.

    وسيتم تحديث كل تكرارات ذلك السلوك في تلك الصفحة. إذا احتوت صفحات أخرى في موقعك على هذا السلوك، فيجب تحديثها صفحة بصفحة.

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

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

  1. اختر Window > Behaviors وحدد Get More Behaviors من القائمة Add Behavior.

    يفتح مستعرضك الرئيسي، ويظهر موقع Exchange.

  2. قم باستعراض الحزم أو البحث عنها.
  3. قم بتنزيل حزمة الامتداد التي تريدها وتثبيتها.

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

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟