الأحداث في جافا سكريبت (2)

احصائيات سريعة

الرئيسية
اضافة
اتصل بنا

اقسام على الموقع

البحث في المواد

اكثر المحتويات زيارة

الدوال في الاكسل (14,836 مشاهده)
تعريف الفن التشكيلي: (14,801 مشاهده)
ربط قاعدة بيانات أكسس (MS Access) مع برنامج الفيجوال بيسك بطريقة(ODBC) (10,761 مشاهده)
دروس في الأوفيس الأكسس - Access0- (10,234 مشاهده)
أنواع العلاقات وطريقة الربط بين الجداول. (10,165 مشاهده)
شرح طريقة استعمال الأوتلوك مع بريد الهوتميل (7,342 مشاهده)
تغيير لغة واجهة التطبيق من عربي الى انجليزي وبالعكس لـ Windows-based applications (7,336 مشاهده)
ما هي شبكة الانترنت: (6,452 مشاهده)
الدرس الثالث : بعض تطبيقات الدوال في اكسل (6,207 مشاهده)
تعريف الاستعلام وطريقة عرضه في آكسس، أنواع الاستعلامات، نافذة تحديد الاستعلام! (6,189 مشاهده)
اضافه صوت ونص لخلفيه في باور بوينت (6,183 مشاهده)
المنظور الفوتوغرافي Perspective Drawing (6,131 مشاهده)
ما هو برنامج الاكسل -00 (5,994 مشاهده)
أنشئ قاعدة بياناتك التي ستستند إليها في تعلم طريقة ربط الجداول والاستعلامات. (5,752 مشاهده)
الدرس الثاني : عمل خلفيات ملونة لشرائح (5,534 مشاهده)
نظام التشغيل (Windows) (5,526 مشاهده)
الدرس الأول : عمل شريحة في البوربوينت (5,431 مشاهده)
الدرس الثاني: بعض الحيل لتسهيل برنامج اكسل (5,426 مشاهده)
لإجراء العمليات الحسابية (4,946 مشاهده)
مقدمة عامة حول الاكسل وحيل خاصة بالاكسل0-- (4,914 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (4,870 مشاهده)
كيفية تنصيب Turbo C++ وتشغيل برنامج بلغة السي عليه!- (4,829 مشاهده)
vالدرس الأول : عمل شريحة في البوربوينت (4,819 مشاهده)
الدرس الثالث: كيفية عمل مراحل انتقالية للشرائح (4,810 مشاهده)
اضافة الحركات للصور والنصوص (4,744 مشاهده)

جديد مواد مع عشوائي

التحويل التلقائي للحروف ل- ل- ه إلى اسم الجلالة0---- (2,360 مشاهده)
النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0---النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0--- (1,776 مشاهده)
ضبط خيارات اللغة فى الـ Microsoft Word0--- (2,190 مشاهده)
استخدام لوحة المفاتيح في الـ Word0---- (2,383 مشاهده)
إضافة كلمة سر إلي ملفات الورد دون استخدام برامج0--- (2,320 مشاهده)
دمج المراسلات0-- (1,428 مشاهده)
وضع صورة كخلفية للنص0-- (1,870 مشاهده)
السماح للمستخدمين بتعديل أجزاء من ملف وورد محمي (Word2003)0--- (1,447 مشاهده)
كتابة الأرقام الكسرية ورموز المعادلات0-- (2,057 مشاهده)
درس كامل عن الدمج السهل من لوحة المفاتيح ف0-ي برنامج الـ Word (1,612 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (4,870 مشاهده)
دورة الأكسيس : الدرس الرابع : العلاقات0---- (2,661 مشاهده)
أساسيات في Access0--0 (2,376 مشاهده)
تصميم تقرير لطباعة البيانات0---- (2,233 مشاهده)
تصميم نموذج استعراض البيانات‏0--تصميم نموذج استعراض البيانات‏0-- (1,993 مشاهده)
تصميم نموذج إدخال‎ ‎البيانات0--- (2,240 مشاهده)
إنشاء قوائم خاصة باستخدام الماكرو(1)0-- (1,928 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (2)0-- (1,440 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (1)0- (1,510 مشاهده)
استعلامات SQL في Access - تعديل الجداول وإضافة الحقول0- (2,102 مشاهده)
استعلامات SQL في Access - تحديث البيانات الجدولية0-- (1,713 مشاهده)
الاستعلامات الإجرائية -4 (استعلام الحذف)0--- (1,169 مشاهده)
الاستعلامات الإجرائية -2 (استعلام الإلحاق)0--- (1,315 مشاهده)
تصميم تقرير لطباعة الإجمالي0--- (1,420 مشاهده)
استعلامات التحديد Select Query مع أمثله (1)0--- (1,876 مشاهده)

دروس > دروس جافا سكريبت JavaScript > الأحداث في جافا سكريبت (2)

الاسم: الأحداث في جافا سكريبت (2) الأحداث في جافا سكريبت (2)

مرات القرائه: 1,237 مرة/مرات

التقييم:

قم بدعوة صديق

اعلانات في الموقع على جميع الصفحات

الأحداث في جافا سكريبت (2)

معالجة أحداث الروابط في "جافا سكريبت"

معالجة أحداث الروابط في "جافا سكريبت"

عنوان الدرس : معالجة أحداث الروابط

رقم الدرس : الأحداث في جافا سكريبت (2)

المستوى: متوسط

تكلمنا في الحلقة السابقة عن الأحداث بصورة عامة داخل جافا سكريبت وعرضنا نظرة عامة على أهميتها واليوم سنقوم بعرض قسم هام من أقسام معالجة الأحداث في javaScript والتي تنقسم إلى:-

1) معالجة أحداث الروابط .

2) معالجة أحداث النوافذ .

3) معالجة أحداث الصور .

4) معالجة أحداث النماذج.

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

مقدمة:

ذكرنا في الحلقة السابقة أيضا مثال بسيط لمعالجة أحداث الروابط وكان يتعلق بالحدث onMouseOver وهنا سنتناول المزيد أن شاء الله في الأحداث بصفة عامة يتم ربط الحدث بعناصر html العادية . فمثلا أحداث الروابط تعالج أحداث المستخدم المتعلقة بالربطة التشعبية Link وهنا يتم إدراج هذه المعالجة داخل الوسم <a> هكذا.

<a Href=”http://www.c4arab.com “ OnmouseOver=”معالجة ما ”>الموسوعة العربية </a>

وهناك تسعة أحداث مرتبطة بالروابط وهم

احدث الروابط التي يمكن معالجتها داخل جافا سكريبت :-

المعـالجة

الحدث

نقر الماوس فوق رابطة

Click

نقر الماوس نقرة مزدوجة فوق رابطة

dblClick

ضغط زر الماوس والاستمرار في الضغط

MouseDown

إطلاق زر الماوس

MouseUP

تحريك الماوس فوق رابطة

mouseOver

تحريك الماوس من داخل رابطة إلى خارجها

mouseOut

ضغط المستخدم مفتاح من لوحة المفاتيح

KeyDown

إطلاق المستخدم المفتاح

KeyUP

ضغط المستخدم مفتاح و إطلاقه

KeyPress

سنشرح هنا وبشكل من التفصيل بعض الأحداث الأكثر استخداما في التعامل مع الروابط .

من الأحداث المهمة الحدث onClick فهو يعالج معالجة أخرى للروابط أي أنة يفعل أسلوب خاص عند نقر المستخدم لربطة فمثلا لو أعطت شفرة الحدث OnClick قيمة false فان العمل المرتبط بالنقر والذي يوجه المتصفح إلى الوصلة يلغى هذا التصرف الطبيعي .

فبواسطة هذا الحدث يمكنا صنع عبارات تأكيد تظهر للمستخدم تطلب منه التأكيد على عبور هذه الوصلة .

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

واليك مثال عملي يشرح هذا الحدث بوضوح .

<html >

<head >

<title>معالجة أحداث الروابط </title>

</head >

<body >

<!--

function ConfirmLink(){

alert(“درس مقدمة عن الأحداث ”)

return confirm(“هل تريد قراءة هذا الدرس ”)

}

//->

</script>

<a href=”http://c4arab.com” onClick= “return ConfirmLink()”>الدرس الأول </a>

</body>

</html>

لمشاهدة عمل التمرين اضغط على هذه الوصلة.

<!--

function ConfirmLink(){

alert(“درس مقدمة عن الأحداث ”)

return confirm(“هل تريد قراءة هذا الدرس ”)

}

//->

</script>

<a href=”http://c4arab.com” onClick= “return ConfirmLink()”>الدرس الأول </a>

شرح المثال :

في هذا التمرين قمنا بتعريف وظيفة خاصة بنا وهى ConfirmLink() وهى تقوم بتنبيه المستخدم على انه اختار الصفحة الخاصة ]بدرس مقدمة عن الأحداث [ ثم تسأله عن رغبته في الاتصال بالصفحة . بعد ذلك ينفذ ناتج الدالة ConfirmLink .

ملاحظة أيضا . عند استدعاء الدالة ConfirmLink قمنا باستخدام جملة return وذلك لكي تظهر نتائج Confirm والدالة ConfirmLink عند النقر والتي تنشط عندها شفرة المعالجة حتى تتمكن قيمة false من إلغاء الحدث المرتبط بالنقر على cancel .

جرب إزالة جملة إعطاء الناتج return واستدعاء confirmLink مباشرة وستجد أن إلغاء الرابطة لم يعد خيارا مفتوحا .

يمكنك التلاعب والتناغم مع باقي الأحداث المتعلقة بالروابط فيما يخدم مشروعك .

وهنا ننتهي من هذا الدرس إلى أن نعود مع نوع أخر من الأحداث في درس قادم أن شاء الله.

درس الأحداث في جافا سكريبت (2)

أضف هذه المادة في موقعك:

مواد مشابهة:

	الشرطية الدرس الخامس: الجمل الشرطية الشرطية الدرس الخامس: الجمل الشرطية (مرات المشاهدة: 1,039 مرات)
	القيم المنطقية Boolean: القيم المنطقية Boolean: (مرات المشاهدة: 796 مرات)
	سلسلة تعلم VBScript -لجزء الاول - المبادئ سلسلة تعلم VBScript -لجزء الاول - المبادئ (مرات المشاهدة: 1,106 مرات)
	يتمثل الكائن في عالم الواقع يتمثل الكائن في عالم الواقع (مرات المشاهدة: 547 مرات)
	Case sensitivity Case sensitivity (مرات المشاهدة: 492 مرات)
	Function call ، Function call ، (مرات المشاهدة: 873 مرات)
	هام جدا لكل مطور هام جدا لكل مطور (مرات المشاهدة: 1,051 مرات)
	بكيفية عمل كائنات بانفسنا واستخدام خصائصها. بكيفية عمل كائنات بانفسنا واستخدام خصائصها. (مرات المشاهدة: 543 مرات)
	سلسلة تعلم VBScript -الجزء الاول - الاسس سلسلة تعلم VBScript -الجزء الاول - الاسس (مرات المشاهدة: 1,136 مرات)
	عبارات جافاسكريبت عبارات جافاسكريبت (مرات المشاهدة: 991 مرات)

About