فلنتعلم معا جافا سكريبت

03-05-2006, 05:31 PM

[COLOR="YellowGreen"]الدرس الخامس
المزيد من الأحداث Events

تعرفنا في الدرس السابق علي الأحداث (Events) وعرفن أنها لا تستخدم الا داخل أوامر ال HTML ولاتكتب بين الوسومين <SCRIPT> و <SCRIPT/> .
في هذا الدرس نتعرف علي المزيد من الأحداث والتي لا تخلوا صفحة ويب منها . وتلك الأحداث هي :

onClick , onFocus , onBlure , onChange , onSelect , onSubmit , onLoad , onUnload

--------------------------------------------------------------------------------

الحدث onClick :

لقد تعرفنا في الدرس الرابع علي الحدث onMouseOver والذي يمثل حدث مرور مؤشر الماوس علي وصلة تشعبية وعرفنا أن ذلك الحدث لا يستخدم إلا داخل أمر ال HTML الخاص بالوصلة التشعبية . هناك حدث آخر يستخدم مع الوصلة التشعبية وهو الحدث onClick .... ومن إسم الحدث نستنتج أنه الحدث المتعلق بنقرة الماوس (Clicking) فوق الوصلة التشعبية .

سوف أستخدم هنا منهج (Method) جديد يسمي ()alert . وهذا المنهج يظهر صندوق رسائل يحتوي علي النص الموجود بين الأقواس . وهذا المنهج يستخدم بمفرده ولا يرتبط بكائن (Object) كما سوف تشاهد في المثال التالي :

< A HREF = "http://www.mostashfa.com "
onClick=" alert ('أنقر هنا < "; ('سوف تنتقل لموقع مستشفي الإنترنت < /A >

وهذا هو نتيجة ذلك الكود (أنقر علي الوصلة التالية لتشاهد النتيجة ولا تنسي أن تعود إلينا ثانية لنستكمل الدرس ) :

أنقر هنا

--------------------------------------------------------------------------------

الحدث onFocus :

هذا الحدث يستخدم مع أوامر ال HTML الخاصة بالنماذج (Forms) ويستخدم مع الأشكال (Types) :
select boxes , text boxes , textarea boxes
(أنقر هنا إذا لم تكن تعرف ماذا تعني هذه الأشياء)
الحدث onFocus هو الحدث الخاص بالتركيز علي صندوق النصوص (أي أنه حدث النقر بمؤشر الماوس داخل صندوق النصوص إستعدادا للكتابة بداخله) . اليك هذا المثال :

< Form >
< INPUT TYPE="text" SIZE="30"
onFocus = " window.status = 'أكتب في صندوق النصوص' ; " >
< /Form >

وهذا هو نتيجة ذلك الكود (أنقر داخل صندوق النصوص وأنظر إلي شريط الحالة بأسفل) :

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

--------------------------------------------------------------------------------

الحدث onBlur :

هو عكس الحدث onFocus ويستخدم أيضا مع النماذج (Forms) . وهو حدث إزالة التركيز (كأن تنقر خارج صندوق النصوص في المثال السابق) .
فلتري ذلك المثال :

< Form >
< INPUT TYPE="text" SIZE="40"
Value="أدخل إسمك ... ثم أنقر خارج صندوق النصوص "
onBlur = " alert ('لقد غيرت محتوي صندوق النصوص'); " > < /Form >

النتيجة (غير محتوي صندوق النصوص ثم أنقر خارجه ولاحظ ماذا يحدث ) :

--------------------------------------------------------------------------------

الحدث onChange :

هذا الحدث هو تماما مثل الحدث onBlur إلا أن هناك فارق ضئيل بينهما . لكي تعرف الفارق اليك المثال التالي :

< Form >
< INPUT TYPE="text" SIZE="40"
Value="أدخل إسمك ... ثم أنقر خارج صندوق النصوص "
onChange = " alert ('لقد غيرت محتوي صندوق النصوص'); " > < /Form >

النتيجة (جرب أن تنقر داخل الصندوق ثم أنقر خارجه بدون تغييره ثم أعد تحميل الصفحة وجرب أن تنقر داخل الصندوق وغير محتواه ثم أنقر خارجه ... جرب نفس الشيء في المثال السابق ولاحظ الفرق ) :

--------------------------------------------------------------------------------

الحدث onSelect :

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

إتبع نفس القواعد التي أتبعناها في الأمثلة السابقة .

--------------------------------------------------------------------------------

الحدث onSubmit :

هذا الحدث يسمح لك بتحديد ما تريد حدوثه عند الضغط علي زر الإدخال (Submit Button) وهو أحد أشكال النماذج (Forms) ... في المثال التالي أمرت المتصفح بأن ينتقل للصفحة الرئيسية للموقع عند الضغط علي زر الإدخال :

< Form >
< INPUT TYPE="submit"
onSubmit="parent.********='base1.htm';" >
< /Form >

نتيجة الكود (أنقر فوق زر الإدخال) :

في الكود (Script) بأعلي يوجد بعض الأوامر الجديدة :
Parent.******** هو شكل عرفناه في الدروس السابقة وهذا الأمر يبدو كما لو كان parent عبارة عن كائن (Object) و ******** عبارة عن خاصية (Property) من خواص ذلك الكائن . ولكنها ليست كذلك .
هذا الأمر حالة خاصة ويستخدم للإنتقال إلي عنوان صفحة أخري .
أنا دائما أتذكر ذلك الشكل : " = parent.******** " تعني دائما وصلة تشعبية (Link) . (إحفظه هكذا) .

--------------------------------------------------------------------------------

الحدثان onLoad و onUnload :

لا توجد أمثلة لهذان الحدثان ولكننا سوف نستخدمهما لاحقا .
كلاهما يستخدمان داخل الأمر في مستند ال HTML . والحدث onLoad هو الحدث الخاص بتحميل الصفحة والحدث onUnload هو الخاص بمغادرة الصفحة . وكلاهما في غاية الأهمية وسنستخدمهما لاحقا عندما نتحدث عن الدوال (Functions) .

الآن ... أريدك أن تستخدم الأحداث السابقة لتحدد أفعال أخري غير التي حددتها أنا في الأمثلة بأعلي . وستجد أنه يمكنك عمل الكثير بإستخدام الأحداث (Events) . وإلي اللقاء في الدرس القادم .[
منقول

منقول/COLOR]

03-05-2006, 07:21 PM

أخي المتميز"مارشال" يعطيك العافية

لمجهوداتك الرائعه "بارك الله فيك

لك كل تقدير واحترام

03-05-2006, 10:04 PM

شكرا أختي توصيات لمرورك على الموضوع

03-05-2006, 11:00 PM

يعطيك الف عافية .........

والله ماقصرت ومجهود جدا رائع

دردشة	عرب جوال	Friendly Links	دليل العرب الاقتصادي
بنات حواء	معرض الصور	منتديات جنى	تحميل صور
Forex Tube	العاب ديكور	العاب بنات	بنات


↑ Grab this Headline Animator

Setting Targets & Stops for Your Trading Plan :: The Ergodic Candlestick Oscillator :: The Dynamic Range :: The Balance Step and More FT tools for the Tradable Trend :: The Basic Swing Plan for Stocks :: The Professional Gann Swing Plan :: New Gann Swing Chartist and Dynamic Fibonacci Channels :: شرح الميتاستوك جديد الجزء الثاني طريقة التعامل مع البيانات سحب البيانات من موقع سعودي ميتا :: شرح الميتاستوك جديد الجزء الثاني طريقة التعامل مع البيانات على اختلافها بعد التحديث :: شرح الميتاستوك الجزء الأول طريقة تثبيت البرنامج ::

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق

Powered by vBulletin® Version 3.8.4, Copyright ©2000 - 2010, Jelsoft Enterprises Ltd. SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc. TranZ By Almuhajir شبكة المستثمرون العرب أنشئت في 26/10/1426هـ
الساعة الآن 05:17 PM.	- الأرشيف - - [contact_us] - الرئيسية - بيان الخصوصية - الأعلى

فلنتعلم معا جافا سكريبت

الانترنت والحاسب الالي