المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : جافا سكريبت الدرس الخامس


sweety
02-03-2008, 10:51 PM
السلام عليكم ورحمة الله


في هذا الدرس سنتطرق الى :
- بعض تقنيات الكائن window
-الاعلان عن المتغيرات
- عبارة if
- المعاملات المنطقية و معاملات المقارنة

بسم الله نبدأ:)

في الدرس الاول اخذنا هذا المثال:
alert("Welcome To C4arab.com")

ناتج تنفيذ هذا السطر اظهار رسالة تحذير

http://up101.arabsh.com/my/f6df351.jpg

تعتبر alert() بمثابه تقنيه تابعه لكائن window ولذلك ويمكن كتابتها كالاتي
window.alert()

لاحظوا كم زر ظهر في الرسالة؟؟

زر واحد مكتوب عليه ok

هناك تقنية شبيهه بـ alert و هي confirm و تقوم باظهار رسالة لكن الاختلاف هنا في عدد ازرار الرسالة حيث يوجد زرين (ok , cancle)
http://up101.arabsh.com/my/8349c7e.jpg
اي يملك المستخدم خيار الموافقة على اتمام العملية او الغاء الامر
هنا يجب ان نعرف ما الزر الذي قام المستخدم بضغطه .. كيف؟؟؟ نشوف المثال التالي

مثال : اظهار رسالة للمستخدم تخبره بالزر الذي قام بضغطه هل هو ok او cancle

<html>
<head></head>
<body>
<Script Language="javaScript">
var answer=confirm("press ok or cancle");
if(answer==true )
alert("ok");
else
alert("cancle");
</script>
</body>
</html>
عند الضغط على ok ستُخزن القيمة true في المتغير answer
عند الضغط على cancle ستُخزن القيمة false في المتغير answer

http://up101.arabsh.com/my/8349c7e.jpg
لو ضغطت على ok ستظهر

http://up101.arabsh.com/my/4de1e1f.jpg

لاحظ:

- للاعلان عن متغير يجب استخدام الكلمة var يليها اسم المتغير
- كيفية كتابة جمل if في الجافا سكريبت (نفس الطريقة المتبعة في C و الجافا), يجب كتابة العبارة المطلوب التحقق من صحتها بين قوسين ()
- معاملات التشغيل الخاصه بالمقارنه
== معناها التساوي(وهي المستخدمة في المثال)
!= معناها عدم التساوي
< معناها اكبر من
> معناها اقل من
<= معناها اكبر من او يساوي
>= معناها اقل من او يساوي

-يعطي معامل التساوي " = " بمقارنه قيمتين نتيجه true اذا ثبت تساوي كلتا القيمتين
-والمعامل " != " يقوم بعرض true اذا كانت القيمتين غير متساويتين
-معامل الشتغيل اكبر من يقوم بمقارنه قيمتين ويقوم بعرض نتيجه true اذا كانت الاولى اكبر من الثانيه
-ويقوم معامل الشتغيل اقل من بمقارنه قيمتين ويقوم بعرض نتيجه true اذا كانت الاولى اقل من الثانيه

ادخال البيانات الخاصه بالمستخدم
تستخدم تقنيه window.prompt() لاتاحه امكانيه ادخال البيانات الخاصه بالمستخدم من لوحه المفاتيح عبر مربع حوار يحتوي على الازرار OK و Cancel (تشبه inputbox في الفيجوال بيسك)
http://up101.arabsh.com/my/a9ab0d9.jpg

مثال:
<html>
<head></head>
<body>
<Script Language="javaScript">
var name=prompt("enter your name");
if (name==null || name=="")
name="vistor";
document.write("hello "+name);
</script>
</body>
</html>

نتيجة التنفيذ
http://up101.arabsh.com/my/a9ab0d9.jpg
بعد ادخال الاسم و الضغط على ok
http://up101.arabsh.com/my/4d463cd.jpg

لاحظ:
استخدمنا في المثال احد معاملات التشغيل المنطقيه وهي ||

معاملات التشغيل المنطقيه:
&& وظيفتها Logical AND
|| وظيفتها Logical OR
! وظيفتها Logical NOT

معامل التشغيل ( && )الذي يحتاج الى اثبات صحة كلتا القيمتين
معامل التشغيل ( || ) سيقوم بفحص القيمتين التابعين له وبعد ذلك سيقوم بعرض true
اذا كانت احدى القيمتين true ما اذا كان كانت نتيجة اي من القيمتين
false فان معامل التشغيل ( || ) سيعطي النتيجه false واهميته تتضح في التطبيق
لتنفيذ اداء محدد اذا ثبت صحه اي قيمه من القيمتين
معامل التشغيل ( ! )يعتبر معامل مفرد يمكن استخدامه قبل اي قيمه مفرده فهو يقوم

ملاحظة : كل الامثلة الواردة في الدرس تكتب في المفكرة و تحفظ بامتداد html


انتهى الدرس الخامس



جمع و اعداد اختكم sweety

الاميرة الهادئة
02-05-2008, 12:39 AM
والله شرحك مره حلو .... ولي مده اتسائل وينها دروس الجافا سكريبت الظاهر الفيجوال اكل الجو :1:


وهذا تطبيقي

http://www.barqalshamal.com/upload/folder1/elite_SQkIzv4x4l.gif

والله يجزاك الجنه .......... وزاد الله علمك ومن تقدم الى تقدم في حياتك العلميه والعمليه

نمر الشراري
02-05-2008, 02:17 AM
الله يعطيك العافية

والله درس سهل ولكن لي سؤال.. هل تعاملتي معه asp.net

وفقك الله لما يحبه ويرضاه

sweety
02-05-2008, 07:16 PM
والله شرحك مره حلو .... ولي مده اتسائل وينها دروس الجافا سكريبت الظاهر الفيجوال اكل الجو :1:


وهذا تطبيقي

http://www.barqalshamal.com/upload/folder1/elite_SQkIzv4x4l.gif

والله يجزاك الجنه .......... وزاد الله علمك ومن تقدم الى تقدم في حياتك العلميه والعمليه


اضغط الزر اللي يعجبك >>حركاااات:1:1:1:

منورة موضوعي يا الاميرة و مشكورة على مرورك و تطبيقك

sweety
02-05-2008, 07:23 PM
الله يعطيك العافية


يعافيك ربي اخوي
هل تعاملتي معه asp.net

اذكر اني طبقت كم درس للـ Asp net
وفعلا اعجبت بها اللغة خصوصا انه في امكانية لكتابة الكود بالفيجوال بيسك و عملية ادراج الادوات صارت مرة سهلة على عكس ايام Asp

نمر الشراري
02-06-2008, 12:20 AM
يعافيك ربي اخوي


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

اعتقد انه مدعوم ببرنامج للasp.net

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


وان شاء الله راح افيدكم بالكتابين ذولا في اقرب وقت بس اخلص من اسااسيات الاس كيو ال

الله يوفقك ويوفق الجميع

sweety
02-06-2008, 11:05 PM
طيب حلو انا عندي كتاب يعني كتاب عادي وليس كتاب الكتروني اوكي

اعتقد انه مدعوم ببرنامج للasp.net

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


وان شاء الله راح افيدكم بالكتابين ذولا في اقرب وقت بس اخلص من اسااسيات الاس كيو ال

الله يوفقك ويوفق الجميع


جزاك الله خير
و انا بإنتظارك

المهره الأصيله
02-12-2008, 06:20 AM
ياربي يسعدك ياسويتي
كفيتِ و وفيتِ والله
ولا عدمنااااااك يابنت الأجاويد


وهذا تطبيقي:

الاول:

http://www.barqalshamal.com/upload/folder1/elite_AWE7CAQZpP.JPG

ونتيجته:

http://www.barqalshamal.com/upload/folder1/elite_yNI50hNFH.JPG


والثاني:

http://www.barqalshamal.com/upload/folder1/elite_seOXJarJ8v.JPG

ونتيجته:

http://www.barqalshamal.com/upload/folder1/elite_5Nr0z87bpi.JPG


وسلامتك :)

والله يعطيك العااافيه يالغاليه


دمتِ بقمم المجالس:
اختكـ


المهره الأصيله

sweety
02-16-2008, 08:04 PM
يا هلا فيك يا المهرة

وينك من زمان عنك

وتسلم إديك على التطبيق