Download presentation
Presentation is loading. Please wait.
1
الأحــداث events الوينــدوز هــو محــيط رســائلي يــتم إرســال رســالة عنــد حــدوث حــدث مثــل مــرور الماوس فوق صورة أو فوق زر معين أو التركيز على نافذة أو ضغط الزر الأيمن أو الأيــسر أو الأوســط للمــاوس وهكــذا نــستغل هــذه الأحــداث لتنــشيط جــزء أو كــل مــن برنـامج جافـا سـكريبت ليقـوم بعمـل وظائفـه المـصمم مـن اجلهـا وسـنتعرض معـا بعـض الأمثلة والأحداث لشرح الفكرة : T.بدور الجنيدل
2
الأحداث المتاحة في الجافا سكربت مع شرح كل حدث :
الحدث شرح الحدث عند نقر زر الفأرة Onclick 1-عند نقر زر الفأرة على الكائن Ondblclick 2-عند النقر لزر الفأرة مرتين متتاليتين onMouseOver 3-عند مرور مؤشر الفأرة على الكائن OnMouseOut 4-عند ابعاد مؤشر الفأرة عن الكائن OnMouseDown 5-عند نقر زر الفأرة OnMouseUP() 6-عندما يكون مؤشر الماوس فوق العنصر T.بدور الجنيدل
3
وتستدعيها عند استدعاء function وبالنسبة لتطبيق هذه الأفكار أمر عادي تكتب وظيفة الحدث كما في المثال التالي : <html> <head> <script language ="JavaScript"> function m1() { Window.alert("welcome") } </script> </head> <body> <input type="button" value="دخول “ onclick=m1() > </body> </html> ملاحظه عند الإقتراب والنقر على مربع النص يعمل الفانكشن وهكذا كل الأحداث تطبق .. احدد أدوات الفورم T.بدور الجنيدل
4
مثال: صوره طباعه :عمل function يقوم بأمر نافذه طباعه ثم عمل حدث الماوس OnMouseDown() و زر “طباعه ”
<html> <head> <script language ="JavaScript"> function printer() { window.print() } </script> </head> <body> <img src="1.png" OnMouseDown=printer()> <input type="button" value="طباعه “ onclick=printer()> </body> </html> T.بدور الجنيدل
5
T.بدور الجنيدل
6
تذكير *ما تم دراسته في HTML
انشاء جدول بسيط من عمودين و 3 صفوف مثلا : اذا طلب زياده اعملي نسخ الباقي <TABLE border=2> <TR> <TD> Data <TD> Data </TR> <TR> <TD> Data <TD> Data </TR> <TR> <TD> Data <TD> Data </TR> </TABLE> T.بدور الجنيدل
7
Frame/Object Events إطار / كائن الأحداث
الأحــداث LOAD لصفحه Frame/Object Events إطار / كائن الأحداث T.بدور الجنيدل
8
كتابه الحدث بحروف صغيره
الأحداث المتاحة في الجافا سكربت مع شرح كل حدث لصفحه : كتابه الحدث بحروف صغيره الحدث شرح الحدث 1 Onload رساله استفتاحيه عند انتهاء متصفح الانترنت من تحميل الحاليه باستخدام function 2 Onunload رساله توديع عند الخروج من الصفحة خاص بالصفحة الحاليه باستخدام function 3 window.status يستخدم رمز = ان تذكر أي جمله معينه تظهر في شريط statusالحالة(شريط المعلومات) بدون استخدامfunction 4 Window.Location.reload تحديث الصفحه عملها مثل عمل اوضغطF5 باستخدام function T.بدور الجنيدل
9
هنا تم تأليف function باسم msg() وكتابه رساله تنبه عاديه وتم استدعاها داخل جزء Body مثال التالي يوضح ذألك : <html> <head> <script language ="JavaScript"> function msg() { Window.alert(«مرحبا بك في موقعنا ") } </script> </head> //تم استدعاء الداله(الافنكشن) داخل البودي <body onLoad = msg() > </body> </html> عند الاستدعاء الفنكشن msg() من جزئيه script يتم الاستدعاء داخل body ليتم تحميل الرساله عند فتح الصفحه مباشره ملاحظه T.بدور الجنيدل
10
مثال : onLoad T.بدور الجنيدل
11
مثال : onUnLoad T.بدور الجنيدل
12
مثال : Window.Location.reload
استخدامfunction T.بدور الجنيدل
13
مثال : window.status تكتب داخل السكربت وتكتب بعد ها رمز = بدون اقواس
ليظهر في شريط الحاله ( معلومات ) اسفل الصفحه T.بدور الجنيدل
14
The end T.بدور الجنيدل
Similar presentations
