1            2             3            4              5            (  6 )           7 

ألأحداث وألمصفوفات

 المصفوفات

تستخدم جافا سكريبت المصفوفات مثل باقي لغات البرمجه وتختلف عنها فقط في ان نوع المصفوفة يمكن ان تحوي انواع مختلفة من البيانات سواء كانت اسماء او ارقام صحيحه او عشريه اما اللغات الاخري فيجب ان المصفوفه تحتوي نوع واحد مخصص لها من البيانات

ولكن لمن لا يعرف علينا ان نوضح معنى المصفوفه

دارسي الرياضيات يستطيعوا بسهوله فهم معنى المصفوفه وهي اي المصفوفه مفيده في تقليل حجم الكود المكتوب للبرنامج وهي بالطبع حيز تخزين لنفرض اننا نريد تخزين اسماء التلاميذ وعددهم 100 تلميذ ولو فرضنا انك ستستخدم المتغيرات لتخزينها وهي طريقه غير عملية بالطبع فسيكون الكود كما يلي

var student1 , student2 , student 3 ,

وتظل تكتب المتغير حتى تصل الى رقم

student99,student100;

هذا بالطبع شئ ممل جدا اضف الى ذلك عدم امكانية استخدام التكرار والعدادات التي سبق وان تحدثنا عنها والمصفوفات تقوم بحل هذه المشكلة

var student = new array ();

student [0] = “Bashar”;

student [1] = “Shammah”;

اظن ان المثال الاخير قد اوضح تماما فكرة المصفوفه

الاحداث

الوندوز هو محيط رسائلي يتم ارسال رسالة عند حدوث حدث مثل مرور الماوس فوق صورة او فوق زر معين او التركيز على نافذه او ضغط الزر الايمن او الايسر او الاوسط للماوس وهكذا نستغل هذه الاحداث لتنشيط جزء او كل من برنامج جافا سكريبت ليقوم بعمل وظائفه المصمم من اجلها

ولسنتعرض معا بعض الامثلة والاحداث لشرح الفكرة

onClick ()

استجابة لضغط زر يتم تحديده عندها ينفذ جزء من الكود مثال

<INPUT TYPE = “Button” VALUE = “Send”

onClick = “window.alert (‘Message has been sent’);”>

في المثال السابق تم الاستجابة للضغط على زر يسمى Send  باظهار الرسالة الموضحة في نافذه مستقلة

onSubmit()

 تستخدم كثيرا استجابة لضغط الماوس او لوحة المفاتيح على زر ارسال النماذج

<Form action = http://www.bashar.cjb.net

onSubmit = “return CheckForm();”>

عند الضغط على الزر المذكور سيتم تنفيذ الدالة المكتوب اسمها حيث يوجد فيها كود لاختبار القيم التى وضعها المستخدم بالنموذج

onMouseOver()

هو حدث مرور الماوس فوق عنوان او وصلة

<a href= “http://bashar.cjb.net “

onMouseOver= “window.status=’thank u for visiting my web page’;

return true;”> My web page</A>

ستجد وصلة مكتوبة بالانجليزية موقعي على الانترنت وعند تحرك الماوس فوقها ستتغير الى شكرا لزيارة موقعي

onMouseOut()

حدث تحريك الماوس بعيدا عن وصلة

يمكن عكس المثال السابق ليؤدي الرسالة عند ابعاد الماوس عن الوصلة

onFocus

حدث وضع الماوس على حقل مدخلات معينه ويمكن ان يستغل في اعطاء رسالة بفرض التحرك لحقل كتابة الاسم

<INPUT TYPE=”TEXT” NAME “YourName”

onFocus = “window.status=(‘Enter your name’);return true;”>

عند تحركك الى حقل ادخال الاسم ستجد رسالة على سطر الحالة السفلي تقول ادخل اسمك

onChange

حدث تغير قيمة معينه لحقل

<INPUT TYPE=”TEXT” NAME “YourName”

onChange = “window.status=(‘The name has changed’);return true;”>

عندما تدخل لحقل الاسم وتكتب فمعنى ذلك حدوث تغيير وعليه ستظهر الرسالة التي كتبنها استجابة للحدث على سطر الحالة

onBlur

حدث ترك حقل بيانات بدون تغيير يمكن استخدامها او السابقه لادراك عملية اكمال البيانات ولا تستخدمهما معا

onLoad

حدث انتهاء متصفح الانترنت من تحميل الصفحة الحالية يمكن الاستفاده من الحدث في عرض رسالة ترحيب مثلا

<BODY onLoad = “alert(‘Welcome to Bashar home Page);”>

onUnload

حدث الخروج من الصفحة الحالية الى اخرى يمكنك الاستفادة منها في عرض رسالة وداع او شكر

<BODY onUnLoad = “alert(‘Welcome to my WebSite’);”>

 

 

1