JavaScript (الدرس السادس ) : // objects \\

S a R a · 19-08-2008, 06:04 PM

\\ ][ الكائنات - objects ][ //

------(المقدمة - intro )------

يتمثل الكائن في عالم الواقع مثلا في الأشخاص أو الأماكن أو الأشياء
فمثلا جهاز الكمبيوتر الذي أمامك يعتبر كائن .

وأيضا يوجد في عالم الكمبيوتر كائنات تتمثل مثلا في صفحة الشبكة التي تقرأ منها الآن
وفي اكواد html التي تتألف منها تلك الصفحة .

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

×××× ×××× ××××

يشار أحيانا للغات التي تتيح استخدام الكائنات بكامل خصائصها على إنها
لغات برمجة موجهة للكائنات OOP مثل الجافا والسي ++ ..

.. Object Oriented Programming (OOP) language.

في هذا النوع من اللغات .. "البرمجة الموجهة للكائنات ".. تسمح لك بتعريف كائناتك الخاصة
وايضا تجعل لك انواع خاصة للمتغيرات..

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

×××× ×××× ××××

اما في درسنا اليوم .. سنتعرف على الكائنات الموجودة بالاصل في الجافا سكربت ..

وتسمى " built-in JavaScript objects "
ونتعرف ايضا على كيفية استخدامها ..

×××× ×××× ××××

ملاحظة :

* الكائن : نوع خاص من البيانات..

* يتكون الكائن من شيئين :

1- الخواص .. (Properties)
وهي مجموعة قيم ترتبط بالكائن ..

2- الطرق (methods)
وهي تتيح لك إجراء عمليات علي البيانات المخزنة في الكائن.

×××× ×××× ××××

سنتعرف اكثر على نوعين من الكائنات الموجودة في الجافا سكربت ..
وندرس خواصها والطرق الخاصة بهاللتحكم بالبيانات

1- String Object

2- Date Object

×××× ×××× ××××

1- String Object (كائن السلاسل) "لاافضل الترجمة لهذا المصطلح "

اولا : الخواص :

خاصية الطول ..

في المثال التالي .. سنستخدم خاصية الطول .. لكائن من النوع string .. "سلسة حرفية"..
وستكون المخرجات .. عدد الحروف في السلسة الحرفية ..

المثال :

كود PHP:

  <script type="text/javascript">

var txt="Hello World!";

document.write(txt.length);

</script>

وهذه المخرجات :

كود PHP:

اي ان طول هذه الكلمة " Hello World!";" = 12
الفراغات سواء كانت في بداية الكلمة او في وسطها او نهايتها .. يتم اعتبارها .. في خاصية الطول

×××× ×××× ××××

ثانيا الطرق:

نذكركم .. هي طرق مختلفة للتحكم في البيانات المخزنة في الكائن ..

ملاحظة الخواص والطرق تكتب .. هكذا ..

()method.اسم الكائن

الطرق نضع قوسين عند نهاية اسم الطريقة .. اما الخواص ..نكتفي باسم الخاصية بدون وضع اقواس..

1- طريقة ()toUpperCase

لتحويل جميع حروف السلسة الى احرف كبيرة "capital letters"

المثال:

كود PHP:

  <script type="text/javascript">

var str="Hello world!";

document.write(str.toUpperCase());

</script>

المخرجات:

كود PHP:

  HELLO WORLD!

2- طريقة ()toLowerCase

نفس طريقة عمل الدالة السابقة .. ولكن الهدف منها .. تحويل جميع الحروف الى احرف صغيرة .. او small letters ..

ملاحظة هااامة :
لغة الجافا سكربت حساسة لحالة الاحرف ..
فلاحظوا .. في الطريقتين السابقتين .. U و C وL كلهم احرف كبيرة .. فاذا تمت كتابتها كباقي الاحرف..
احرف صغيرة لن ينفذ المحرر الطريقة .. لان الاسم خاطئ.. لذلك .. يجب الانتباه ..

3- Style strings .. تنسيق السلسة .. يندرج منها عدة طرق مختلفة ..
جميع الطرق سهلة وبسيطة.. تعرفوا عليها من خلال هذا المثال ..

اود التنبيه ان هناك طريقتين .. لابد من تمرير قيمة لها ..
وهي () fontcolor تغيير لون الخط ..

وبعد ان نمرر لها اللون المطلوب تصبح هكذا ("fontcolor("Red لابد من علامات التنصيص ..

تغيير حجم الخط ()fontsize

وبعد ان نمرر حجم الخط المطلوب .. يتم كتابتها هكذا .. (fontsize(16 بدون علامات تنصيص

ايضا هناك طريقة لاتعمل على الانترنت اكسبلورر .. بينما تعمل على باقي المتصفحات وهي
()blink.. وهي تعمل وميض للنص ..

4- طريقة ()indexOf

تستخدم لتحديد موقع الكلمة المراد البحث عن موقعها في الكائن .. وويتم طباعة موقع اول حرف من الكلمة ..

مثلا يوجد لدينا هذه السلسة ..

كود PHP:

  var str="welcome to ma3ali forum"

واردنا ان بحث عن مواقع كلمات معينة في تلك السلسة ..
مثلا .. نريد ان نبحث عن "Hello " و "ma3ali" و "welcome"

كتبنا الكود بالكامل

كود PHP:

  <html>

<body>

 
<script type="text/javascript">

 
var str="welcome to ma3ali forum";

document.write(str.indexOf("Hello") + "<br />");

document.write(str.indexOf("ma3ali") + "<br />");

document.write(str.indexOf("welcome"));

 
</script>

 
</body>

</html>

ستكون المخرجات كالتالي ..

كود PHP:

-1 لان الكلمة الاولى "Hello " لاتوجد لها اي كلمة مطابقة ..
11 موقع اول حرف من كلمة "ma3ali"
0 موقع كلمة welcome .. اي انها في بداية السلسة ..
لان السلاسل الحرفية تخزن في مصفوفة .. مقسمة الى اقسام كل حرف في قسم .. وتبدأ من الصفر وليس الواحد..
لذلك في المخرجات .. ظهر لنا الرقم 0 .. يعني انه الحرف الاول ..
واذا ظهر رقم 1 اي انه الحرف الثاني وهكذا .. يبدأ العد في مواقع السلسة من الصفر ..

5- طريقة ()match :

يتم عن طريق هذه الطريقة البحث عن سلسة معينة داخل سلسة اخرى ..
فاذا وجدها .. يتم طباعتها على الشاشة ..
واذا لم يجدها .. يتم طباعة كلمة "null" اي فارغ ..

المثال ..

6-طريقة ()replace

لاستبدال كلمة من السلسة.. بكلمة معينة ..
اليكم طريقة استخدامها من هذا المثال..

جميع الخواص والطرق للكائن string ..

من هنااا ...

×××× ×××× ××××

S a R a · 19-08-2008, 06:10 PM

------(كائن التاريخ - Date Object )------

تعريف التواريخ : (Defining Dates)

كائن التاريخ . .. يستخدم للعمل مع التواريخ والاوقااات ,

هنا .. عرفنا كائن التاريخ .. مع كلمة دليلة جديدة .. وهي "my Date"

كود PHP:

  var myDate=new Date()

ملاحظة :
كائن التاريخ .. تلقائيا سيحتفظ بالتاريخ والوقت الحالي .. كـ "قيمة اولية"

×××× ×××× ××××

معالجة التواريخ ..: Manipulate Dates

يمكننا معالجة التواريخ بسهوولة .. باستخدام الطرق المتاحة لكائن التاريخ..

في المثال التالي جعلنا كائن التاريخ .. بـ تاريخ معين .. وليس التاريخ الحالي ..
وهو .. (14th January 2010)

كود PHP:

  var myDate=new Date();

myDate.setFullYear(2010,0,14);

وفي المثال التالي جعلنا كائن التاريخ .. بعد 5 ايام .."اي لايحتفظ بتاريخ اليوم.. بل بتاريخ اليوم مضافة اليه خمس ايام مستقبلا .."

كود PHP:

  var myDate=new Date();

myDate.setDate(myDate.getDate()+5);

×××× ×××× ××××

مقارنة التواريخ : Comparing Dates

يمكننا ايضا استخدام كائن التاريخ للمقارنة بين تاريخين ..

في المثال التالي.. سنقوم بمقارنة .. بين تاريخ اليوم وهذا التاريخ 2010,0,14

كود PHP:

  var myDate=new Date();

myDate.setFullYear(2010,0,14);

var today = new Date();

if (myDate>today)

{

alert("Today is before 14th January 2010");

}

else

{

alert("Today is after 14th January 2010");

}

الطرق : methods
ركزووا على الاحرف الصغيرة والكبيرة في اسم كل طريقة ..

1- ()Date

تستخدم هذه الطريقة للحصول على تاريخ اليوم . ( مثااال )

2- ()getTime
يحسب السنوات من سنة 1970 ( طريقة استخدامها )

3- ()setFullYear
للحصول على تاريخ معين .. ( طريقة استخدامها )

4- ()toUTCString
لتحويل تاريخ اليوم ,, الى سلسة نصية (يقووم بعرض الساعة بتوقيت جرنيتش "string" ( المثااال )

5- ()getDay
تستخدم مع المصفوفة للكتابة اسم اليوم .. (كتابة وليس رقما ) ( طريقة استخدامها )

Display a clock

تستخدم لعرض الساعة في صفحتك .. ( طريقة استخدامهاا )

×××× ×××× ××××

يوجد بهذه الصفحة ,, جميع الخواص والطرق التي تخص كائن التاااريخ ..

http://www.w3schools.com/jsref/jsref_obj_date.asp

×××× ×××× ××××

الوااااااااااااجب..

قوموا بكتابة هذه الجملة ..

Welcome to learn java script

في كائن السلسلة ..

ثم قوموا بعمل التالي: (من خلال استخدام الخواص والطرق )
1- تحويل جميع الحروف الى حالة الاحرف الصغيرة .
2- تغيير حجم الخط الى 20
3- تغيير اللون الى ازرق
4- استبدال كلمة java script بـكلمة php
5- ايجاد موقع كل من الكلمتين .. learn , Wlecome

ثم قوموا بعرض التاريخ الحالي ..

ويكتب المطلوب السابق في كووووود واحد..

.

ريفــــــــــــــــان · 20-08-2008, 12:37 AM

،
--------

بارك الله فيك . . سارة . .

درس مرتب وواضح . . غفر الله لكِ ورزقكِ من حيث لا تحتسبين . .

الواجب . .

كود PHP:

<html> <body> <script type="text/javascript"> var str="Welcome to learn java script"; document.write(str. toLowerCase().fontsize (20). fontcolor("Blue").replace(/java script/,"php") + "<br />"); document.write(str.indexOf("Welcome") + "<br />"); document.write(str.indexOf("learn")+ "<br />"); var myDate=new Date(); document.write(myDate); </script> </body> </html>

--------

[ سبحان الله وبحمده ،، سبحان الله العظيم ]
،

أم يوسف · 20-08-2008, 01:19 AM

بارك الله فيك SaRa

الواجب:

كود:

<html> <head> <title>java7</title> </head> <body> <script type="text/javascript"> var txt="Welcome to learn java script" document.write("toLowerCase:"+txt.toLowerCase()+ "<br />"); document.write("fontsize:"+txt.fontsize(20)+"<br />"); document.write("fontcolor:"+txt.fontcolor("blue")+"<br/>"); document.write("replace:"+txt.replace(/java script/,"php"+"<br />")); document.write("indexOf Welcome:"+txt.indexOf("Welcome")+"<br />"); document.write("indexOf learn:"+txt.indexOf("learn")+"<br />"); document.write("Date:"+Date()+"<br />"); </script> </body> </html>

twinkle · 20-08-2008, 02:38 AM

×^×^×^×^×^×^×^×^×^×^×

جزاك الله خيرا

يظهر من الدرس أنه سهل وواضح بإذن الله

جاري بإذن الله قراءة الدرس وحل الواجب

بوركتِ

×^×^×^×^×^×^×^×^×^×^×

twinkle · 20-08-2008, 03:49 AM

×^×^×^×^×^×^×^×^×^×^×

حل الواجب:

كود:

<html>
<body>
<script type="text/javascript">
var mystr = "Welcome to learn java script";
document.write("The Original Text is: ".bold().italics().fontcolor("#669900") + "<br />" + mystr);
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
document.write("The Text in Lower Case: ".bold().italics().fontcolor("#666699") + "<br />" + mystr.toLowerCase());
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
document.write("The Text with Font Size 20: ".bold().italics().fontcolor("#669900") + "<br />" + mystr.fontsize(20));
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
document.write("The Text with Font Color Blue: ".bold().italics().fontcolor("#666699") + "<br />" + mystr.fontcolor("Blue"));
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
document.write("The Text after Replace a Word: ".bold().italics().fontcolor("#669900") + "<br />" + mystr.replace(/java script/,"php"));
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
document.write("The Index of the Word (learn): ".bold().italics().fontcolor("#666699") + "<br />" + mystr.indexOf("learn"));
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
document.write("The Index of the Word (Welcome): ".bold().italics().fontcolor("#669900") + "<br />" + mystr.indexOf("Welcome"));
document.write("<br />" + "<br />" + "****************".fontcolor("#AAAAAA") +"<br />" + "<br />" );
var mydate = new Date;
document.write("The Date Now is: ".bold().italics().fontcolor("#666699") + "<br />" + mydate);
</script>
</body>
</html>

×^×^×^×^×^×^×^×^×^×^×

S a R a · 20-08-2008, 02:50 PM

ريفان , ام يوسف , تونكل..
مااشااء الله حلوولكم صحيحة .. 100 %
تونكل ماشاء الله عليييك على هالترتيب ..

الهدهده · 20-08-2008, 10:17 PM

شرح رائع أ.ساره ...ماشاء الله

شوي حست في حل الواجب بسبب الخطأ...أضعه حرف كبير وهو صغير والعكس

حل الواجب :

كود PHP:

  <html>

<body>

<script type="text/javascript">

var t = "Welcome to learn java script";

document.write(t.toLowerCase().fontsize(20).fontcolor("blue")+ "<br>");

document.write(t.replace(/java script/,"PHP") +"<br>");

document.write("index of Wolcome is : " + t.indexOf("Wlecome") +"<br>");

document.write("index of learn is : " + t.indexOf("learn") + "<br>");

document.write(Date());

</script> 

</body>

</html>

ماشاء الله عليك تونكل حلك مـــــــــرتب

شادل · 13-10-2008, 08:10 AM

.

شكرا سارا ..

كود PHP:

  <html>

<head>

 
<script type="text/javascript"> 

var txt="Welcome to learn java script"; 

document.write(txt.toLowerCase()+ "<br />"); 

document.write(txt.fontsize(20)+ "<br />"); 

document.write(txt.fontcolor("blue")+ "<br />");

document.write(txt.replace(/java script/,"php")+ "<br />");

document.write(txt.indexOf("Welcome") + "<br />");

document.write(txt.indexOf("learn") + "<br />");

document.write(Date());

</script>  

 
 
</head>

 
<body 

 
</body>

</html>

.


Ma3ali Tube	Be Happy	الجـوال	Ma3ali flickr	الغرفة الصوتية	البطاقات	الصـوتيـات	مركز التحميل	مجلة أجيال

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

19-08-2008, 06:04 PM	#1
S a R a	JavaScript (الدرس السادس ) : // objects \\ \\ ][ الكائنات - objects ][ // ------(المقدمة - intro )------ يتمثل الكائن في عالم الواقع مثلا في الأشخاص أو الأماكن أو الأشياء فمثلا جهاز الكمبيوتر الذي أمامك يعتبر كائن . وأيضا يوجد في عالم الكمبيوتر كائنات تتمثل مثلا في صفحة الشبكة التي تقرأ منها الآن وفي اكواد html التي تتألف منها تلك الصفحة . كذلك لغة الجافا سكربت .. تقوم علي الكائنات مما يبسط تصميم برامجها ويسمح بتطويرها بأسلوب اكثر قابلية للتعديل والاستخدام . ×××× ×××× ×××× يشار أحيانا للغات التي تتيح استخدام الكائنات بكامل خصائصها على إنها لغات برمجة موجهة للكائنات OOP مثل الجافا والسي ++ .. .. Object Oriented Programming (OOP) language. في هذا النوع من اللغات .. "البرمجة الموجهة للكائنات ".. تسمح لك بتعريف كائناتك الخاصة وايضا تجعل لك انواع خاصة للمتغيرات.. سنوضح بإذن الله .. كيف يمكننك انشاء كائنات خاصة بك .. في القسم المتقدم من دروس الجافا سكربت .. ×××× ×××× ×××× اما في درسنا اليوم .. سنتعرف على الكائنات الموجودة بالاصل في الجافا سكربت .. وتسمى " built-in JavaScript objects " ونتعرف ايضا على كيفية استخدامها .. ×××× ×××× ×××× ملاحظة : * الكائن : نوع خاص من البيانات.. * يتكون الكائن من شيئين : 1- الخواص .. (Properties) وهي مجموعة قيم ترتبط بالكائن .. 2- الطرق (methods) وهي تتيح لك إجراء عمليات علي البيانات المخزنة في الكائن. ×××× ×××× ×××× سنتعرف اكثر على نوعين من الكائنات الموجودة في الجافا سكربت .. وندرس خواصها والطرق الخاصة بهاللتحكم بالبيانات 1- String Object 2- Date Object ×××× ×××× ×××× 1- String Object (كائن السلاسل) "لاافضل الترجمة لهذا المصطلح " اولا : الخواص : خاصية الطول .. في المثال التالي .. سنستخدم خاصية الطول .. لكائن من النوع string .. "سلسة حرفية".. وستكون المخرجات .. عدد الحروف في السلسة الحرفية .. المثال : كود PHP: `<script type="text/javascript"> var txt="Hello World!"; document.write(txt.length); </script>` وهذه المخرجات : كود PHP: `12` اي ان طول هذه الكلمة " Hello World!";" = 12 الفراغات سواء كانت في بداية الكلمة او في وسطها او نهايتها .. يتم اعتبارها .. في خاصية الطول ×××× ×××× ×××× ثانيا الطرق: نذكركم .. هي طرق مختلفة للتحكم في البيانات المخزنة في الكائن .. ملاحظة الخواص والطرق تكتب .. هكذا .. ()method.اسم الكائن الطرق نضع قوسين عند نهاية اسم الطريقة .. اما الخواص ..نكتفي باسم الخاصية بدون وضع اقواس.. 1- طريقة ()toUpperCase لتحويل جميع حروف السلسة الى احرف كبيرة "capital letters" المثال: كود PHP: `<script type="text/javascript"> var str="Hello world!"; document.write(str.toUpperCase()); </script>` المخرجات: كود PHP: `HELLO WORLD!` 2- طريقة ()toLowerCase نفس طريقة عمل الدالة السابقة .. ولكن الهدف منها .. تحويل جميع الحروف الى احرف صغيرة .. او small letters .. ملاحظة هااامة : لغة الجافا سكربت حساسة لحالة الاحرف .. فلاحظوا .. في الطريقتين السابقتين .. U و C وL كلهم احرف كبيرة .. فاذا تمت كتابتها كباقي الاحرف.. احرف صغيرة لن ينفذ المحرر الطريقة .. لان الاسم خاطئ.. لذلك .. يجب الانتباه .. 3- Style strings .. تنسيق السلسة .. يندرج منها عدة طرق مختلفة .. جميع الطرق سهلة وبسيطة.. تعرفوا عليها من خلال هذا المثال .. اود التنبيه ان هناك طريقتين .. لابد من تمرير قيمة لها .. وهي () fontcolor تغيير لون الخط .. وبعد ان نمرر لها اللون المطلوب تصبح هكذا ("fontcolor("Red لابد من علامات التنصيص .. تغيير حجم الخط ()fontsize وبعد ان نمرر حجم الخط المطلوب .. يتم كتابتها هكذا .. (fontsize(16 بدون علامات تنصيص ايضا هناك طريقة لاتعمل على الانترنت اكسبلورر .. بينما تعمل على باقي المتصفحات وهي ()blink.. وهي تعمل وميض للنص .. 4- طريقة ()indexOf تستخدم لتحديد موقع الكلمة المراد البحث عن موقعها في الكائن .. وويتم طباعة موقع اول حرف من الكلمة .. مثلا يوجد لدينا هذه السلسة .. كود PHP: `var str="welcome to ma3ali forum"` واردنا ان بحث عن مواقع كلمات معينة في تلك السلسة .. مثلا .. نريد ان نبحث عن "Hello " و "ma3ali" و "welcome" كتبنا الكود بالكامل كود PHP: `<html> <body> <script type="text/javascript"> var str="welcome to ma3ali forum"; document.write(str.indexOf("Hello") + "<br />"); document.write(str.indexOf("ma3ali") + "<br />"); document.write(str.indexOf("welcome")); </script> </body> </html>` ستكون المخرجات كالتالي .. كود PHP: `-1 11 0` -1 لان الكلمة الاولى "Hello " لاتوجد لها اي كلمة مطابقة .. 11 موقع اول حرف من كلمة "ma3ali" 0 موقع كلمة welcome .. اي انها في بداية السلسة .. لان السلاسل الحرفية تخزن في مصفوفة .. مقسمة الى اقسام كل حرف في قسم .. وتبدأ من الصفر وليس الواحد.. لذلك في المخرجات .. ظهر لنا الرقم 0 .. يعني انه الحرف الاول .. واذا ظهر رقم 1 اي انه الحرف الثاني وهكذا .. يبدأ العد في مواقع السلسة من الصفر .. 5- طريقة ()match : يتم عن طريق هذه الطريقة البحث عن سلسة معينة داخل سلسة اخرى .. فاذا وجدها .. يتم طباعتها على الشاشة .. واذا لم يجدها .. يتم طباعة كلمة "null" اي فارغ .. المثال .. 6-طريقة ()replace لاستبدال كلمة من السلسة.. بكلمة معينة .. اليكم طريقة استخدامها من هذا المثال.. جميع الخواص والطرق للكائن string .. من هنااا ... ×××× ×××× ××××
S a R a


منتديات مسلمة النسائية	مساحة إعلانيه

19-08-2008, 06:10 PM	#2
S a R a	- Date Object - ------(كائن التاريخ - Date Object )------ تعريف التواريخ : (Defining Dates) كائن التاريخ . .. يستخدم للعمل مع التواريخ والاوقااات , هنا .. عرفنا كائن التاريخ .. مع كلمة دليلة جديدة .. وهي "my Date" كود PHP: `var myDate=new Date()` ملاحظة : كائن التاريخ .. تلقائيا سيحتفظ بالتاريخ والوقت الحالي .. كـ "قيمة اولية" ×××× ×××× ×××× معالجة التواريخ ..: Manipulate Dates يمكننا معالجة التواريخ بسهوولة .. باستخدام الطرق المتاحة لكائن التاريخ.. في المثال التالي جعلنا كائن التاريخ .. بـ تاريخ معين .. وليس التاريخ الحالي .. وهو .. (14th January 2010) كود PHP: `var myDate=new Date(); myDate.setFullYear(2010,0,14);` وفي المثال التالي جعلنا كائن التاريخ .. بعد 5 ايام .."اي لايحتفظ بتاريخ اليوم.. بل بتاريخ اليوم مضافة اليه خمس ايام مستقبلا .." كود PHP: `var myDate=new Date(); myDate.setDate(myDate.getDate()+5);` ×××× ×××× ×××× مقارنة التواريخ : Comparing Dates يمكننا ايضا استخدام كائن التاريخ للمقارنة بين تاريخين .. في المثال التالي.. سنقوم بمقارنة .. بين تاريخ اليوم وهذا التاريخ 2010,0,14 كود PHP: `var myDate=new Date(); myDate.setFullYear(2010,0,14); var today = new Date(); if (myDate>today) { alert("Today is before 14th January 2010"); } else { alert("Today is after 14th January 2010"); }` الطرق : methods ركزووا على الاحرف الصغيرة والكبيرة في اسم كل طريقة .. 1- ()Date تستخدم هذه الطريقة للحصول على تاريخ اليوم . ( مثااال ) 2- ()getTime يحسب السنوات من سنة 1970 ( طريقة استخدامها ) 3- ()setFullYear للحصول على تاريخ معين .. ( طريقة استخدامها ) 4- ()toUTCString لتحويل تاريخ اليوم ,, الى سلسة نصية (يقووم بعرض الساعة بتوقيت جرنيتش "string" ( المثااال ) 5- ()getDay تستخدم مع المصفوفة للكتابة اسم اليوم .. (كتابة وليس رقما ) ( طريقة استخدامها ) Display a clock تستخدم لعرض الساعة في صفحتك .. ( طريقة استخدامهاا ) ×××× ×××× ×××× يوجد بهذه الصفحة ,, جميع الخواص والطرق التي تخص كائن التاااريخ .. http://www.w3schools.com/jsref/jsref_obj_date.asp ×××× ×××× ×××× الوااااااااااااجب.. قوموا بكتابة هذه الجملة .. Welcome to learn java script في كائن السلسلة .. ثم قوموا بعمل التالي: (من خلال استخدام الخواص والطرق ) 1- تحويل جميع الحروف الى حالة الاحرف الصغيرة . 2- تغيير حجم الخط الى 20 3- تغيير اللون الى ازرق 4- استبدال كلمة java script بـكلمة php 5- ايجاد موقع كل من الكلمتين .. learn , Wlecome ثم قوموا بعرض التاريخ الحالي .. ويكتب المطلوب السابق في كووووود واحد.. .
S a R a

20-08-2008, 12:37 AM	#3
ريفــــــــــــــــان	، -------- بارك الله فيك . . سارة . . درس مرتب وواضح . . غفر الله لكِ ورزقكِ من حيث لا تحتسبين . . الواجب . . كود PHP: `<html> <body> <script type="text/javascript"> var str="Welcome to learn java script"; document.write(str. toLowerCase().fontsize (20). fontcolor("Blue").replace(/java script/,"php") + "<br />"); document.write(str.indexOf("Welcome") + "<br />"); document.write(str.indexOf("learn")+ "<br />"); var myDate=new Date(); document.write(myDate); </script> </body> </html>` -------- [ سبحان الله وبحمده ،، سبحان الله العظيم ] ،
ريفــــــــــــــــان

20-08-2008, 01:19 AM	#4
أم يوسف	بارك الله فيك SaRa الواجب: كود: <html> <head> <title>java7</title> </head> <body> <script type="text/javascript"> var txt="Welcome to learn java script" document.write("toLowerCase:"+txt.toLowerCase()+ "<br />"); document.write("fontsize:"+txt.fontsize(20)+"<br />"); document.write("fontcolor:"+txt.fontcolor("blue")+"<br/>"); document.write("replace:"+txt.replace(/java script/,"php"+"<br />")); document.write("indexOf Welcome:"+txt.indexOf("Welcome")+"<br />"); document.write("indexOf learn:"+txt.indexOf("learn")+"<br />"); document.write("Date:"+Date()+"<br />"); </script> </body> </html>
أم يوسف

20-08-2008, 02:38 AM	#5
twinkle	×^×^×^×^×^×^×^×^×^×^× جزاك الله خيرا يظهر من الدرس أنه سهل وواضح بإذن الله جاري بإذن الله قراءة الدرس وحل الواجب بوركتِ ×^×^×^×^×^×^×^×^×^×^×
twinkle

20-08-2008, 03:49 AM	#6
twinkle	×^×^×^×^×^×^×^×^×^×^× حل الواجب: كود: <html> <body> <script type="text/javascript"> var mystr = "Welcome to learn java script"; document.write("The Original Text is: ".bold().italics().fontcolor("#669900") + "<br />" + mystr); document.write("<br />" + "<br />" + "**************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); document.write("The Text in Lower Case: ".bold().italics().fontcolor("#666699") + "<br />" + mystr.toLowerCase()); document.write("<br />" + "<br />" + "************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); document.write("The Text with Font Size 20: ".bold().italics().fontcolor("#669900") + "<br />" + mystr.fontsize(20)); document.write("<br />" + "<br />" + "************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); document.write("The Text with Font Color Blue: ".bold().italics().fontcolor("#666699") + "<br />" + mystr.fontcolor("Blue")); document.write("<br />" + "<br />" + "************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); document.write("The Text after Replace a Word: ".bold().italics().fontcolor("#669900") + "<br />" + mystr.replace(/java script/,"php")); document.write("<br />" + "<br />" + "************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); document.write("The Index of the Word (learn): ".bold().italics().fontcolor("#666699") + "<br />" + mystr.indexOf("learn")); document.write("<br />" + "<br />" + "************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); document.write("The Index of the Word (Welcome): ".bold().italics().fontcolor("#669900") + "<br />" + mystr.indexOf("Welcome")); document.write("<br />" + "<br />" + "**************".fontcolor("#AAAAAA") +"<br />" + "<br />" ); var mydate = new Date; document.write("The Date Now is: ".bold().italics().fontcolor("#666699") + "<br />" + mydate); </script> </body> </html> ×^×^×^×^×^×^×^×^×^×^×
twinkle

20-08-2008, 02:50 PM	#7
S a R a	ريفان , ام يوسف , تونكل.. مااشااء الله حلوولكم صحيحة .. 100 % تونكل ماشاء الله عليييك على هالترتيب ..
S a R a

20-08-2008, 10:17 PM	#8
الهدهده	شرح رائع أ.ساره ...ماشاء الله شوي حست في حل الواجب بسبب الخطأ...أضعه حرف كبير وهو صغير والعكس حل الواجب : كود PHP: `<html> <body> <script type="text/javascript"> var t = "Welcome to learn java script"; document.write(t.toLowerCase().fontsize(20).fontcolor("blue")+ "<br>"); document.write(t.replace(/java script/,"PHP") +"<br>"); document.write("index of Wolcome is : " + t.indexOf("Wlecome") +"<br>"); document.write("index of learn is : " + t.indexOf("learn") + "<br>"); document.write(Date()); </script> </body> </html>` ماشاء الله عليك تونكل حلك مـــــــــرتب
الهدهده

13-10-2008, 08:10 AM	#9
شادل	حل الواجب .. . شكرا سارا .. كود PHP: `<html> <head> <script type="text/javascript"> var txt="Welcome to learn java script"; document.write(txt.toLowerCase()+ "<br />"); document.write(txt.fontsize(20)+ "<br />"); document.write(txt.fontcolor("blue")+ "<br />"); document.write(txt.replace(/java script/,"php")+ "<br />"); document.write(txt.indexOf("Welcome") + "<br />"); document.write(txt.indexOf("learn") + "<br />"); document.write(Date()); </script> </head> <body </body> </html>` .
شادل

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

الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
الموضوع لم يُقرأ بعد

JavaScript (الدرس السادس ) : // objects \\

فريق التعلم الذاتي لبناء المواقع