JavaScript
تكلمنا في عدة حلقات سابقة عن مواضيع تهم مطوري
مواقع على شبكة الانترنيت، منها لغة HTML التي نستطيع
بواسطتها بناء صفحات وب تعمل على حاسب الزبون عند
وجود المتصفح Browser الذي يقوم بمهمة تفسير تعليمات
هذه اللغة مهما كام نوعه (Internet Explorer من
شركة ميكروسوفت، والمتصفح Netscape من الشركة Netscape).
أما إذا أردنا التفاعل بناء صفحات ديناميكية نستطيع
من خلالها التفاعل مع المستخدم نحتاج إلى لغة برمجة
لهذا الموضوع، والتي تحتاج إلى مخدم Server يقوم
بتفسيرها مثل PHP ويعيد الخرج للزبون على شكل تعليمات
Html يتم تفسيرها من قبل المتصفح.
ولكن بهذه الطريقة كلما أردنا أن
نتفاعل مع مستخدم صفحة الانترنيت سوف نحتاج إلى
طلب من المخدم لتفسير صفحة وإرسال النتائج للزبون
الأمر الذي يؤدي إلى إرهاق المخدم بالأعمال. من
هنا ظهرت فكرة إيجاد بعض اللغات السهلة التي يقوم
المتصفح نفسه بتفسيرها دون الحاجة للعودة إلى المخدم.
نستطيع من خلال هذه اللغات القيام بمجموعة من المهام
التفاعلية مع المستخدم. من أكثر هذه اللغات انتشاراً
هي لغة JavaScript والتي سنتحدث عنها الآن.
تفيدنا لغة JavaScript كما أشرنا
إلى إمكانية تحقيق التفاعل مع المستخدم، مثلاً تمكننا
من القيام:
• إجراء التحقق من مدخلات المستخدم، مثلاً العنوان
البريدي مكتوب بصيغة صحيحة أو عدم احتواء اسم المستخدم
على أرقام وغيرها من الأمور.
• القيام بالحسابات الممكنة دون الحاجة إلى مخدم.
• إظهار رسائل للمستخدم، عند الحاجة إلى إعلامه
بأمر ما أو عند الحاجة إلى أخذ قيمة من المستخدم
أو عند الحاجة إلى تأكيد أمر ما يريده المستخدم.
• فتح نوافذ والتحكم بمجموعة الخصائص الخاصة بها.
• التحكم بكيفية الإظهار كتغيير لون الخلفية أو
نوع الخط ...
نقوم بكتابة JavaScript ضمن صفحة
HTML ضمن مؤشر Tag خاص هو <script> يمكن أن
نضع هذا المؤشر إما ضمن المؤشر <head> أو
المؤشر <body> ولكن يفضل استخدامه ضمن المؤشر
الأول.
يوجد في JavaScript مجموعة من الأغراض
المعرفة مسبقاً أشهر هذه الأغراض Document التي
تمثل صفحة الوب، وWindow التي تمثل نافذة المتصفح.
كما تتم مقابلة كل مؤشر Tag ضمن صفحة HTML بغرض
مقابل في JavaScript يمكن التعامل معه.
فكما هو معروف يملك كل مؤشر في HTML
مجموعة من الخصائص التي تملك قيماً معينة مثل الاسم،
القيمة وغيرها. بالإضافة إلى إمكانية إلتقاط مجموعة
من الأحداث مسبقة التعريف عليه مثل الحدث OnClick
أي عند الضغط عليه، أو OnChange عند إحداث أي تغيير
على العنصر، أو OnDBClick عند الضغط المزدوج على
العنصر وغيرها من الأحداث. يمكن الاستفادة من هذه
الأحداث لكتابة مجموعة من التوابع بلغة JavaScript
للقيام بمجموعة من المهام.
مثلاً إذا أخذنا المؤشر Input التالي:
• إن هذا المؤشر يحتوي على مجموعة
من الخصائص:
1- النمط Type له القيمة checkbox.
2- الاسم Name له القيمة myCheck.
3- القيمة value لها القيمة Zeina.
4- الخاصة Checked التي تدل على أن هذا العنصر مختار.
• كما يرتبط المؤشر بمجموعة من الأحداث:
1- Onclick: عند الضغط على العنصر ينفذ التابع doAction1
المكتوب بلغة JavaScript.
2- onChange: عند حدوث أي تغيير على المؤشر يتم
تنفيذ التابع doAction2 المكتوب بلغة JavaScript.
هذا المؤشر هو ما نراه في HTML أما
في JavaScript سيقابل هذا المؤشر غرض له اسم المؤشر
نفسه ويتمتع الغرض بالخصائص نفسها وبالتالي يمكننا
أن نكتب في JavaScript:
فنقوم بتغيير الخصائص الخاصة بالمؤشر
الذي يظهر على صفحة الوب.
أما التوابع التي يجب أن تنفذ عند
حدوث الأحداث تكتب أيضاً في القسم الخاص بلغة JavaScript
وبالرموز الخاصة بهذه اللغة والتي يمكن الحصول عليها
من أي مكان يقوم يتعليمها (والأمثلة كثيرة على شبكة
الانترنيت).
أما لكل من يرغب بمعرفة الخصائص الخاصة بكل مؤشر
والتوابع المعرفة لكل منها يمكن العودة إلى المكتبات
الخاصة بهذه اللغة والتي يختلف تحقيقها من متصفح
لآخر للإضطلاع على ما يريد، ويمكننا هنا ذكر أن
المكتبة الخاصة بمتصفح الانترنيت Internet Explorer
من شركة Microsoft يمكن الوصول إليها على العنوان:
www.microsoft.com
ثم اختيار المسار التالي:
| Developer (MSDN) -> |
|
|
|
|
| |
Library -> |
|
|
|
| |
|
Web Development -> |
|
|
| |
|
|
Html and Dynamic Html -> |
|
| |
|
|
|
Html Reference. |
|
