ﺉﺩﺎﺒﻣ ﺔﻐﻟ ﺖﺒﻳﺮﻜﺳ ﺎﻓﺎﳉﺍ

Arab British Academy for Higher Education. ‫ﻣﺒﺎﺩﺉ ﻟﻐﺔ ﺍﳉﺎﻓﺎ ﺳﻜﺮﻳﺒﺖ‬ JAVA SCRIPT -0- www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺍﶈﺘـﻮﻳــﺎﺕ‬ ‫‪ ‬ﻣﻘدﻣﺔ‬ ‫‪ ‬أﺳﺎﺳﻳﺎت ﻟﻐﺔ اﻟﺟﺎﻓﺎ ﺳﻛرﺑﺑت‬ ‫‪ ‬رﺳﺎﺋﻝ اﻟﺧطﺄ‬ ‫‪ ‬اﻟﻳوم واﻟوﻗت‬ ‫‪ ‬اﻟﻣﺗﻐﻳرات ﻓﻲ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت‬ ‫‪ ‬اﻟﻣﻌﺎﻣﻼت ﻓﻲ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت‬ ‫‪ ‬ﻋﺑﺎرات اﻟﺗﺣﻛم‬ ‫‪ ‬ﻋﺑﺎرات اﻟﺗﻛرار‬ ‫‪ ‬اﻟدواﻝ‬ ‫‪ ‬اﻟﻧﻣﺎذج‬ ‫‪ ‬اﻷﺣداث‬ ‫‪ ‬أﻣﺛﻠﺔ ﻣﺗﻧوﻋﺔ ﻣﺧﺗﺎرة‬ ‫‪ ‬ﻣﻬﻣـﺔ دراﺳﻳﺔ‬ ‫‪-1-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻣﻘﺪﻣﺔ‪:‬‬ ‫ﺳﻧﺣﺎوﻝ ﻓﻲ ﻫذا اﻟﻘﺳم اﻟﺗﻌرف ﻋﻠﻰ أﻫـم اﻟﻣﺑـﺎدئ اﻟﺧﺎﺻـﺔ ﺑﻠﻐـﺔ اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت‬ ‫وﻫﻲ ﻟﻳﺳت ﺻﻌﺑﺔ وﻛﻝ ﻣﺎ ﻋﻠﻳك ﻓﻌﻠﻪ ﻫو اﻹﺻرار ﻋﻠﻰ اﻟﺗﻌﻠم وﺗطﺑﻳق اﻷﻣﺛﻠﺔ اﻟﺗـﻲ‬ ‫ﺳﻧﺗطرق ﻟﻬﺎ وﻓﻬم ﺷرح أﺳﺎﺳﻳﺎت ﻫذﻩ اﻟﻠﻐﺔ‪ .‬ﺛم ﺑﻌد ذﻟك أطﻠق اﻟﻌﻧﺎن ﻟﻣﺧﻳﻠﺗك‪.‬‬ ‫اﻟﻌدﻳد ﻣن ﻟﻐﺎت اﻟﻧﺻوص وﻣﻧﻬﺎ اﻟﺟﺎﻓﺎ ﺳـﻛرﻳﺑت ﺗﺣـوﻝ ﻣوﻗـﻊ اﻟوﻳـب إﻟـﻰ ﻣوﻗـﻊ‬ ‫ﻳﺗﻔﺎﻋــﻝ ﻣــﻊ اﻟﻣــﺳﺗﺧدم ﻣــن ﺧــﻼﻝ إﺿــﺎﻓﺔ أزرار وﻧﻣــﺎذج ﺗﺄﺧــذ ﺑﻳﺎﻧــﺎت ﻣــن اﻟﻣــﺳﺗﺧدم‬ ‫وﺗﺣوﻟﻬ ــﺎ إﻟ ــﻰ ﻧﻣ ــﺎذج أﺧ ــرى أو ﺗرﺳ ــﻠﻬﺎ ﺑﺎﻟﺑرﻳ ــد اﻹﻟﻛﺗروﻧ ــﻲ أو ﺗﺟ ــري ﻋﻠﻳﻬ ــﺎ ﻋﻣﻠﻳ ــﺎت‬ ‫ﺣﺳﺎﺑﻳﺔ ﻟﻳﺳت ﺑـﺳﻳطﺔ إﻧﻬـﺎ ﺑﺎﺧﺗـﺻﺎر ﺗﺣـوﻝ اﻟـﺻﻔﺣﺔ إﻟـﻰ ﻣـﺎ ﻳـﺳﻣﻰ ﺑـﺻﻔﺣﺎت اﻟوﻳـب‬ ‫اﻟدﻳﻧﺎﻣﻳﻛﻳﺔ أو ﺻﻔﺣﺎت اﻟوﻳب اﻟﺗﻔﺎﻋﻠﻳﺔ ﻫو ﻣﺎﻻ ﺗﻘدﻣﻪ ﻟﻐﺔ ‪.HTML‬‬ ‫وﻻ ﻧﻧﺳﻰ ﻣن اﻟﻧﻘﺎط اﻟﻣﻬﻣﺔ اﻟﺗﻲ ﻳﺟب ﻣﻌرﻓﺗﻬﺎ أن ﺗﻧﻔﻳذ اﻟﺑرﻧـﺎﻣﺞ اﻟﻣﻛﺗـوب ﺑﻠﻐـﺔ‬ ‫‪ Java Script‬ﻫو ﻣن اﺧﺗﺻﺎص اﻟﻣﺗﺻﻔﺢ )‪ (Browser‬واﻟـذي ﻳﻧﻔـذﻫﺎ ﺳـطر ﺳـطر‬ ‫)وﻫــذا ﻣــﺎ ﻳطﻠــق ﻋﻠﻳــﻪ ‪ (Interpreter‬وﻟــﻳس ﻋــن طرﻳــق ﺗرﺟﻣﺗﻬــﺎ ﺗﺟﻣﻳﻌﻳــﺎً وﻫــذا ﻣــﺎ‬ ‫ﻳﺣدث ﻓﻲ ﻟﻐﺎت اﻟﺑرﻣﺟﺔ ﻋﺎﻟﻳﺔ اﻟﻣﺳﺗوى )وﻫذا ﻣﺎ ﻳطﻠق ﻋﻠﻳﻪ ‪.(Compiler‬‬ ‫ﻣﺎ ﻫﻲ اﻟﺑراﻣﺞ اﻟﺗﻲ ﺗﺣﺗﺎﺟﻬﺎ‪:‬‬ ‫اﻟﻣوﺿوع ﺑﻣﻧﺗﻬﻰ اﻟﺳﻬوﻟﺔ ﻓﻛﻝ ﻣﺎ ﺗﺣﺗﺎﺟﻪ ﻫو‪:‬‬ ‫‪ ‬ﻣﺣرر اﻟﻧﺻوص اﻟﻣرﻓق ﻣﻊ اﻟوﻳﻧدوز ) ‪.( Notepad‬‬ ‫‪ ‬ﻣﺗﺻﻔﺢ اﻹﻧﺗرﻧت اﻟﻣرﻓق ﻣﻊ ﻧظﺎم اﻟﺗﺷﻐﻳﻝ ﺳواء )‪ (Internet Explorer‬أو‬ ‫) ‪ ( Netscape‬أو أي ﻣﺗﺻﻔﺢ ﻳدﻋم ﻟﻐﺔ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت‪.‬‬ ‫ﻫذا ﻛﻝ ﻣﺎ ﺗﺣﺗﺎﺟﻪ‪.‬‬ ‫ﻣﻣﻳزات اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت‪:‬‬ ‫‪-2-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت ﺗﺧﺗﻠف ﻋن أﻏﻠب ﻟﻐﺎت اﻟﺑرﻣﺟﺔ اﻷﺧرى ﻓﻲ ﻛوﻧﻬﺎ ﺳﻬﻠﺔ‬ ‫اﻟﺗﺣﻛم‪ ،‬ﺣﺗﻰ ﻟﻸﺷﺧﺎص اﻟذﻳن ﻟم ﻳﻛﺗﺑوا ﺑﺄي ﻟﻐﺔ ﺑرﻣﺟﺔ أﺧر ى ﻓﻲ ﺣﻳﺎﺗﻬم ﻛﻠﻬﺎ‪.‬‬ ‫ﺑﻛﻝ ﺑﺳﺎطﺔ‪ ،‬اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت ﻫﻲ اﻟﻬواء ﻟﺻﻔﺣﺗك‪.‬‬ ‫‪ ‬ﺗوﻓر ﻟﻐﺔ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت اﻟﺗﻌﺎﻣﻝ ﻣﻊ اﻷﺣداث ‪events‬‬ ‫‪ ‬ﺗﻌﻣ ــﻝ ﻟﻐ ــﺔ اﻟﺟﺎﻓ ــﺎ ﺳ ــﻛرﻳﺑت ﻣ ــن ﺧ ــﻼﻝ ﺟﻣﻳ ــﻊ أﻧظﻣ ــﺔ اﻟﺗ ــﺷﻐﻳﻝ ﻣﺛ ــﻝ اﻟوﻳﻧ ــدوز‬ ‫واﻟﻠﻳﻧﻛس‪ ،‬ﻓﻬﻲ ﻻ ﺗﻌﺗﻣد ﻋﻠﻰ ﻧظﺎم اﻟﺗﺷﻐﻳﻝ ‪. Platform independent‬‬ ‫‪ ‬اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﻫـﻲ ‪ case sensitive language‬أي أن اﻟﻛﻠﻣـﺔ اﻟﻣﻛﺗوﺑـﺔ‬ ‫ﺑﺎﻟﺣروف اﻟﻼﺗﻳﻧﻳﺔ اﻟﺻﻐﻳرة ﺗﺧﺗﻠف ﻋن ﻧﻔس اﻟﻛﻠﻣﺔ ﻣﻛﺗوﺑﺔ ﺑﺎﻷﺣرف اﻟﻛﺑﻳرة‪.‬‬ ‫‪ ‬ﻳﻔﺗر ض اﻹﻟزام ﺑﺄن ﻳﻧﺗﻬﻲ ﻛﻝ ﺳطر ﺑﻔﺎﺻﻠﺔ ﻣﻧﻘوطﺔ‪.‬‬ ‫‪-3-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺃﺳﺎﺳﻴﺎﺕ ﻟﻐﺔ ﺍﳉﺎﻓﺎ ﺳﻜﺮﺑﺒﺖ‬ ‫اﻟﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت ﻫــﻲ ﺟــزء ﻳــﺗم وﺿــﻌﻪ داﺧــﻝ ﻟﻐــﺔ ‪ HTML‬ﻟزﻳــﺎدة ﻓﺎﻋﻠﻳﺗﻬــﺎ ﻓﻌﻧــد‬ ‫ﺗـﺻﻔﺢ ﻣوﻗـﻊ أو اﺳـﺗدﻋﺎء ﺻـﻔﺣﺔ ﻣﺣـددة ﻣﻛﺗـوب ﺑـداﺧﻠﻬﺎ ‪ Java Script code‬ﻳـﺗم‬ ‫إﻧ ازﻟــﻪ إﻟــﻰ ﺟﻬــﺎزك وﻋﻧــد ﺣــدوث ﺣــدث ﻣﻌــﻳن ﻣﺛــﻝ اﺳــﺗدﻋﺎء ﺑرﻧــﺎﻣﺞ ﺟﺎﻓــﺎ ﻟﻠﺗﻧﻔﻳــذ ﻋﻧــد‬ ‫اﻟ ــﺿﻐط ﻋﻠ ــﻰ زر ﻣﻌ ــﻳن أو ﻋﻧ ــد ﺣرﻛ ــﺔ ﻟﻠﻣ ــﺎوس ﻳ ــﺗم ﺗرﺟﻣ ــﺔ اﻟﺑرﻧ ــﺎﻣﺞ وﺗﻧﻔﻳ ــذﻩ ﺳ ــطر‬ ‫ﺑﺳطر ﺣﺗﻰ ﻳﻧﺗﻬﻲ ﻛﻣﺎ ذﻛرﻧﺎ ﺳﺎﺑﻘﺎً‪.‬‬ ‫اﻟﺷﻛﻝ اﻟﻌﺎم اﻟذي ﺳﻳﻛون ﻋﻠﻳﻪ ﺑرﻧﺎﻣﺞ ﺟﺎﻓﺎ ﺳﻛرﻳﺑت ‪:‬‬ ‫>‪</TITLE‬‬ ‫ﻳﺗم ﻫﻧﺎ وﺿﻊ ﻋﻧوان اﻟﺻﻔﺣﺔ‬ ‫>‪<HTML‬‬ ‫>‪<HEAD‬‬ ‫>‪<TITLE‬‬ ‫>”‪<SCRIPT LANGUAGE=”JAVASCRIPT‬‬ ‫ﺗﻌﻠﻳﻣﺎت اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت ﺗوﺿﻊ ﻫﻧﺎ‬ ‫>‪</SCRIPT‬‬ ‫>‪</HEAD‬‬ ‫>‪<BODY‬‬ ‫وأﻳﺿﺎ اﺳﺗدﻋﺎء ﺑرﻧﺎﻣﺞ اﻟﺟﺎف ﺗﻌﻠﻳﻣﺎت اﻟـ‪ HTML‬ﻳﺗم ﻛﺗﺎﺑﺗﻬﺎ ﻫﻧﺎ ﻓﻲ ﻫذﻩ اﻟﻣﻧطﻘﺔ‬ ‫ﺳﻛرﻳﺑت‬ ‫>‪</BODY‬‬ ‫>‪</HTML‬‬ ‫‪-4-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻣﻼﺣظﺎت‪:‬‬ ‫>”‪<SCRIPT LANGUAGE=”JAVASCRIPT‬‬ ‫ﻫذا اﻟﺳطر ﻳﺟب أن ﻳﻛون أوﻝ ﺳطر ﻓـﻲ أي ﻛـود )‪ (SCRIPT‬ﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﺣﻳـث‬ ‫أﻧﻪ ﻳﻧﺑﻪ اﻟﺟزء اﻟﺧﺎص ﺑﺗرﺟﻣﺔ اﻟـﺻﻔﺣﺔ ﺑـﺄن ﻣـﺎ ﺳـﻳﺗﺑﻊ ﻫـذا اﻷﻣـر ﻫـو ‪Java Script‬‬ ‫وأن ﻋﻠﻳﻪ اﻻﺳﺗﻌداد ﻟﺗﻧﻔﻳـذ ﺑرﻧـﺎﻣﺞ ﻳﺣﺗـوي ﻋﻠـﻰ ﺳـﺑﻳﻝ اﻟﻣﺛـﺎﻝ ﺟﻣﻠـﺔ ﺷـرطﻳﻪ )‪(if else‬‬ ‫أو ﺟﻣﻠﺔ ﺗﻛرار )‪ (Loop‬وﻏﻳرﻩ ﻣن اﻟﺟﻣﻝ واﻟﺗﻲ ﻳﺣﺗوي ﻋﻠﻳﻬﺎ أي ﺑرﻧﺎﻣﺞ‪.‬‬ ‫>‪</SCRIPT‬‬ ‫إذن ﻫذا ﻫـو آﺧـر ﺳـطر ﻓـﻲ أي ﻛـود ‪ SCRIPT‬وﻫـذﻩ اﻟﺧطـوة ﺗﻧﺑـﻪ اﻟﻣﺗـﺻﻔﺢ‬ ‫إﻟﻰ ﻧﻬﺎﻳﺔ اﻟﻛود ﻛﻣﺎ ﻫو ﻣوﺿﺢ ﻓﻲ اﻟﺷﻛﻝ اﻟﻌﺎم‪ ،‬ﻟﻧﺄﺧذ ﻣﺛﺎﻝ ﻟﻛﻲ ﺗﺗﺿﺢ اﻟرؤﻳﺎ‪.‬‬ ‫ﻣﺛﺎﻝ ﺑﺳﻳط‪:‬‬ ‫ﻓﻲ اﻟﺑداﻳﺔ ﺳوف ﻧﻘوم ﺑﺷرح ﻫذا اﻟﻛود ﺛم ﻧﻘوم ﺑﺷرح ﺧطوات ﺗﻧﻔﻳذﻩ ﻻﺣﻘﺎً‪.‬‬ ‫>‪<html‬‬ ‫>‪<head‬‬ ‫>‪<title>First Example</title‬‬ ‫>‪</head‬‬ ‫>‪<body bgcolor=#f0f0f0‬‬ ‫>"‪<SCRIPT LANGUAGE="javascript‬‬ ‫‪document.write("<FONT COLOR='Red'>Welcome in‬‬ ‫)">‪Academy</FONT‬‬ ‫>‪</Script‬‬ ‫>‪</body‬‬ ‫>‪</html‬‬ ‫ﻓﻳظﻬر ﻋﻠﻰ اﻟﻣﺳﺗﻌرض ﻋﻠﻰ اﻟﺷﻛﻝ اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪-5-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫‪ ‬أوﻻً ﻳــﺗم وﺿــﻊ ‪ tag‬اﻟﻣــﺳﻣﻰ واﻟــذي ﻳــدﻝ ﻋﻠــﻰ ﺑداﻳــﺔ اﻟــﺻﻔﺣﺔ >‪ <html‬واﻟـ ـ‬ ‫‪ </html> tag‬واﻟـذي ﻳـدﻝ ﻋﻠـﻰ ﻧﻬﺎﻳـﺔ اﻟـﺻﻔﺣﺔ وﻳـﺗم وﺿـﻊ ﺑـﺎﻗﻲ اﻷواﻣـر‬ ‫ﻟﻐﺔ ‪.HTML‬‬ ‫‪ <head> ‬و>‪ </head‬ﻳوﺿ ــﻊ ﺑﻳﻧﻬﻣ ــﺎ ﻋﻧـ ـوان اﻟ ــﺻﻔﺣﺔ‪ .‬وأﻣ ــﺎ ﺑﺎﻟﻧ ــﺳﺑﺔ ﻟ ـ ـ‬ ‫>‪ <title‬و >‪ </title‬ﺗﺗ ــﻳﺢ ﻟ ــك ﻫ ــذﻩ اﻟﻌﻼﻣ ــﺔ أن ﺗﻌط ــﻲ اﻟ ــﺻﻔﺣﺔ ﻋﻧواﻧ ــﺎ‬ ‫واﺿــﺣﺎ ﻣﻣﻳ ـ از وﻳظﻬــر ﻫــذا اﻟﻌﻧ ـوان ﻋﻠــﻰ ﻧﺎﻓــذة اﻟﻣــﺳﺗﻌرض وﻳﺟــب أن ﻳﺣﺗــوي‬ ‫ﻋﻠﻰ اﻟﻌﻧوان ﻋﻠﻰ ﺣروف وأرﻗﺎم ﻓﻘط‪.‬‬ ‫‪ <body bgcolor=#f0f0f0> ‬و>‪ </body‬ﺣﻳـث ﻳـﺗم ﻛﺗﺎﺑـﺔ داﺧـﻝ ﻫـذا‬ ‫اﻟﺟــزء ﻣﺣﺗوﻳــﺎت ﺻــﻔﺣﺔ اﻟوﻳــب اﻟﻔﻌﻠﻳــﺔ ﻣﺛــﻝ اﻟﺟــداوﻝ واﻟﻧﻣــﺎذج واﻟــﺻور واﻟﺗــﻲ‬ ‫ﺳ ــﻳراﻫﺎ اﻟ ــزوار ﻟﻬ ــذﻩ اﻟ ــﺻﻔﺣﺔ أﻣ ــﺎ ﺟزﺋﻳ ــﺔ ‪ bgcolor=#f0f0f0‬ﻓﻬ ــﻲ ﺗﻘ ــوم‬ ‫ﺑوﺿ ــﻊ ﻟ ــون ﻟ ــﺻﻔﺣﺔ اﻟوﻳ ــب وأن اﻟﻘﻳﻣ ــﺔ ‪ #f0f0f0‬ﻫ ــﻲ ﻗﻳﻣ ــﺔ اﻟﻠ ــون ﺑﺎﻟﻧظ ــﺎم‬ ‫اﻟﺳت ﻋﺷري‪.‬‬ ‫‪-6-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫‪ Javascript ‬ﻫـ ـ ـذا اﻟ ـ ــﺳطر ﻳﺟ ـ ــب أن ﻳﻛ ـ ــون أوﻝ ﺳ ـ ــطر ﻓ ـ ــﻲ أي ﻛ ـ ــود ﺟﺎﻓ ـ ــﺎ‬ ‫ﺳﻛرﻳﺑت ﺣﻳث أﻧﻪ ﻳﻧﺑـﻪ اﻟﻣﺗـﺻﻔﺢ ﺑـﺄن ﻣـﺎ ﺳـﻳﺗﺑﻊ ﻫـذا اﻷﻣـر ﻫـو ‪Javascript‬‬ ‫ﻛﻣﺎ ﺗم ﺷرﺣﻪ ﻓﻲ اﻟﺻﻔﺣﺔ اﻟﺳﺎﺑﻘﺔ‪.‬‬ ‫‪ ‬اﻟﻌﺑﺎرة‪:‬‬ ‫)">‪document.write("<FONT COLOR='Red'>Welcome To Java script</FONT‬‬ ‫و ﻓﻲ ﻫذا اﻟـﺳطر ﻳـﺗم اﺳـﺗﺧدام اﻟﻛـﺎﺋن )‪ (document‬وذﻟـك ﻟﻛﺗﺎﺑـﺔ ﻋـن طرﻳـق اﻟداﻟـﺔ‬ ‫)‪ (write‬ﻣﺎ ﺑداﺧﻝ اﻷﻗواس‪ .‬وﻣﺎ ﺑداﺧﻝ اﻷﻗواس ﻫو ﻋﺑﺎرة ﻋن أﻣر ﻋﺎدي ﻣن أواﻣـر‬ ‫‪ HTML‬اﻟذي ﻳﺄﻣر اﻟﻣﺗﺻﻔﺢ ﺑﺈظﻬﺎر اﻟﺟﻣﻠﺔ‪:‬‬ ‫" ‪ " Welcome To Java script‬ﺑــﺎﻟﻠون اﻷﺣﻣــر‪ .‬إذن ﻓــﺈن ﻣــن ﻗــﺎم ﺑــﺄﻣر‬ ‫اﻟﻣﺗﺻﻔﺢ ﺑﺈظﻬﺎر اﻟﺟﻣﻠﺔ ﺑـﺎﻟﻠون اﻷﺣﻣـر ﻫـو اﻟ ـ ‪ HTML‬وﻟـﻳس اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت‪.!!..‬‬ ‫وﻟﻛﻧﻧﺎ ﻫﻧﺎ ﻋرﻓﻧﺎ أﻧﻪ ﻣن اﻟﻣﻣﻛن ﻛﺗﺎﺑﺔ أواﻣر اﻟـ ‪ HTML‬داﺧﻝ أواﻣر اﻟﺟﺎﻓﺎ ﺳـﻛرﻳﺑت‬ ‫‪ ،‬ﻳﺟب أن ﺗﺿﻊ ﻫذﻩ اﻟﻣﻌﻠوﻣﺔ ﻓﻲ ذاﻛرﺗك‪.‬‬ ‫‪ </Script> ‬وﻫو اﻟذي ﻳدﻝ اﻟﻣﺗﺻﻔﺢ أﻧﻪ ﻧﻬﺎﻳﺔ ﺑرﻧﺎﻣﺞ اﻟﺟﺎف ﺳﻛرﻳﺑت‪.‬‬ ‫‪ ‬ﻳــﺗم إﻏــﻼق ﺟــﺳم اﻟــﺻﻔﺣﺔ >‪ <body‬ﺑﺎﺳــﺗﺧدام >‪ </body‬وأﻳــﺿﺎ ﻳــﺗم ﻏﻠــق‬ ‫اﻟﻛود اﻟﺧﺎص ﺑﺎﻟﺻﻔﺣﺔ >‪ <html‬ﺑﺎﺳﺗﺧدام >‪.</html‬‬ ‫ﻣﻼﺣظﺎت ﻳﺟب ﻣراﻋﺎﺗﻬﺎ ‪:‬‬ ‫ﻻﺣظ ﻫﻧﺎ ﺟﻳدا ﺷﻛﻝ اﻷﻣر ‪:‬‬ ‫)">‪document.write("<FONT COLOR='Red'>Welcome To Java script</FONT‬‬ ‫ﺷﻛﻝ اﻷﻣر ﻫﻛذا وﻳﺟب أن ﻳﻛـون داﺋﻣـﺎ ﻫﻛـذا‪ ...‬دﻋﻧـﺎ ﻧﻔـرض أﻧـك ﻧـﺳﺧت ﻫـذا اﻟﻛـود‬ ‫)‪ (SCRIPT‬وﻟ ــﺻﻘﺗﻪ ﻓ ــﻲ ﻣﻌ ــﺎﻟﺞ ﻧ ــﺻوص ذو ﺣ ــدود ﺿ ــﻳﻘﺔ‪ ...‬ﺑﻣﻌﻧـ ـﻰ أﻧ ــك ﻋﻧ ــدﻣﺎ‬ ‫ﻟﺻﻘﺗﻪ ظﻬر ﻫﻛذا ‪:‬‬ ‫‪-7-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫‪write("<FONT COLOR='Red'>Welcome To .document‬‬ ‫>‪Java script</FONT‬‬ ‫)"‬ ‫ﻓﻲ ﻫذﻩ اﻟﺣﺎﻟﺔ أﻧت ﻏﻳرت ﺷـﻛﻝ اﻷﻣـر )ﻻﺣـظ أن اﻟﻘـوس اﻟـذي ﻳﻧﻬـﻲ اﻷﻣـر ﻗـد أﻧﺗﻘـﻝ‬ ‫ﺳ ــط ار ﻷﺳ ــﻔﻝ( وﻟ ــن ﻳﻌﻣ ــﻝ ﻫ ــذا اﻟﻛ ــود وﻳﻛ ــون ﻗ ــد ﺣ ــدث ﺧط ــﺄ‪.‬إذا ﻓﻔ ــﻲ أﻛ ــود اﻟﺟﺎﻓ ــﺎ‬ ‫ﺳﻛرﻳﺑت ﻳﺟب ﻣراﻋﺎة اﻟﺷﻛﻝ واﻟﻣﺳﺎﻓﺎت ﻋﻠﻰ ﻋﻛس اﻟـ‪.HTML‬‬ ‫ﻻﺣظ أﻳﺿﺎً‪:‬‬ ‫‪To‬‬ ‫‪COLOR='Red'>Welcome‬‬ ‫‪Document.write("<FONT‬‬ ‫)">‪Java script</FONT‬‬ ‫إن اﺧﺗﻼف طرﻳﻘﺔ ﻛﺗﺎﺑﺔ اﻷﺣرف ﺗؤﺛر أﻳﺿﺎً ﻋﻠﻰ اﻟﻧﺗﺎﺋﺞ‪ ...‬ﺟرب ﺑﻧﻔﺳك‪...‬‬ ‫ﻧﺗﻳﺟﺔ ﻣﺎ ﺳﺑق‪:‬‬ ‫ﻋﻧد ﻛﺗﺎﺑﺔ ﻛود ﺟﺎﻓﺎ ﺳﻛرﻳﺑت ﻳﺟب أن ﻧﺑدأ داﺋﻣﺎ ﺑـﺎﻟﺟﻣﻠﺔ اﻟﺗﺎﻟﻳﺔ ‪:‬‬ ‫‪‬‬ ‫>"‪<SCRIPT LANGUAGE="javascript‬‬ ‫وﻳﻧﺗﻬﻲ ﺑﺎﻟﺟﻣﻠﺔ اﻟﺗﺎﻟﻳﺔ ‪:‬‬ ‫>‪</SCRIPT‬‬ ‫ﺑﻳن ﻋﻼﻣﺗﻲ اﻟﺗﻧﺻﻳص اﻟﻣزدوﺟﺔ اﺳﺗﺧدم ﻋﻼﻣﺎت ﺗﻧﺻﻳص ﻣﻔردة ﻋﻧد‬ ‫‪‬‬ ‫اﻟﺣﺎﺟﺔ‪.‬‬ ‫‪ ‬أﺣد أﺷﻛﺎﻝ اﻷﻣر ﻓﻲ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت ﻫو ‪:‬‬ ‫أن ﻧﺑــدأ ﺑﺎﻟﻛــﺎﺋن )‪ (Object‬اﻟــذي ﻧرﻳــد إﺟـراء اﻷﻣـ ـر ﻋﻠﻳــﻪ ﺛــم ﺑﻌــد اﻟﻛــﺎﺋن ﻳــﺄﺗﻲ اﻟــﻧﻬﺞ‬ ‫)‪ (Method‬اﻟــذي ﻧرﻳــد ﺗطﺑﻳﻘــﻪ ﻋﻠـﻰ اﻟﻛــﺎﺋن‪ ..‬وﻳﺗﺑــﻊ اﻟــﻧﻬﺞ داﺋﻣــﺎ أﻗـواس ﺗﺣﺗــوي ﻋﻠــﻰ‬ ‫ﻣﺎ ﺳﻳﺣدث ﻓﻲ اﻟﻛﺎﺋن )‪ (Object‬ﻋﻧد ﺗطﺑﻳق اﻟﻧﻬﺞ )‪ (Method‬ﻋﻠﻳﻪ‪ .‬ﻓـﻲ ﻣﺛﺎﻟﻧـﺎ‪...‬‬ ‫اﻟﻛﺎﺋن ﻫـو )‪ (document‬واﻟـﻧﻬﺞ ﻫـو )‪ .....(write‬إذاً ﻋﻧـدﻣﺎ ﻧرﻳـد ﻛﺗﺎﺑـﺔ ﺷـﻲء ﻓـﻲ‬ ‫‪-8-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺻـﻔﺣﺔ اﻟوﻳــب ﻧــﺳﺗﺧدم اﻟــﻧﻬﺞ )‪ (write‬داﺋﻣـﺎ وﻧــﺿﻊ ﺑــﻳن اﻷﻗـواس ﻣـﺎ ﻧرﻳــد ﻛﺗﺎﺑﺗــﻪ ﻓــﻲ‬ ‫اﻟﺻﻔﺣﺔ‪.‬‬ ‫واﻵن ﺟﺎء وﻗت ﺗﻧﻔﻳذ اﻟﻣﺛﺎﻝ ﻋﻣﻠﻳﺎً ‪:‬‬ ‫اﻟﻣوﺿــوع ﻓــﻲ ﻣﻧﺗﻬــﻰ اﻟ ـﺳﻬوﻟﺔ ﻗــم ﺑﺄﻋــداد اﻟﻛــود أو أﻧﻘﻠــﻪ إﻟــﻰ اﻟﻣﻔﻛ ـرة ) ‪( Notpad‬‬ ‫وﻫﻲ ﻣﺣرر اﻟﻧﺻوص اﻟﻣرﻓق ﻣﻊ اﻟوﻳﻧدوز‪.‬‬ ‫في ھذه المنطقة‬ ‫يتم كتابة الـ‬ ‫‪ code‬الخاص‬ ‫بالصفحة‬ ‫ﺛ ــم اﺣﻔ ــظ اﻟﻣﻠ ــف ﻗ ــم ﺑﺗﻐﻳﻳ ــر اﻣﺗ ــداد اﻟﻣﻠ ــف ﻣ ــن اﻻﻣﺗ ــداد ‪ txt‬إﻟ ــﻰ اﻻﻣﺗ ــداد ‪ htm‬أو‬ ‫اﻻﻣﺗداد ‪.html‬‬ ‫يتم كتابة اسم‬ ‫الملف مع االمتداد‬ ‫‪-9-‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫إذا ﺗﺣوﻝ ﺷﻛﻝ أﻳﻘوﻧﺔ ﻣـن ﺷـﻛﻝ أﻳﻘوﻧـﺔ اﻟﻣﻔﻛـرة )‪ (Notpad‬إﻟـﻰ ﺷـﻛﻝ أﻳﻘوﻧـﺔ ﻣﺗـﺻﻔﺢ‬ ‫اﻹﻧﺗرﻧت اﻟـذي ﺗـﺳﺗﺧدﻣﻪ ﻛﻣـﺎ ﻓـﻲ اﻟـﺷﻛﻝ اﺳـﻔﻝ اﻟـﺻﻔﺣﺔ )ﻓـﻲ اﻟﻣﺛـﺎﻝ اﺧﺗرﻧـﺎ اﻟﻣﺗـﺻﻔﺢ‬ ‫إﻧﺗرﻧت إﻛﺳﺑﻠورر( ﻓﻣﻌﻧﻰ ذﻟك أن اﻟﻌﻣﻠﻳﺔ ﻧﺟﺣت ﻓﻘـط اﻓـﺗﺢ اﻟﻣﻠـف ﺑﻣﺗـﺻﻔﺢ اﻹﻧﺗرﻧـت‬ ‫وﺳﻳﺗم اﻟﺗﻧﻔﻳذ‪.‬‬ ‫شكل الملف الذي امتداده ‪html‬‬ ‫شكل الملف الذي امتداده ‪txt‬‬ ‫أﻣــﺎ ﻋﻣﻠﻳــﺔ اﻟﺗﻌــدﻳﻝ ﻓﻬــﻲ اﺑــﺳط ﻣﻣــﺎ ﺳــﺑق ﻟﻧﻔــرض أﻧــك ﺗــﺳﺗﺧدم إﻧﺗرﻧــت اﻛــﺳﺑﻠورر وﻟــم‬ ‫ﻳﻌﺟﺑك ﺗﻧﻔﻳذ ﺑرﻧﺎﻣﺟك أو ﺗرى ﺗﻌـدﻳﻝ ﺷـﺊ أو إﺿـﺎﻓﺔ ﺷـﺊ آﺧـر ﻟﺗﺣـﺳﻳن أداء اﻟﺑرﻧـﺎﻣﺞ‬ ‫ﻳﺗم ذﻟك ﻋن طرﻳق ﻓﺗﺢ اﻟﻣﺗﺻﻔﺢ اﻟذي ﺗﺳﺗﺧدﻣﻪ وﻣن اﻟﻘﺎﺋﻣﺔ اﻟﻣﻧـﺳدﻟﺔ ﻧﺧﺗـﺎر اﻟﻘﺎﺋﻣـﺔ‬ ‫ﻋ ــرض ﺛ ــم ﻧﺧﺗ ــﺎر اﻷﻣ ــر ﻋ ــرض اﻟﻣ ــﺻدر أﻣ ــﺎ إذا ﻛ ــﺎن اﻟﻣﺗ ــﺻﻔﺢ ﺑﺎﻟﻠﻐ ــﺔ اﻹﻧﺟﻠﻳزﻳ ــﺔ‬ ‫ﻓﺳﻳﻛون اﺧﺗﻳﺎر اﻟﻘﺎﺋﻣﺔ اﻟﻣﻧﺳدﻟﺔ ‪ View‬ﺛم ﻧﺧﺗﺎر اﻷﻣر ‪.source‬‬ ‫ما سيظھر عند تنفيذ العبارة‬ ‫"(‪document.write‬‬ ‫‪<FONTCOLOR='Re‬‬ ‫‪d'>Welcome To‬‬ ‫‪Java‬‬ ‫)">‪script</FONT‬‬ ‫الزر عرض‬ ‫ﺗﻔــﺗﺢ اﻟﻣﻔﻛـرة )‪ (Notpad‬آﻟﻳــﺎ وﻳظﻬــر ﻟــك اﻟﻛــود اﻟــذي ﻛﺗﺑﺗــﻪ ﻗــم ﺑﻌﻣــﻝ اﻟﺗﻌــدﻳﻝ واﺣﻔــظ‬ ‫اﻟﻣﻠف ﺑﺎﻟﻣﻔﻛرة )‪ (Notpad‬ﺛم اﻏﻠق اﻟﻣﻔﻛرة )‪.(Notpad‬‬ ‫‪- 10 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻋﻠــﻰ اﻟﻣﺗــﺻﻔﺢ واﻟــذي ﻣــن اﻟﻣﻔﺗــرض أن ﺻــﻔﺣﺗك اﻟﺗــﻲ ﺗﺣــوي اﻟﺑرﻧــﺎﻣﺞ ﻣﺎ ازﻟــت‬ ‫ظﺎﻫرة أﻣﺎﻣك ﺑﺎﻟطﺑﻊ ﻗﺑﻝ اﻟﺗﻌدﻳﻝ ﻗم ﺑﺿﻐط أﻳﻘوﻧﺔ ‪ Refresh‬أو ﻣﻔﺗﺎح ‪ F5‬أو ﻣن‬ ‫ﻗﺎﺋﻣــﺔ ﻋــرض اﻟﻣوﺟــودة ﻓــﻲ أﻋﻠــﻰ اﻟﻣﺗــﺻﻔﺢ ﻧﺧﺗــﺎر أﻣــر ﺗﺣــدﻳث ﺳــﻳﺗم ﺗﺣﻣﻳــﻝ اﻟﻧــﺳﺧﺔ‬ ‫اﻟﻣﻌدﻟﺔ‪.‬‬ ‫‪- 11 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺭﺳﺎﺋﻞ ﺍﳋﻄﺄ‬ ‫ﺗﺣــدث ﻓــﻲ اﻟﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت رﺳــﺎﺋﻝ اﻟﺧطــﺄ ﻛﺛﻳــرة‪ .‬ﻓﻛﻠﻣــﺎ ﺑﻧﻳــت ﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت‬ ‫ووﺿــﻌﺗﻪ ﻓــﻲ ﺻــﻔﺣﺔ اﻟوﻳــب وظﻧﻧــت أن ﻛــﻝ ﺷــﻲء ﻋﻠــﻰ ﻣــﺎ ﻳ ـرام‪ ...‬ﻓﺟــﺄة ﺗﺟــد أﺣــد‬ ‫رﺳﺎﺋﻝ اﻟﺧطﺄ ظﺎﻫرة أﻣﺎﻣك وﺗؤﻛد ﻟك أن ﻫﻧﺎك ﺷﻲء ﻟﻳس ﻋﻠﻰ ﻣﺎ ﻳرام‪.‬‬ ‫ﻫﻧ ـ ــﺎك ﻧوﻋ ـ ــﺎن رﺋﻳ ـ ــﺳﻳﺎن ﻣ ـ ــن اﻷﺧط ـ ــﺎء اﻟﺗ ـ ــﻲ ﻳﻣﻛ ـ ــن أن ﺗﺣ ـ ــدث ﻓ ـ ــﻲ اﻟﺟﺎﻓ ـ ــﺎ‬ ‫ﺳــﻛرﻳﺑت‪ ...‬ﻫﻣــﺎ‪ :‬اﻷﺧطــﺎء اﻟﺗــﻲ ﺗﻧــﺗﺞ ﻋــن ﺧطــﺄ ﻓــﻲ اﻟﻛﺗﺎﺑــﺔ ﻛﺎﻷﺧطــﺎء اﻹﻣﻼﺋﻳــﺔ أو‬ ‫أﻧك وﺿﻌت ﻋﻼﻣﺔ ﺗﻧﺻﻳص ﻣزدوﺟﺔ ﺑﻳﻧﻣﺎ ﻛﺎن ﻳﺟـب وﺿـﻊ ﻋﻼﻣـﺔ ﻣﻔـردة‪ ..‬وﺗـﺳﻣﻰ‬ ‫ﺗﻠــك اﻷﺧطــﺎء )‪ (& Syntax errors‬أو اﻷﺧطــﺎء اﻟﻧﺎﺗﺟــﺔ ﻋــن اﺳــﺗﺧدام أﻣــر ﻓــﻲ‬ ‫ﻏﻳـ ـ ــر ﻣوﺿـ ـ ــﻌﻪ ﺑﺣﻳـ ـ ــث ﻳﻛـ ـ ــون ﻏﻳـ ـ ــر ﻣﺗﻧﺎﺳـ ـ ــق ﻣـ ـ ــﻊ ﺑـ ـ ــﺎﻗﻲ أواﻣـ ـ ــر اﻟﻛـ ـ ــود وﺗـ ـ ــﺳﻣﻲ‬ ‫)‪ .(Run-Time errors‬أﻳــﺎً ﻛــﺎن ﻧــوع اﻟﺧطــﺄ ﻓﻛﻼﻫﻣــﺎ ﻳﻌﻧــﻲ أن ﻫﻧــﺎك ﺷــﻲء ﻟــﻳس‬ ‫ﻋﻠﻰ ﻣﺎ ﻳرام‪.‬‬ ‫ﻫﻧﺎك اﻟﻌدﻳد ﻣن اﻟﺑراﻣﺞ اﻟﺟﺎﻫزة اﻟﺗﻲ ﺗﻣﻛﻧك ﻣن ﻣﻌﺎﻟﺟﺔ ﺗﻠك اﻷﺧطﺎء‪ .‬وﻟﻛﻧﻲ‬ ‫أﻓﺿﻝ أن ﺗﻔﻌﻝ ذﻟك ﺑﻧﻔﺳك ﻓﻬﻲ ﻓﻲ اﻟﺣﻘﻳﻘﺔ أﺳﻬﻝ ﻣﻣﺎ ﺗظن‪.‬‬ ‫ﻛﻳف ﻧﻌﺎﻟﺞ وﻧﺗﻼﻓﻰ اﻷﺧطﺎء ؟‬ ‫ﻳﻘــﺎﻝ أن أﻓــﺿﻝ طرﻳﻘــﺔ ﻟﻣﻌﺎﻟﺟــﺔ اﻷﺧطــﺎء ﻫــو ﺗﻼﻓﻳﻬــﺎ‪ .‬ﻋﻠــﻰ ﻛــﻝ ﺣــﺎﻝ ﻳﻣﻛﻧــك‬ ‫ﺗﻘﻠﻳ ــﻝ اﺣﺗﻣ ــﺎﻻت ظﻬ ــور اﻟﺧط ــﺄ ﺑ ــﺄن ﺗ ــﺳﺗﺧدم ﻣﺣ ــرر ﻧ ــﺻوص )اﻟ ــذي ﺗ ــﺳﺗﺧدﻣﻪ ﻓ ــﻲ‬ ‫ﺗﺣرﻳــر اﻟــ ‪ ( HTML‬ﻟﻳــﺳت ﻟــﻪ ﺣــدود‪ .‬ﺑﻣﻌﻧـﻰ أﻧــﻪ ﻋﻧــد ﻛﺗﺎﺑــﺔ أﻣــر ﻣــن أواﻣــر اﻟﺟﺎﻓــﺎ‬ ‫ﺳﻛرﻳﺑت ﻻ ﻳﻧﺗﻘﻝ ﺟزء ﻣن اﻷﻣر ﻟﻠﺳطر اﻟﺗﺎﻟﻲ ﻧظـ اًر ﻟـﺿﻳق ﺣـدود ﻣﺣـرر اﻟﻧـﺻوص‪.‬‬ ‫إذن أﻛﺗب ﻛﻝ أﻣر ﻣن أواﻣر اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﻓـﻲ ﺳـطر واﺣـد ﻓـﻼ ﻳوﺟـد داﻋـﻲ ﻟﺗﻘـﺳﻳم‬ ‫اﻷﻣــر اﻟطوﻳــﻝ ﻧــﺳﺑﻳﺎً ﻋﻠ ـﻰ ﺳــطرﻳن ﻓــذﻟك ﻳﻣﻛــن أن ﻳــؤدي ﻟﻠﻌدﻳــد ﻣــن اﻷﺧطــﺎء‪ .‬إذا‬ ‫أﺧــذت ذﻟــك ﻓــﻲ اﻻﻋﺗﺑــﺎر ﺗﻛــون ﻗــد ﺗﻼﻓﻳــت اﻟﻌدﻳــد ﻣــن رﺳــﺎﺋﻝ اﻟﺧطــﺄ اﻟﺗــﻲ ﻳﻣﻛــن أن‬ ‫ﺗﺿﺎﻳﻘك‪.‬‬ ‫‪- 12 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻧﺄﺗﻲ اﻵن ﻟﻛﻳﻔﻳﺔ ﻋﻼج اﻷﺧطﺎء‪ ..‬أﺟﻣﻝ ﺷﻲء ﻓـﻲ أﺧطـﺎء اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﻫـﻲ‬ ‫أﻧﻪ ﻋﻧد ﺣدوث ﺧطﺄ ﻣﺎ ﻳظﻬر ﻟك ﺻﻧدوق رﺳﺎﺋﻝ ﻳوﺿﺢ ﻟك ﻣﺎ ﻫو اﻟﺧطـﺄ وأﻳـن وﻗـﻊ‬ ‫ذﻟك اﻟﺧطﺄ )ﻓﻘط ﻣﻊ ﻣﺗﺻﻔﺢ ﻧﻳﺗﺳﻛﻳب(‪ .‬ﺣﻳث ﻳوﺿـﺢ ﻟـك رﻗـم اﻟـﺳطر اﻟـذي وﻗـﻊ ﻓﻳـﻪ‬ ‫اﻟﺧطﺄ‪ ..‬وﻟﻛﻲ ﺗﺻﻝ ﻟﻠﺳطر اﻟذي وﻗﻊ ﺑﻪ اﻟﺧطﺄ أﺑـدأ ﻋـد اﻟـﺳطور ﻣـن أوﻝ ﺳـطر ﻓـﻲ‬ ‫اﻟ ـ ‪ HTML‬وﻟــﻳس ﻣــن أوﻝ ﺳـطر ﻓــﻲ اﻟﺟﺎﻓــﺎ ﺳـﻛرﻳﺑت ﻣــﻊ ﻋــد ﺟﻣﻳـﻊ اﻷﺳــطر ﺷــﺎﻣﻠﺔ‬ ‫اﻟﺳطور اﻟﺑﻳﺿﺎء‪.‬‬ ‫اﻷﺧطﺎء اﻟﻣرﻛﺑﺔ‪:‬‬ ‫ﻓﻲ ﺑﻌض اﻷﺣﻳﺎن ﺗظﻬر أﻣﺎﻣك اﻟﻌدﻳد ﻣـن رﺳـﺎﺋﻝ اﻟﺧطـﺄ اﻟﻣﺗﺗﺎﺑﻌـﺔ ﻋﻧـد ﺗﺣﻣﻳـﻝ‬ ‫ﺻــﻔﺣﺔ اﻟوﻳــب اﻟﺣﺎوﻳــﺔ ﻋﻠــﻰ ﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت‪ .‬وﻟــﻳس ﻣﻌﻧــﻰ ذﻟــك ﺑﺎﻟــﺿرورة أن ﻫﻧــﺎك‬ ‫اﻟﻌدﻳد ﻣن اﻷﺧطﺎء ﻓﻲ أواﻣـر اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت‪ ..‬ﻓرﺑﻣـﺎ ﻛﺎﻧـت ﻛـﻝ ﻫـذﻩ اﻷﺧطـﺎء ﻧﺗﻳﺟـﺔ‬ ‫ﻟﺣــدوث اﻷﺧطــﺎء ﻓــﻲ اﻟــﺳطور اﻷوﻟـﻰ‪ .‬ﻟــذﻟك ﻋــﺎﻟﺞ اﻷﺧطــﺎء ﻓــﻲ اﻟﻛــود )‪(SCRIPT‬‬ ‫ﺑﺎﻟﺗرﺗﻳــب ﻣــن أﻋﻠ ـﻰ إﻟــﻰ أﺳــﻔﻝ‪ .‬ﻓﻔــﻲ ﻛﺛﻳــر ﻣــن اﻷﺣﻳــﺎن ﺗظﻬــر ﻟ ـك ‪ 20‬رﺳــﺎﻟﺔ ﺧطــﺄ‬ ‫وﻋﻧدﻣﺎ ﺗﻌﺎﻟﺞ أوﻝ ﺧطﺄ ﺗﺟد ﻧﻔﺳك ﻗد ﻋﺎﻟﺟت ﺟﻣﻳﻊ اﻟﻣﺷﻛﻼت‪.‬‬ ‫ﻻ ﻳوﺟـ ــد ﻣـ ــﺎ ﻳﻣﻛـ ــن أن ﻳﻘـ ــﺎﻝ ﻋـ ــن اﻷﺧطـ ــﺎء ﺣﺎﻟﻳـ ــﺎ أﻛﺛـ ــر ﻣـ ــن ذﻟـ ــك ﻓﺄﻧـ ــت اﻵن‬ ‫أﺻــﺑﺣت ﺗﻌــرف ﻛﻳــف ﺗﻌــﺎﻟﺞ ‪ %99‬ﻣــن اﻟﻣـﺷﻛﻼت واﻷﺧطــﺎء اﻟﺗــﻲ ﻳﻣﻛــن أن ﺗﺣــدث‪.‬‬ ‫ﻓﻘط ﺗذﻛر داﺋﻣﺎ أﻧﻪ ﻻﺑد ﻣن ﺣدوث أﺧطﺎء ﻓﺈذا ﻟم ﺗظﻬـر ﻟـك أي رﺳـﺎﻟﺔ ﺧطـﺄ ﻓﻬـذا ﻻ‬ ‫ﻳﻌﻧﻲ إﻻ أﻧك ﻗد ﺗرﻛت اﻟﺻﻔﺣﺔ ﺑﻳﺿﺎء ﻟﻳس ﺑﻬﺎ ﺷﻲء‪.‬‬ ‫‪- 13 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺍﻟﻴﻮﻡ ﻭﺍﻟﻮﻗﺖ‬ ‫ﻫــﻝ ﺗﻌﻠــم ﻣــﺎ ﻫــو أﺟﻣــﻝ ﺷــﻲء ﻓــﻲ اﻟﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت ؟ ‪ ...‬أﺟﻣــﻝ ﺷــﻲء ﻫــو ﻛﺛ ـرة‬ ‫اﻷدوات اﻟﻣﺗواﺟــدة و اﻟﺗــﻲ ﻳﻣﻛﻧــك أن ﺗــﺳﺗﻐﻠﻬﺎ وﺗظﻬرﻫــﺎ ﻓــﻲ ﺻــﻔﺣﺗك ‪.‬وﺳــوف ﻧﺗﻌــرف‬ ‫ﻋﻠﻰ ﻣﻌظم ﺗﻠك اﻷدوات واﻟﺗﻲ ﺳﺗﻣﻛﻧﻧﺎ ﻣن اﺳـﺗﺧدام اﻟﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﻓـﻲ ﻋﻣـﻝ اﻟﻛﺛﻳـر‬ ‫ﻓﻲ ﺻﻔﺣﺎت اﻟوﻳب ﺑﺣﻳث ﺗظﻬر ﻓﻲ أﺟﻣﻝ ﺻورة ‪.‬‬ ‫ﻟﻘ ــد ﺗﻌرﻓﻧ ــﺎ ﻋﻠ ــﻰ ‪ write‬اﻟ ــذي ﻻ ﻳ ــﺳﺗﺧدم إﻻ ﻣ ــﻊ اﻟﻛ ــﺎﺋن )‪ (Object‬اﻟﻣ ــﺳﻣﻲ‬ ‫‪ .. document‬واﻟﻛﺎﺋن ‪ document‬ﻳﻣﺛﻝ ﺻﻔﺣﺔ اﻟوﻳب اﻟﺗﻲ ﻧﻌﻣﻝ ﻋﻠﻳﻬﺎ ‪.‬‬ ‫ﻓﻲ ﻫذا اﻟﻘﺳم ﺳﻧﺗﻌرف ﻋﻠﻰ ﺳﺑﻊ ﻣﻧﺎﻫﺞ )‪ (Methods‬ﺟدﻳدة وﻫﻲ ‪:‬‬ ‫)(‪getDay() , getDate() , getMonth() , getYear() , getHour() , getMinute() , getSeconds‬‬ ‫ﻫــذﻩ اﻟﻣﻧــﺎﻫﺞ ﻫــﻲ ﻣوﺟــودة ﻓﻌــﻼً وﻣﻌروﻓــﺔ ﻟﻠﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت ﺑﺣﻳــث ﻳﻣﻛﻧــك اﺳــﺗدﻋﺎﺋﻬﺎ‬ ‫واﺳﺗﺧداﻣﻬﺎ‪ ..‬وﻗطﻌﺎً أﻳﺎً ﻣن ﻫذﻩ اﻟﻣﻧﺎﻫﺞ )‪ (Methods‬ﺑﺣﺎﺟـﺔ إﻟـﻰ ﻛـﺎﺋن )‪(Object‬‬ ‫ﻟﻛـﻲ ﺗﻌﻣـﻝ ﻋﻠﻳـﻪ واﻟﻛـﺎﺋن اﻟﻣــﺳﻣﻰ ‪ document‬ﻻ ﻳﻣﻛـن ﺗطﺑﻳـق ﺗﻠـك اﻟﻣﻧـﺎﻫﺞ ﻋﻠﻳــﻪ‪..‬‬ ‫ﻟــذﻟك ﻓﺈﻧﻧــﺎ ﺳــوف ﻧﻧــﺷﺊ ﻛــﺎﺋن ﻟﻛــﻲ ﻳﻣﻛﻧﻧــﺎ ﺗطﺑﻳــق ﺗﻠــك اﻟﻣﻧــﺎﻫﺞ )‪ (Methods‬اﻟــﺳﺑﻌﺔ‬ ‫ﻋﻠﻳﻪ ‪ ...‬ﻟﻧﻧظر اﻵن ﻟﻠﻛود )‪ (SCRIPT‬اﻟﺗﺎﻟﻲ ‪:‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫‪//This script posts the exact day and time you arrived‬‬ ‫;) (‪RightNow = new Date‬‬ ‫‪document.write("Today's date is " + RightNow.getMonth( )+ "-" +‬‬ ‫‪RightNow.getDate( ) + "-" + RightNow.getYear( ) + ". You entered this Web Page at‬‬ ‫‪exactly: " + RightNow.getHours( ) + ":" + RightNow.getMinutes( ) + " and " +‬‬ ‫)"‪RightNow.getSeconds( ) + " seconds‬‬ ‫>‪</SCRIPT‬‬ ‫‪- 14 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺳﻳظﻬر اﻟﻛود ﻋﻠﻰ اﻟﺷﻛﻝ اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪Today's date is 4-7-2006. You entered this Web Page at exactly: 20:23 and 10 seconds‬‬ ‫أي أن ﻫذا اﻟﻛود ﻳظﻬر ﻓﻲ اﻟﺻﻔﺣﺔ ﺗﺎرﻳﺦ اﻟﻳـوم وﺗوﻗﻳـت دﺧوﻟـك ﻟﻠـﺻﻔﺣﺔ ‪ ...‬ﺟـرب‬ ‫أن ﺗﻌﻳد ﺗﺣﻣﻳﻝ اﻟﺻﻔﺣﺔ أﻛﺛر ﻣن ﻣرة ‪ ...‬ﺳﺗﺟد أن اﻟوﻗت ﺳﻳﺧﺗﻠف ﻓﻲ ﻛﻝ ﻣرة ‪.‬‬ ‫ﻫ ـ ـ ـ ـﻝ ﺗـ ـ ـ ــرى ﺷـ ـ ـ ــﻛﻝ اﻟﻛـ ـ ـ ــود )‪ .. (SCRIPT‬طﺑﻌـ ـ ـ ــﺎ ﻳﺟـ ـ ـ ــب ﻋﻠﻳـ ـ ـ ــك ﻛﺗﺎﺑـ ـ ـ ــﺔ اﻟـ ـ ـ ــﺳطر‬ ‫"‪ "document.write‬ﻓــﻲ ﺳــطر واﺣــد ﺣﻳــث أن ﺗﻘــﺳﻳﻣﻪ ﻋﻠــﻰ ﻋــدة أﺳــطر ﺳﻳــﺳﺑب‬ ‫اﻟﺧطﺄ ‪.‬‬ ‫ﻟﻧﺑدأ ﺗﺣﻠﻳﻝ ذﻟك اﻟﻛود ﺧطوة ﺑﺧطوة ‪ :‬اﻟﺳطر اﻷوﻝ ﻫو طﺑﻌﺎً‪:‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫واﻟذي ﻳﻌرف اﻟﻣﺗﺻﻔﺢ أن ﻣﺎ ﻫو آت ﺟﺎﻓﺎ ﺳﻛرﻳﺑت ﻻ رﻳب‬ ‫أﻧظر ﻟﻠﺳطر اﻟﺛﺎﻧﻲ ﺟﻳداً‪ ...‬ﻣﺎذا ﺑﻪ؟ ذﻟك اﻟﺳطر ﻫو‪:‬‬ ‫‪//This script posts the exact day and time you arrived‬‬ ‫ﻣﺎذا ﺗﻌﻧﻲ ﻋﻼﻣﺔ ‪ //‬ﻫذﻩ ؟ ‪ ...‬ﺗﻠك اﻟﻌﻼﻣﺔ ﺗﻌﻧﻲ أن ﻣﺎ ﺳﻳﺄﺗﻲ ﺑﻌدﻩ ﻫو ﻣﺟرد ﺗﻌﻠﻳق‬ ‫وﺗﻧﺑــﻪ اﻟﻣﺗــﺻﻔﺢ أن ﻳﺗﺟﺎﻫــﻝ ذﻟــك اﻟــﺳطر وﻳﻧﺗﻘــﻝ ﻟﻸﻣــر اﻟﺗــﺎﻟﻲ‪ .‬وﻳﻣﻛﻧــك أن ﺗــﺿﻳف‬ ‫ﺗﻌﻠﻳﻘﺎت ﻛﻣﺎ ﺗرﻳد ﻣﺎ دﻣت ﻗد أﺳﺑﻘت ﻛﻝ ﺗﻌﻠﻳق ﺑﺎﻟﻌﻼﻣﺔ ‪//‬‬ ‫اﻷﻣر اﻟﺛﺎﻟث ﻓﻲ اﻟﻛود )‪ (SCRIPT‬ﻫو‪:‬‬ ‫;) (‪RightNow = new Date‬‬ ‫اﺳﺗﺧدﻣت اﻷﻣر ‪ new‬ﻷن اﻟﺗـﺎرﻳﺦ )‪ (Date‬ﻳﺟـب أن ﻳﻛـون ﺟدﻳـداً ٕواﻻ ﺳـﻳﻛون‬ ‫اﻟﺗﺎرﻳﺦ ﺛﺎﺑﺗﺎً وﻟن ﻳﺗﻐﻳر ﻣﻊ اﻟﺗﺎرﻳﺦ اﻟﻔﻌﻠﻲ‪ .‬ﻳﺟب أن ﻧﻘوم ﺑذﻟك ﻓﻲ ﻛﻝ ﻣـرة ﻧـﺗﻛﻠم ﻓﻳﻬـﺎ‬ ‫ﻋن اﻟﺗﺎرﻳﺦ أو اﻟوﻗت‪.‬‬ ‫‪- 15 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻻﺣــظ أﻧﻧــﻲ أﺳــﻣﻳت اﻟﻛــﺎﺋن اﻟﺟدﻳــد ‪ .. Rightnow‬ﻳﻣﻛﻧــك أﻧــت أن ﺗــﺳﻣﻳﻪ ﻛﻣــﺎ‬ ‫ﺗﺷﺎء‪ ..‬ﻳﻣﻛﻧك ﺗﺳﻣﻳﺗﻪ ‪ Azzam‬أو ‪ Mahmoud‬أو أي اﺳم ﺗرﻳدﻩ ‪.‬‬ ‫ﻻﺣظ اﻟﻔﺎﺻﻠﺔ اﻟﻣﻧﻘوطﺔ ﻓﻲ ﻧﻬﺎﻳﺔ اﻷﻣـر‪ ..‬ﻳﺟـب ﻋﻠﻳـك وﺿـﻌﻬﺎ ﻓﻬـﻲ ﺗـدﻝ ﻋﻠـﻰ‬ ‫ﻧﻬﺎﻳﺔ اﻷﻣر ٕواﻻ ﺳﻳظن اﻟﻣﺗﺻﻔﺢ أن اﻷﻣر ﻣـﺳﺗﻣر ﻣـﻊ اﻟـﺳطر اﻟﺗـﺎﻟﻲ وﺑﺎﻟﺗـﺎﻟﻲ ﺗظﻬـر‬ ‫ﻟك رﺳﺎﻟﺔ ﺧطﺄ ‪.‬‬ ‫اﻷﻣر اﻟراﺑﻊ ﻓﻲ اﻟﻛود ﻫو‪:‬‬ ‫‪document.write("Today's date is " + (RightNow.getMonth( )+1)+ "-" +‬‬ ‫‪RightNow.getDate( ) + "-" + RightNow.getYear( ) + ". You entered this Web Page at‬‬ ‫‪exactly: " + RightNow.getHours( ) + ":" + RightNow.getMinutes( ) + " and " +‬‬ ‫)"‪RightNow.getSeconds( ) + " seconds‬‬ ‫‪ ‬وأذﻛر أﻻ ﻧﻧﺳﻰ أن ﻧﻛﺗـب ذﻟـك اﻷﻣـر ﺑﺄﻛﻣﻠـﻪ ﻓـﻲ ﺳـطر واﺣـد ﺗﺟﻧﺑـﺎً ﻟﻸﺧطـﺎء‪.‬‬ ‫وﻟﻧرى ﻣﺎذا ﻛﺗﺑﻧﺎ ﻓﻲ ﻫذا اﻷﻣر‪:‬‬ ‫‪ ‬ﻷﻧﻲ أرﻳد إظﻬﺎر وﻛﺗﺎﺑﺔ ﺷﻲء ﻓﻲ ﺻﻔﺣﺔ اﻟوﻳب ﻟذا اﺳﺗﺧدﻣت اﻟﻣـﻧﻬﺞ ‪write‬‬ ‫ﻣﻊ اﻟﻛﺎﺋن ‪.document‬‬ ‫‪ ‬ﺑــﻳن اﻷﻗـواس ﺑــدأت ب "" ‪ Today's date is‬ووﺿــﻌت ﻣــﺳﺎﻓﺔ ﻓــﻲ ﻧﻬﺎﻳﺗﻬــﺎ‬ ‫ﺣﺗﻰ ﻻ ﻳﻠﺗﺻق ﺑﻬﺎ ﻣﺎ ﺳﻳﻛﺗب ﺑﻌدﻫﺎ‪.‬‬ ‫‪ ‬ﻋﻼﻣﺔ ‪ +‬ﺑﻌد ذﻟك ‪.‬‬ ‫‪ Rightnow.getMounth ( ) ‬أﺿـ ـ ـ ــﻳﻔت ﺑـ ـ ـ ــدون وﺿـ ـ ـ ــﻌﻬﺎ ﺑـ ـ ـ ــﻳن ﻋﻼﻣﺗـ ـ ـ ــﻲ‬ ‫ﺗﻧﺻﻳص ﻷﻧﻧﺎ ﻻ ﻧرﻳـد طﺑـﻊ ﺗﻠـك اﻟﺟﻣﻠـﺔ ﻛﻣـﺎ ﻫـﻲ ﻓـﻲ اﻟـﺻﻔﺣﺔ ﺑـﻝ ﻧرﻳـد اﻟﻘﻳﻣـﺔ‬ ‫اﻟﻌددﻳﺔ اﻟﺗﻲ ﺗﺣﺗوﻳﻬﺎ‪.‬‬ ‫‪ ‬ﻋﻼﻣﺔ ‪ +‬أﺧرى‪.‬‬ ‫‪ ‬ﻋﻼﻣــﺔ "‪ "-‬ﺑــﻳن ﻋﻼﻣﺗــﻲ ﺗﻧــﺻﻳص ﻟﻛــﻲ أﻓــﺻﻠﻬﺎ ﻋــن اﻟ ـرﻗم اﻟــذي ﻳﻠﻳﻬــﺎ ‪ .‬وﻟــم‬ ‫أﺿـﻊ ﻣـﺳﺎﻓﺔ ﻓﺎرﻏـﺔ ﺑﺟـوار ﻋﻼﻣــﺔ "‪ "-‬ﺑـﻳن ﻋﻼﻣﺗـﻲ اﻟﺗﻧـﺻﻳص ﻷﻧﻧـﻲ أرﻳــد أن‬ ‫أﺿﻊ اﻟرﻗم اﻟﺗﺎﻟﻲ ﺑﺟوار اﻟﻌﻼﻣﺔ "‪ "-‬ﻣﺑﺎﺷرة ‪.‬‬ ‫‪- 16 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫‪ ‬ﻋﻼﻣﺔ ‪.+‬‬ ‫‪ ‬اﻵن وﺿﻌت ) ( ‪ Rightnow.getDate‬ﻷﻧﻧﻲ أرﻳد رﻗم اﻟﻳوم ‪ .‬وطﺑﻌﺎ ﺑدون‬ ‫ﻋﻼﻣﺗﻲ اﻟﺗﻧﺻﻳص ﻷﻧﻲ أرﻳد طﺑﻊ اﻟﻘﻳﻣﺔ وﻻ أرﻳد طﺑﻊ اﻟﺟﻣﻠﺔ ﻧﻔﺳﻬﺎ‪.‬‬ ‫‪ ‬ﻋﻼﻣﺔ ‪.+‬‬ ‫‪ ‬ﻋﻼﻣﺔ "‪ "-‬أﺧري ﺑﻳن ﻋﻼﻣﺗﻲ ﺗﻧﺻﻳص ﻟﺗطﺑﻊ ﻛﻣﺎ ﻫﻲ ﻓﻲ اﻟﺻﻔﺣﺔ ‪.‬‬ ‫‪ ‬ﻋﻼﻣﺔ ‪. +‬‬ ‫‪ ‬ﺛم ﻣﻧﻬﺞ آﺧر ﺟدﻳد ) ( ‪ Rightnow.getYear‬ﺳوف ﺗطﺑﻊ رﻗم اﻟﺳﻧﺔ ‪.‬‬ ‫‪ ‬وﺑﺈﺗﺑـ ــﺎع ﻧﻔـ ــس اﻷﺳـ ــﻠوب ﺳـ ــﻳطﺑﻊ اﻟﻛـ ــود )‪ (SCRIPT‬ﻛـ ــﻝ ﻣـ ــﺎ ﺗرﻳـ ــدﻩ ‪ .‬اﻵن‬ ‫ﺗﺳﺗطﻳﻊ أن ﺗﻌرف اﻟﺟﻣﻳﻊ ﻛم اﻟﺳﺎﻋﺔ اﻵن ‪.‬‬ ‫ﻣﻼﺣظﺔ ‪:‬‬ ‫‪ -‬ﻫﻧــﺎك ﻋﻳــب وﺣﻳــد ﻓــﻲ ﻫــذا اﻟﻛــود ‪ ..‬وﻟﻛﻧــﻪ ﻋﻳــب ﺟــوﻫري ﻟﻠﻐﺎﻳــﺔ ‪ ..‬وﻫــو أن اﻟﺟﺎﻓــﺎ‬ ‫ﺳﻛرﻳﺑت ﻳﺑدأ ﻓﻲ ﻋد اﻟﺷﻬور ﻣن اﻟﺻﻔر ‪ .‬ﺑﻣﻌﻧﻲ أن ﺷﻬر ﻳﻧﺎﻳر ﻫو ﺷﻬر "‪ "0‬وﺷﻬر‬ ‫ﻓﺑراﻳر ﻫو ﺷﻬر "‪ "1‬وﻫﻛذا ‪..‬‬ ‫ﻳﻣﻛﻧﻧﺎ ﺣﻝ ﺗﻠك اﻟﻣﺷﻛﻠﺔ ﺑﺑﺳﺎطﺔ ﺑﺈﺿﺎﻓﺔ ‪ 1‬إﻟﻰ اﻟﺷﻬور ﻓﻲ اﻟﻛود ﻟﻳﻛون ﻫﻛذا‪:‬‬ ‫)‪(Rightnow.getMonth ( ) + 1‬‬ ‫‪ -‬ﻳﺟــب أن ﺗ ارﻋــﻲ اﻟﺣــروف اﻟﻛﺑﻳ ـرة )‪ (Capital‬واﻟﺣــروف اﻟــﺻﻐﻳرة )‪ (Smale‬ﻋﻧــد‬ ‫ﻛﺗﺎﺑ ــﺔ أواﻣ ــر اﻟﺟﺎﻓﺎﺳ ــﻛرﻳﺑت ‪ .‬ﻻﺣ ــظ اﻟﻣﻧ ــﺎﻫﺞ اﻟ ــﺳﺑﻌﺔ اﻟﺗ ــﻲ ﻛﺗﺑﻧﺎﻫ ــﺎ ﺑ ــﺄﻋﻠﻰ‪ ..‬ﻻﺣ ــظ‬ ‫اﻟﺣـ ــروف اﻟـ ــﺻﻐﻳرة واﻟﻛﺑﻳ ـ ـرة ﺑﻬـ ــﺎ‪ ..‬ﻫـ ــﻲ ﻫﻛـ ــذا وﻳﺟـ ــب أن ﺗﻛﺗـ ــب ﻫﻛـ ــذا ٕواﻻ ﺳـ ــﺗﺣدث‬ ‫أﺧطﺎء‪.‬‬ ‫‪- 17 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺍﳌﺘﻐﲑﺍﺕ ﰲ ﺍﳉﺎﻓﺎ ﺳﻜﺮﻳﺒﺖ‬ ‫ﻟﻧﻔﺗرض أن ﻟدﻳﻧﺎ ﻧص ﻓﺄﻳن ﺳﻳﺗم ﺣﻔظ ﻫذا اﻟﻧص؟؟‬ ‫إذا أردﻧـ ــﺎ ﺗﺧ ـ ـزﻳن أي ﻧـ ــص ﻓـ ــﻲ ﺑرﻧﺎﻣﺟﻧـ ــﺎ ﺑـ ــﺷﻛﻝ ﻣؤﻗـ ــت أي ﺧـ ــﻼﻝ ﻓﺗ ـ ـرة ﻋﻣـ ــﻝ‬ ‫اﻟﺑرﻧﺎﻣﺞ ﻓﻘط وﻳﻧﺗﻬﻲ ﺗﺧزﻳﻧﻬﺎ ﻋﻧد اﻧﺗﻬﺎء اﻟﺑرﻧـﺎﻣﺞ ﻫﻧـﺎ ﺳـو ف ﻧﺣﺗـﺎج إﻟـﻰ ﻣﺧـزن ﻳـﺗم‬ ‫ﺣﻔــظ ﻫــذا اﻟــﻧص ﺑــﻪ وﻏﺎﻟﺑــﺎً ﻣــﺎ ﻳﻛــون ﺟــزء ﻣــن ذاﻛـرة اﻟﺣﻬــﺎز اﻟﻣؤﻗﺗــﺔ ﻓــﻲ ﺗﻌﺗﺑــر ذاﻛـرة‬ ‫ﺗﺧزﻳن ﻣؤﻗﺗﺔ‪ ،‬وﻳﺗم إﻋطﺎء ﻫذا اﻟﺟزء ﻣن ذاﻛـرة اﻟﺟﻬـﺎز اﺳـم ﺧـﺎص ﺣﺗـﻰ ﻳـﺗم اﻟﺗﻌﺎﻣـﻝ‬ ‫ﻣﻊ ﻫذا اﻟﺟزء‪.‬‬ ‫ﻧـﺳﺗﻧﺗﺞ ﻣﻣـﺎ ﺳـﺑق ﺑـﺄن اﻟﻣﺗﻐﻳـر ﻫـو ﺟـزء ﻣـن ذاﻛـرة اﻟﺟﻬـﺎز ﻳـﺗم إﻋطـﺎء اﺳـم ﻟـﻪ‪،‬‬ ‫وﻳﻌﺗﺑر ﺑﻣﺛﺎﺑﺔ ﻣﺧزن ﻟﻠﺑﻳﺎﻧﺎت‪.‬‬ ‫أﻧواع اﻟﺑﻳﺎﻧﺎت ‪:‬‬ ‫ﺗوﻓر ﻟﻧﺎ ﻟﻐﺔ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت اﻟﺗﻣﻳز ﺑﻳن ‪ 4‬أﻧواع ﻣن اﻟﺑﻳﺎﻧﺎت‪:‬‬ ‫‪ String‬اﻟﻧﺻوص ‪.‬‬ ‫‪ Number‬اﻟﻘﻳم اﻟﻌددﻳﺔ ‪.‬‬ ‫‪ Boolean‬اﻟﺣﺎﻟﺔ اﻟﺑوﻟﻳﻧﻳﺔ ) ﺻﺢ أم ﺧطﺄ(‪.‬‬ ‫‪ Null‬اﻟﻘﻳﻣﺔ ﻻ ﺷﺊ ‪.‬‬ ‫ٍ‬ ‫وﺑﺷﻛﻝ ﻋﺎم ﻳﺧﺗﻠف ﻧوع ﻣﺧزن اﻟﺑﻳﺎﻧﺎت ﺣﺳب طﺑﻳﻌﺔ وﻧوع اﻟﺑﻳﺎﻧﺎت اﻟﻣﺧزﻧﺔ ﺑﻪ‬ ‫‪.‬‬ ‫وﻟﻛــن اﻟﻣﺗﻐﻳ ـرات ﻓــﻲ ﻟﻐــﺔ اﻟﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت ﻻ ﺗﺧﺗﻠــف ﻓــﻲ ﺑﻧﻳﺗﻬــﺎ ﺑــﺈﺧﺗﻼف ﻧــوع‬ ‫اﻟﺑﻳﺎﻧﺎت اﻟﻣﺧزﻧـﺔ ﺑﻬـﺎ ﻛﻣـﺎ ﻫـو اﻟﺣـﺎﻝ ﺑﻠﻐـﺔ اﻟﺟﺎﻓـﺎ واﻟـﺳﻲ اﻟﺗـﻲ ﻳﺗﻣﻳـز ﻓﻳﻬـﺎ ﻧـوع اﻟﻣﺧـزن‬ ‫ﺣﺳب ﻧوع اﻟﺑﻳﺎﻧﺎت اﻟﻣﺧزﻧﺔ ﺑﻪ‪.‬‬ ‫‪- 18 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻋﻧــد ﺗــﺳﻣﻳﺔ اﻟﻣﺗﻐﻳـرات ﻓــﻲ اﻟﺟﺎﻓــﺎ ﺳــﻛرﻳﺑت ﻻ ﻳﻔــﺿﻝ اﺳــﺗﺧدام اﻟرﻣــز _ ﻟﻠﻔــﺻﻝ‬ ‫ﺑﻳن ﻣﻘﺎطﻊ اﻟﻛﻠﻣﺎت وﻟﻛـن ﻳـﺗم دﻣـﺞ اﻟﻣﻘـﺎطﻊ وﺟﻌـﻝ اﻟﺣـرف اﻷوﻝ ﺻـﻐﻳر وأوﻝ ﺣـرف‬ ‫ﻣن اﻟﻣﻘﺎطﻊ اﻟﺗﺎﻟﻳﺔ ﻳﻛون ذو ﺣر ف ﻛﺑﻳر‪.‬‬ ‫وﻗﺑﻝ أن ﺗﺳﺗﺧدم أﻳﺎ ﻣن ﻫذﻩ اﻟﻣﺗﻐﻳرات ﻻﺑد ﻣن اﻹﻓﺻﺎح ﻋﻧﻬﺎ‪ ،‬وذﻟك ﺑﺎﺳﺗﺧدام‬ ‫اﻷﻣر ‪.var‬‬ ‫ﻣﺛﺎﻝ‪ :‬ﻋﻧدﻣﺎ ﻧرﻳد ﺗﺳﻣﻳﺔ ﻣﺗﻐﻳر ﻟﻳﻌﺑر ﻋن ‪ last name‬ﻻ ﻳﻔﺿﻝ ﺗﺳﻣﻳﺗﻪ ﻛﻣﺎ ﻳﻠﻲ‪:‬‬ ‫‪ Last_ name‬وﻟﻛن ﻳﻔﺿﻝ ﺗﺳﻣﻳﺔ ﻛﻣﺎ ﻳﻠﻲ ‪. lastName‬‬ ‫>‪<HTML‬‬ ‫>‪<Title> User Name </Title‬‬ ‫>‪<HEAD‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫;)"ما ھو اسم؟" ‪" ,‬لطفا ً أدخل اسمك"( ‪var username = prompt‬‬ ‫;)‪" + username‬مرحبا بك يا‪alert(":‬‬ ‫>‪</SCRIPT‬‬ ‫>‪</HEAD‬‬ ‫>‪</HTML‬‬ ‫ٕواذا ﺣﻠﻠﻧﺎ اﻟﺻﻳﻐﺔ ﻧﺟد أﻧﻪ ﻗد ﺗـم اﻹﻋـﻼن ﻋـن ﻣﺗﻐﻳـر ﺑﺎﺳـم ‪ userName‬ﺛـم ﺧـزن ﺑـﻪ‬ ‫اﻟﻘﻳﻣ ـ ـ ـ ــﺔ اﻟراﺟﻌ ـ ـ ـ ــﺔ ﻣ ـ ـ ـ ــن اﻷﻣ ـ ـ ـ ــر ‪ prompt‬ﺛ ـ ـ ـ ــم ﻗﻣﻧ ـ ـ ـ ــﺎ ﺑطﺑﺎﻋ ـ ـ ـ ــﺔ اﻟﻘﻳﻣ ـ ـ ـ ــﺔ اﻟﻣﺧزﻧ ـ ـ ـ ــﺔ‬ ‫ﺑﺎﻟﻣﺗﻐﻳر‪ userName‬ﻣﺿﺎﻓﺎً إﻟﻳﻬﺎ ﻧص "ﻣرﺣﺑﺎ ﺑك ﻳﺎ ‪":‬‬ ‫وﻋﻧد ﺗطﺑﻳق اﻟﻣﺛﺎﻝ اﻟﺳﺎﺑق ﺳﻳظﻬر ﻟﻧﺎ أوﻻً‪:‬‬ ‫ٕواذا أدﺧﻠﻧﺎ اﻻﺳم )ﻣﺣﻣود( ﺳﻳظﻬر اﻟﻧﺎﺗﺞ ﻋﻠﻰ اﻟﺷﻛﻝ اﻟﺗﺎﻟﻲ‪:‬‬ ‫‪- 19 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫اﻟﻣﻌﺎﻣﻼت اﻟرﻳﺎﺿﻳﺔ‪:‬‬ ‫ﺗــﺳﺗﺧدم ﻹﺟـراء اﻟﻌﻣﻠﻳــﺎت اﻟرﻳﺎﺿــﻳﺔ ﻣــن ﺟﻣــﻊ وطــرح وﺿــرب وﻗــﺳﻣﺔ وﺑــﺎﻗﻲ‬ ‫اﻟﻘﺳﻣﺔ‪.‬‬ ‫اﻟطرح‬ ‫‪-‬‬ ‫اﻟﺿرب‬ ‫*‬ ‫اﻟﻘﺳﻣﺔ‬ ‫‪/‬‬ ‫ﺑﺎﻗﻲ اﻟﻘﺳﻣﺔ‬ ‫‪%‬‬ ‫اﻟﺟﻣﻊ‬ ‫‪+‬‬ ‫ﻣﺛﺎﻝ‪:‬‬ ‫>‪<HTML‬‬ ‫>‪<Title> User Name </Title‬‬ ‫>‪<HEAD‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫;)‪alert(8%3‬‬ ‫>‪</SCRIPT‬‬ ‫>‪</HEAD‬‬ ‫>‪</HTML‬‬ ‫وﻳﻛون ﻧﺎﺗﺞ ﺑﺎﻗﻲ اﻟﻘﺳﻣﺔ ﻫو‪:‬‬ ‫وﺑﻧﻔس اﻟطرﻳﻘﺔ ﻳﻣﻛﻧﻧﺎ اﻟﺗطﺑﻳق ﻋﻠﻰ ﺑﺎﻗﻲ اﻟﻌﻣﻠﻳﺎت‪.‬‬ ‫‪- 20 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫اﻟﻣﻌﺎﻣﻼت اﻟﻣﻧطﻘﻳﺔ‪:‬‬ ‫اﻟﻧﻔﻲ‬ ‫!‬ ‫اﺻﻐر ﻣن‬ ‫<‬ ‫اﻛﺑر ﻣن‬ ‫>‬ ‫اﺻﻐر ﻣن أو ﻳﺳﺎوي‬ ‫=<‬ ‫اﻛﺑر ﻣن أو ﻳﺳﺎوي‬ ‫=>‬ ‫ﻳﺳﺎوي‬ ‫=‬ ‫ﻻ ﻳﺳﺎوي‬ ‫=!‬ ‫و‬ ‫&&‬ ‫أو‬ ‫||‬ ‫ﺷرط‬ ‫‪?:‬‬ ‫ﺗﺳﺗﺧدم ﻹﺟراء ﻣﻘﺎرﻧﺔ ﻣﻧطﻘﻳﺔ‪ ،‬وﻏﺎﻟﺑﺎً ﻣﺎ ﺗﻛون أطراف اﻟﻣﻘﺎرﻧﺔ إﺣدى اﻟﻘـﻳم ‪ false‬أو‬ ‫‪.True‬‬ ‫أﻣﺛﻠﺔ ﻋﻠﻰ اﻟﺻﻳﻎ‪:‬‬ ‫>‪<HTML‬‬ ‫>‪<Title> User Name </Title‬‬ ‫>‪<HEAD‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫;)‪alert (true || false‬‬ ‫>‪</SCRIPT‬‬ ‫>‪</HEAD‬‬ ‫>‪</HTML‬‬ ‫‪- 21 -‬‬ ‫‪www.abahe.co.uk‬‬ Arab British Academy for Higher Education. :‫ﻣﺛﺎﻝ‬ <HTML> <Title> User Name </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> alert (true && false); </SCRIPT> </HEAD> </HTML> :‫ﻣﺛﺎﻝ‬ <HTML> <Title> User Name </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> alert (! true); </SCRIPT> </HEAD> </HTML> - 22 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫اﻟﻣﻌﺎﻣﻼت اﻷﺣﺎدﻳﺔ‪:‬‬ ‫ﺗﺳﺗﺧدم ﻹﺟراء اﻟﻌﻣﻠﻳﺎت اﻟرﻳﺎﺿﻳﺔ ﻣن ﺟﻣﻊ وطرح ﺑﺷﻛﻝ ﻣﺧﺗﺻر ﺟداً‪.‬‬ ‫وﺗﺳﻣﻰ ﻫذﻩ اﻟﻣﻌﺎﻣﻼت ﺑﺄﻧﻬﺎ ﻣﻌﺎﻣﻼت أﺣﺎدﻳﺔ ﻷﻧﻬﺎ ﺗﺗﻌﺎﻣﻝ ﻣﻊ طرف واﺣد‪.‬‬ ‫‪++‬‬ ‫‪-‬‬‫‪-‬‬ ‫ﺗﺳﺗﺧدم ﻟزﻳﺎدة ﻗﻳﻣﺔ اﻟطرف اﻟﻣﻣرر ﻟﻬﺎ ﺑﻣﻘدار واﺣد ﺻﺣﻳﺢ‬ ‫ﺗﺳﺗﺧدم ﻹﻧﻘﺎص ﻗﻳﻣﺔ اﻟطرف اﻟﻣﻣرر ﻟﻬﺎ ﺑﻣﻘدار واﺣد ﺻﺣﻳﺢ‬ ‫ﺗــﺳﺗﺧدم ﻟﻌﻛــس إﺷــﺎرة اﻟﻌﺎﻣــﻝ اﻟﻣﻣــرر ﻟﻬـﺎ ﻓــﺈذا ﻛﺎﻧــت ﻗﻳﻣــﺔ ﺳــﺎﻟﺑﺔ‬ ‫ﻓﺳو ف ﺗﺗﺣوﻝ إﻟﻲ ﻗﻳﻣﺔ ﻣوﺟﺑﺔ واﻟﻌﻛس ﺻﺣﻳﺢ‪.‬‬ ‫ﻣﺛﺎﻝ‪:‬‬ ‫>‪<HEAD‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫;‪var num1 = 6, num2‬‬ ‫;‪num2 = num1++‬‬ ‫;) ‪alert( "num2 = " + num2‬‬ ‫;) ‪alert( "num1 = " + num1‬‬ ‫>‪</SCRIPT‬‬ ‫>‪</HEAD‬‬ ‫>‪</HTML‬‬ ‫‪- 23 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻣﻌﺎﻣﻼت اﻟﻣﻘﺎرﻧﺔ‪:‬‬ ‫ﺗــﺳﺗﺧدم ﻹﺟ ـراء ﻋﻣﻠﻳــﺎت اﻟﻣﻘﺎرﻧــﺔ ﻋﻧــد إﺟ ـراء ﻣﻘﺎرﻧــﺔ ﻳﻛــون ﻧــﺎﺗﺞ ﻫ ـذﻩ‬ ‫اﻟﻣﻘﺎرﻧﺔ إﺣدى اﻟﻘﻳم أﻣﺎ ‪ false‬أو ‪.true‬‬ ‫==‬ ‫ﻟﺗﻌﻳن ﻫﻝ طرﻓﻲ اﻟﻣﻘﺎرﻧﺔ ﻣﺗﺳﺎوﻳﺎن ﻓﻲ اﻟﻘﻳﻣﺔ‬ ‫===‬ ‫ﻟﺗﻌﻳن ﻫﻝ طرﻓﻲ اﻟﻣﻘﺎرﻧﺔ ﻣﺗﺳﺎوﻳﺎن ﻓﻲ اﻟﻘﻳﻣﺔ وﻧوع اﻟﺑﻳﺎﻧﺎت‬ ‫=!‬ ‫ﻟﺗﻌﻳن ﻫﻝ طرﻓﻲ اﻟﻣﻘﺎرﻧﺔ ﻏﻳر ﻣﺗﺳﺎوﻳﺎن ﻓﻲ اﻟﻘﻳﻣﺔ‬ ‫==!‬ ‫ﻟﺗﻌﻳن ﻫﻝ طرﻓﻲ اﻟﻣﻘﺎرﻧﺔ ﻏﻳر ﻣﺗﺳﺎوﻳﺎن ﻓﻲ اﻟﻘﻳﻣﺔ وﻧوع اﻟﺑﻳﺎﻧﺎت‬ ‫>‬ ‫ﻟﺗﻌﻳن ﻫﻝ اﻟطرف اﻷﻳﺳر أﻛﺑر ﻣن اﻟطرف اﻷﻳﻣن‬ ‫<‬ ‫ﻟﺗﻌﻳن ﻫﻝ اﻟطرف اﻷﻳﺳر أﻗﻝ ﻣن اﻟطرف اﻷﻳﻣن‬ ‫=>‬ ‫ﻟﺗﻌﻳن ﻫﻝ اﻟطرف اﻷﻳﺳر أﻛﺑر أو ﻳﺳﺎوي اﻟطرف اﻷﻳﻣن‬ ‫=<‬ ‫ﻟﺗﻌﻳن ﻫﻝ اﻟطرف اﻷﻳﺳر أﻗﻝ ﻣن أو ﻳﺳﺎوي اﻟطرف اﻷﻳﻣن‬ ‫ﻣﻌﺎﻣﻼت اﻟﻧﺻوص‪:‬‬ ‫ﺗطرﻗﻧﺎ ﻟﻬﺎ ﺳﺎﺑﻘﺎً ﻓﻲ اﻟﺻﻳﻐﺔ اﻟﺧﺎﺻﺔ ﺑﺎﻟﻣﺛﺎﻝ‪:‬‬ ‫;)"ما ھو اسم؟" ‪" ,‬لطفا ً أدخل اسمك"( ‪var username = prompt‬‬ ‫;)‪" + username‬مرحبا بك يا‪alert(":‬‬ ‫ﻻﺣظﻧﺎ ﻓﻲ اﻟﻣﺛﺎﻝ ﻛﻳف ظﻬرت ﻋﺑﺎرة ﻣرﺣﺑﺎً ﺑك ﻳﺎ‪ :‬ﻣﺣﻣود‪.‬‬ ‫‪- 24 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻋﺒﺎﺭﺍﺕ ﺍﻟﺘﺤﻜﻢ‬ ‫‪IF statement‬‬ ‫اﻟﺗﺣﻛم ﺑﺎﺳﺗﺧدام ‪ if‬اﻟﺷرطﻳﺔ ﻣﻊ وﺿﻊ ﺷروط ﻳﺟب ﺗﺣﻘﻘﻪ ﻟﻛﻲ ﻳﺗم ﺗﻧﻔﻳذ اﻟﺟﻣﻠﺔ‪.‬‬ ‫اﻟﺻورة اﻟﻌﺎﻣﺔ ﻟﻌﺑﺎرة اﻟﺗﺣﻛم ‪ if‬اﻟﺷرطﻳﺔ ﻫو اﻟﺷﻛﻝ اﻟﺗﺎﻟﻲ ‪:‬‬ ‫) ﻳﺗم وﺿﻊ اﻟﺷرط ﻫﻧﺎ ( ‪If‬‬ ‫{‬ ‫ﻳﺗم وﺿﻊ ﻫﻧﺎ اﻷواﻣر أو اﻟﻌﻣﻠﻳﺎت اﻟﺗﻲ ﺗرﻏب ﻓﻲ ﺗﻧﻔﻳذﻫﺎ ﻋﻧد ﺗﺣﻘق اﻟﺷرط‬ ‫}‬ ‫وﻵن ﺳوف ﻧﺄﺧذ ﻣﺛﺎﻝ ﻳﺗم ﺗوﺿﻳﺢ ﻣﺎ ﺳﺑق ذﻛرﻩ‪:‬‬ ‫ﻣﺛـﺎﻝ ‪ :‬ﻓــﻲ ﻫــذا اﻟﻣﺛــﺎﻝ ﺳــوف ﻧﻘــوم ﻋﻣــﻝ ﺑرﻧــﺎﻣﺞ ﻳــﺗم ﻓﻳــﻪ ﺣــﺳﺎب ﻣﻛﻌــب ﻟﻌــدد ﻣــﺎ ﻳــﺗم‬ ‫ﺗﻌرﻳﻔﻪ ﻓﻲ اﻟﺑرﻧﺎﻣﺞ‪.‬‬ ‫‪Statements‬‬ ‫>‪<html‬‬ ‫>‪<head‬‬ ‫>‪<title>Second Example</title‬‬ ‫>‪</head‬‬ ‫> ‪<body‬‬ ‫>"‪<SCRIPT LANGUAGE="javascript‬‬ ‫‪<!-‬‬‫;‪var x=50‬‬ ‫) ‪if ( x > 0‬‬ ‫‪// if test‬‬ ‫{‬ ‫‪y = ( x * x * x ); // 1: cube of x‬‬ ‫‪document.write("y = "+y+" that is the cube of x when x = "+‬‬ ‫;)""‪x +‬‬ ‫}‬ ‫>‪--‬‬ ‫>‪</SCRIPT‬‬ ‫>‪</body‬‬ ‫>‪</html‬‬ ‫ﻟﻧﺷرح اﻟﺻﻳﻐﺔ اﻟﺳﺎﺑﻘﺔ‪:‬‬ ‫‪- 25 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪No‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫‪7‬‬ ‫‪8‬‬ ‫‪9‬‬ ‫‪10‬‬ ‫‪11‬‬ ‫‪12‬‬ ‫‪13‬‬ ‫‪14‬‬ ‫‪15‬‬ ‫‪16‬‬ ‫‪17‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫‪ -1‬أوﻻً ﻳﺗم وﺿﻊ ‪ tag‬اﻟﻣﺳﻣﻰ واﻟذي ﻳدﻝ ﻋﻠﻰ ﺑداﻳﺔ اﻟـﺻﻔﺣﺔ >‪ <html‬واﻟ ـ ‪tag‬‬ ‫>‪ </html‬واﻟذي ﻳدﻝ ﻋﻠﻰ ﻧﻬﺎﻳﺔ اﻟﺻﻔﺣﺔ وﻳﺗم وﺿﻊ ﺑﺎﻗﻲ اﻷواﻣر ﻟﻐﺔ ‪.HTML‬‬ ‫‪2‬و‪ 3‬و‪ <head> -4‬و>‪ </head‬ﻳوﺿﻊ ﺑﻳﻧﻬﻣﺎ ﻋﻧوان اﻟﺻﻔﺣﺔ‪ .‬وأﻣـﺎ ﺑﺎﻟﻧـﺳﺑﺔ ﻟ ـ‬ ‫>‪ <title‬و >‪ </title‬ﺗﺗــﻳﺢ ﻟــك ﻫــذﻩ اﻟﻌﻼﻣ ــﺔ أن ﺗﻌطــﻲ اﻟــﺻﻔﺣﺔ ﻋﻧواﻧــﺎً واﺿ ــﺣﺎً‬ ‫ﻣﻣﻳ اًز وﻳظﻬر ﻫذا اﻟﻌﻧوان ﻋﻠﻰ ﻧﺎﻓذة اﻟﻣﺳﺗﻌرض وﻳﺟب أن ﻳﺣﺗوي ﻋﻠـﻰ اﻟﻌﻧـوان ﻋﻠـﻰ‬ ‫ﺣروف وأرﻗﺎم ﻓﻘط‪.‬‬ ‫‪ <body> -5‬و>‪ </body‬ﺣﻳــث ﻳــﺗم ﻛﺗﺎﺑــﺔ داﺧــﻝ ﻫــذا اﻟﺟــزء ﻣﺣﺗوﻳــﺎت ﺻــﻔﺣﺔ‬ ‫اﻟوﻳب اﻟﻔﻌﻠﻳﺔ ﻣﺛﻝ اﻟﺟداوﻝ واﻟﻧﻣﺎذج واﻟﺻور واﻟﺗﻲ ﺳﻳراﻫﺎ اﻟزوار ﻟﻬذﻩ اﻟﺻﻔﺣﺔ‪.‬‬ ‫‪ -6‬ﻫذا اﻟﺳطر ﻳﺟب أن ﻳﻛون أوﻝ ﺳطر ﻓـﻲ أي ﻛـود ﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﻛﻣـﺎ ذﻛرﻧـﺎﻩ ﻓـﻲ‬ ‫اﻟﻣﺛﺎﻝ اﻷوﻝ ﺣﻳث أﻧﻪ ﻳﻧﺑﻪ اﻟﻣﺗﺻﻔﺢ ﺑﺄن ﻣﺎ ﺳﻳﺗﺑﻊ ﻫذا اﻷﻣر ﻫو ‪Javascript‬‬ ‫‪ 7‬و‪ -14‬اﻟرﻣــز اﻟﺗــﺎﻟﻲ ‪  </SCRIPT> <body> </body> </html> - 32 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫‪1‬و‪ -28‬أوﻻً ﻳــﺗم وﺿــﻊ ‪ tag‬اﻟﻣــﺳﻣﻰ واﻟــذي ﻳــدﻝ ﻋﻠــﻰ ﺑداﻳــﺔ اﻟــﺻﻔﺣﺔ >‪ <html‬واﻟ ـ‬ ‫‪ </html> tag‬واﻟـذي ﻳـدﻝ ﻋﻠـﻰ ﻧﻬﺎﻳـﺔ اﻟـﺻﻔﺣﺔ وﻳـﺗم وﺿـﻊ ﺑـﺎﻗﻲ اﻷواﻣـر‬ ‫ﻟﻐﺔ ‪.HTML‬‬ ‫‪2‬و‪ <head> - 3‬و>‪ </head‬ﻳوﺿﻊ ﺑﻳﻧﻬﻣﺎ ﻋﻧوان اﻟﺻﻔﺣﺔ‪.‬‬ ‫‪ -4‬ﻫذا اﻟـﺳطر ﻳﺟـب أن ﻳﻛـون أوﻝ ﺳـطر ﻓـﻲ أي ﻛـود ﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﺣﻳـث أﻧـﻪ ﻳﻧﺑـﻪ‬ ‫اﻟﻣﺗﺻﻔﺢ ﺑﺄن ﻣﺎ ﺳﻳﺗﺑﻊ ﻫذا اﻷﻣر ﻫو ‪.Javascript‬‬ ‫‪ 5‬و‪ -24‬اﻟرﻣــز اﻟﺗــﺎﻟﻲ ‪  </SCRIPT> </head> <body> <input type="button" value=" hi " onclick='clickme();'> 15 </body> 16 </html> - 41 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫‪1‬و‪ -16‬أوﻻ ﻳــﺗم وﺿــﻊ ‪ tag‬اﻟﻣــﺳﻣﻰ واﻟــذي ﻳــدﻝ ﻋﻠــﻰ ﺑداﻳــﺔ اﻟــﺻﻔﺣﺔ >‪ <html‬واﻟ ـ‬ ‫‪ </html> tag‬واﻟــذي ﻳــدﻝ ﻋﻠــﻰ ﻧﻬﺎﻳــﺔ اﻟــﺻﻔﺣﺔ وﻳــﺗم وﺿــﻊ ﺑــﺎﻗﻲ اﻷواﻣــر ﻟﻐــﺔ‬ ‫‪.HTML‬‬ ‫‪2‬و‪ <head> - 12‬و>‪ </head‬ﻳوﺿﻊ ﺑﻳﻧﻬﻣﺎ ﻋﻧوان اﻟﺻﻔﺣﺔ‪.‬‬ ‫‪ <title> - 3‬و >‪ </title‬ﺗﺗ ـ ــﻳﺢ ﻟ ـ ــك ﻫ ـ ــذﻩ اﻟﻌﻼﻣ ـ ــﺔ أن ﺗﻌط ـ ــﻲ اﻟ ـ ــﺻﻔﺣﺔ ﻋﻧواﻧ ـ ــﺎً‬ ‫واﺿــﺣﺎً ﻣﻣﻳ ـ اًز وﻳظﻬــر ﻫــذا اﻟﻌﻧ ـوان ﻋﻠــﻰ ﻧﺎﻓــذة اﻟﻣــﺳﺗﻌرض وﻳﺟــب أن ﻳﺣﺗــوي ﻋﻠــﻰ‬ ‫اﻟﻌﻧوان ﻋﻠﻰ ﺣروف وأرﻗﺎم ﻓﻘط‪.‬‬ ‫‪ -4‬ﻫذا اﻟﺳطر ﻳﺟب أن ﻳﻛون أوﻝ ﺳطر ﻓـﻲ أي ﻛـود ﺟﺎﻓـﺎ ﺳـﻛرﻳﺑت ﻛﻣـﺎ ذﻛرﻧـﺎﻩ ﻓـﻲ‬ ‫اﻟﻣﺛﺎﻝ اﻷوﻝ ﺣﻳث أﻧﻪ ﻳﻧﺑﻪ اﻟﻣﺗﺻﻔﺢ ﺑﺄن ﻣﺎ ﺳﻳﺗﺑﻊ ﻫذا اﻷﻣر ﻫو ‪.Javascript‬‬ ‫‪ 5‬و‪ -10‬اﻟرﻣــز اﻟﺗــﺎﻟﻲ ‪  </SCRIPT> </head> <body> <form method=post onSubmit="return testform()"> <tabel> <tr> <td>Name : </td> <td><input type="text" name="name" ></td></tr> <p><tr><td>Email :</td> <td><input type="text" name="Email" ></td></tr> </tabel> <p> - 53 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫>"‪" value="submit‬إرﺳﺎﻝ"=‪22 <input type="submit" name‬‬ ‫>‪23 </form‬‬ ‫>‪24 </body‬‬ ‫>‪25 </html‬‬ ‫ﻓــﻲ ﻫ ـذا اﻟﻣﺛــﺎﻝ ﺳــوف ﻧﻘــوم ﺑﺈظﻬــﺎر رﺳــﺎﻟﺔ ﻟﻣــﺳﺗﺧدم ﻋﻧــد اﻟﻘﻳــﺎم ﺑﺎﻟــﺿﻐط ﻋﻠــﻰ زر‬ ‫إرﺳ ـ ــﺎﻝ ﻓ ـ ــﻲ‬ ‫اﻟ ـ ـ ـ ‪ form‬ﻟ ـ ــذﻟك ﺳ ـ ــوف ﻧ ـ ــﺳﺗﺧدم اﻟﺣ ـ ــدث" )(‪ " onSubmit‬وذﻟ ـ ــك‬ ‫ﻻﺳــﺗدﻋﺎء اﻟداﻟــﺔ )(‪ testform‬واﻟﺗــﻲ ﺗﻘــوم ﺑﺈظﻬــﺎر رﺳــﺎﻟﺔ ﻟﻠﻣــﺳﺗﺧدم وﻫــﻲ " ﻧــﺷﻛرك‬ ‫ﻟﺗﺳﺟﻳﻝ ﻣﻌﻧﺎ ﻓﻲ اﻟﻣوﻗﻊ "‪.‬‬ ‫اﻟﺗﻧﻔﻳذ ‪:‬‬ ‫‪- 54 -‬‬ ‫‪www.abahe.co.uk‬‬ Arab British Academy for Higher Education. : onMouseOut()‫ و‬onMouseOver() ‫ﻣﺛﺎﻝ ﻋﻠﻰ اﻟﺣدﺛﻳن‬ No 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Statements <html><head> <title>Onclick alert message</title> <script language="javascript"> function MouseOver() { alert("The mouse was over"); } function MouseOut() { alert("The mouse out of the link"); } </script> </head> <body> <center> <h2> <a href="http://www.com" onMouseOver="MouseOver();"> Event win mouse over this link</a></h2> <hr> <p> <a href="http:/www.com" onMouseOut="MouseOut();"> Event win mouse out of this link </a> </center> </body> </html> ‫ﻓــﻲ ﻫــذا اﻟﻣﺛــﺎﻝ ﻋﻧــد اﻟﻘﻳــﺎم ﺑــﺎﻟﻣرور ﺑﺎﻟﻔــﺄرة ﻋﻠــﻰ وﺻــﻠﺔ أو ارﺗﺑــﺎط وﻫــو اﻟﺣــدث‬ ‫ " ﺣﻳث ﺳوف ﻧﺳﺗﻔﻳد ﻣن ﻫذا اﻟﺣـدث ﻓـﻲ اﺳـﺗدﻋﺎء داﻟـﺔ ﻣﻛﺗوﺑـﺔ‬onMouseOver() ‫ﺑﺎﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت وذﻟك ﻟﺗﻧﻔﻳذ أي داﻟﺔ ﺗرﻳدﻫﺎ ﻓﻲ ﻫذا اﻟﻣﺛﺎﻝ ﺳوف ﻧﻘـوم ﺑﺈظﻬـﺎر رﺳـﺎﻟﺔ‬ The " ‫ﺗﻧﺑﻪ اﻟﻣﺳﺗﺧدم ﺑﻣرور اﻟﻔﺄرة ﻓوق اﻻرﺗﺑﺎط أو اﻟوﺻﻠﺔ وﻓـﻲ ﻣﺛﺎﻟﻧـﺎ اﻟرﺳـﺎﻟﺔ ﻫـﻲ‬ " mouse was over ‫وﻓﻲ اﻟوﺻﻠﺔ اﻷﺧرى ﻋﻧد اﻟﻣرور وﻣـن ﺛـم اﻻﺑﺗﻌـﺎد ﺑﺎﻟﻔـﺄرة ﻋـن وﺻـﻠﺔ أو ارﺗﺑـﺎط‬ ‫ " ﺣﻳث ﺳوف ﻧﺳﺗﻔﻳد ﻣـن ﻫـذا اﻟﺣـدث ﻓـﻲ اﺳـﺗدﻋﺎء داﻟـﺔ‬MouseOut() ‫وﻫو اﻟﺣدث‬ - 55 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻣﻛﺗوﺑ ــﺔ ﺑﺎﻟﺟﺎﻓ ــﺎ ﺳ ــﻛرﻳﺑت وذﻟ ــك ﻟﺗﻧﻔﻳ ــذ أي داﻟ ــﺔ ﺗرﻳ ــدﻫﺎ ﻓ ــﻲ ﻫ ــذا اﻟﻣﺛ ــﺎﻝ ﺳ ــوف ﻧﻘ ــوم‬ ‫ﺑﺈظﻬﺎر رﺳﺎﻟﺔ ﺗﻧﺑﻪ اﻟﻣﺳﺗﺧدم ﺑﻣرور اﻟﻔﺄرة ﻓوق اﻻرﺗﺑﺎط أو اﻟوﺻﻠﺔ وﻣن ﺛم اﻻﺑﺗﻌﺎد‬ ‫ﻋن اﻟوﺻﻠﺔ أو اﻻرﺗﺑﺎط وﻓﻲ ﻣﺛﺎﻟﻧﺎ اﻟرﺳﺎﻟﺔ ﻫﻲ " ‪" The mouse was over‬‬ ‫اﻟﺗﻧﻔﻳذ ‪:‬‬ ‫ﻣﺛﺎﻝ ﻋﻠﻰ اﻟﺣدث )(‪: onFocus‬‬ ‫‪- 56 -‬‬ ‫‪www.abahe.co.uk‬‬ Arab British Academy for Higher Education. No 1 2 3 4 5 6 7 8 9 10 11 12 Statements <html><head> <title>onFocus alert message</title> <SCRIPT LANGUAGE="javascript"> </SCRIPT> <body> Enrter your name: <form> <INPUT TYPE="TEXT" NAME "YourName" onFocus = "window.status=('Enter your name');return true;"> </form> </center> <body> </html> "onFocus()" ‫ﻓﻲ ﻫذا اﻟﻣﺛﺎﻝ ﻋﻧد اﻟﻘﻳﺎم ﺑوﺿﻊ اﻟﻣؤﺷر داﺧﻝ اﻟﺣﻘﻝ وﻫو اﻟﺣدث‬ ." Enrter your name " ‫ﺗظﻬر ﻟﻧﺎ رﺳﺎﻟﺔ ﻓﻲ أﺳﻔﻝ اﻟﻣﺳﺗﻌرض‬ : ‫اﻟﺗﻧﻔﻳذ‬ - 57 - www.abahe.co.uk Arab British Academy for Higher Education. : onChange() ‫ﻣﺛﺎﻝ ﻋﻠﻰ اﻟﺣدث‬ No 1 2 3 4 5 6 7 8 Statements <html><head> <title>onChange alert message</title> <SCRIPT LANGUAGE="javascript"> </SCRIPT> <body> Enter your name: <form> <INPUT TYPE="TEXT" NAME= "YourName" onChange="window.status=('you was change the filed');return true;"> 9 </form> 10 </center> 11 <body> 12 </html> "onChange() ‫ﻓﻲ ﻫذا اﻟﻣﺛﺎﻝ ﻋﻧد ﺗﻐﻳﻳر ﻣﻛﺎن اﻟﻣؤﺷر ﻋن اﻟﺣﻘﻝ " اﻟﻘﻳﺎم ﺑﺎﻟﺣدث‬ ."you was change the filed " ‫ﺗظﻬر ﻟﻧﺎ رﺳﺎﻟﺔ ﻓﻲ أﺳﻔﻝ اﻟﻣﺳﺗﻌرض‬ : ‫اﻟﺗﻧﻔﻳذ‬ - 58 - www.abahe.co.uk Arab British Academy for Higher Education. : onBlur() ‫ﻣﺛﺎﻝ ﻋﻠﻰ اﻟﺣدث‬ No 1 2 3 4 5 6 7 8 9 10 11 12 Statements <html><head> <title> onBlur alert message</title> <SCRIPT LANGUAGE="javascript"> </SCRIPT> <body> Enter your name: <form> <INPUT TYPE="TEXT" NAME= "YourName" onBlur = "window.status=('youe leaf the filed empty');return true;"> </form> </center> <body> </html> "onBlur() ‫ﻏﺎ " اﻟﻘﻳﺎم ﺑﺎﻟﺣدث‬ ً ‫ﻓﻲ ﻫذا اﻟﻣﺛﺎﻝ ﻋﻧد ﺗرك اﻟﺣﻘﻝ ﻓﺎر‬ ."you leaf the filed empty " ‫ﺗظﻬر ﻟﻧﺎ رﺳﺎﻟﺔ ﻓﻲ أﺳﻔﻝ اﻟﻣﺳﺗﻌرض‬ :‫اﻟﺗﻧﻔﻳذ‬ - 59 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻣﺛﺎﻝ ﻋﻠﻰ اﻟﺣدﺛﻳن )(‪ onLoad‬و)(‪: onUnload‬‬ ‫‪Statements‬‬ ‫>‪<html><head‬‬ ‫>‪<title>onLoad & onUnload alert message</title‬‬ ‫>"‪<script language="javascript‬‬ ‫)(‪function onloadweb‬‬ ‫{‬ ‫;)"أھال بكم في موقعنا"(‪alert‬‬ ‫}‬ ‫)(‪function onUnloadweb‬‬ ‫{‬ ‫;)"نشكركم على زيارة موقعنا"(‪alert‬‬ ‫}‬ ‫>‪</script‬‬ ‫>‪</head‬‬ ‫>")(‪<body onLoad="onloadweb()" onUnload="onUnloadweb‬‬ ‫>‪<h1></center‬بسم ﷲ الرحمن الرحيم>‪<center><h1‬‬ ‫>‪</body‬‬ ‫>‪</html‬‬ ‫‪No‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫‪7‬‬ ‫‪8‬‬ ‫‪9‬‬ ‫‪10‬‬ ‫‪11‬‬ ‫‪12‬‬ ‫‪13‬‬ ‫‪14‬‬ ‫‪15‬‬ ‫‪16‬‬ ‫‪17‬‬ ‫ﻓــﻲ ﻫــذا اﻟﻣﺛــﺎﻝ ﻋﻧــد اﻟﻘﻳــﺎم ﺑﺗﺣﻣﻳــﻝ اﻟــﺻﻔﺣﺔ وﻫــو اﻟﺣــدث ")(‪ "onLoad‬ﻳــﺗم ﺗﻧﻔﻳــذ اﻟداﻟــﺔ‬ ‫)(‪ onloadweb‬ﺗظﻬ ـ ــر رﺳ ـ ــﺎﻟﺔ "أﻫ ـ ــﻼ ﺑﻛ ـ ــم ﻓ ـ ــﻲ ﻣوﻗﻌﻧ ـ ــﺎ"وﻋﻧ ـ ــد اﻟﻘﻳ ـ ــﺎم ﺑ ـ ــﺈﻏﻼق اﻟ ـ ــﺻﻔﺣﺔ‬ ‫اﻟﻣــﺳﺗﻌرض وﻫــو اﻟﺣــدث )(‪ onUnload‬ﻳــﺗم ﺗﻧﻔﻳــذ اﻟداﻟــﺔ )(‪ onUnloadweb‬ﻓﺗظﻬــر ﻟﻧــﺎ‬ ‫رﺳﺎﻟﺔ " ﻧﺷﻛرﻛم ﻋﻠﻰ زﻳﺎرة ﻣوﻗﻌﻧﺎ "‪.‬‬ ‫اﻟﺗﻧﻔﻳذ‪:‬‬ ‫‪- 60 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪Arab British Academy for Higher Education.‬‬ ‫ﺃﻣﺜﻠﺔ ﳐﺘﺎﺭﺓ ﻣﺘﻨﻮﻋﺔ‬ ‫‪ ‬ﺗم اﺧﺗﻳﺎر ﻣﺟﻣوﻋﺔ ﻣن اﻷﻣﺛﻠﺔ اﻟﺗطﺑﻳﻘﻳﺔ ﻟﻣﺧﺗﻠف اﻟﻧواﺣﻲ وﺗﺣﺗﺎج ﻣﻧﻛم إﻟﻰ‬ ‫ﺗﺣﻠﻳﻝ ﻣﻛﺛف ﻟﻘراءة اﻟﻛود اﻟﺧﺎص ﺑﻬﺎ وﻧذﻛر أن ﻣﺎ ﺗﻌﻠﻣﻧﺎﻩ ﻫو ﻣﺑﺎدئ‬ ‫ﻟوﺿﻊ اﻟطﺎﻟب ﻋﻠﻰ اﻟطرﻳق اﻟﺻﺣﻳﺢ ﻓﻲ ﻟﻐﺔ اﻟﺟﺎﻓﺎ ﺳﻛرﻳﺑت وﻣﺎ ﻋﻠﻰ‬ ‫اﻟﻣﻬﺗم إﻻ اﻟﻣﺗﺎﺑﻌﺔ واﻻﺟﺗﻬﺎد ﻓﻲ ﻫذا اﻟﻣﺟﺎﻝ وﻫذا ﻛﺎن ﻫدﻓﻧﺎ ﻣن ذﻛر ﻫذﻩ‬ ‫اﻷﻣﺛﻠﺔ واﻟﺗﻲ ﻳﺻﻝ ﺑﻌﺿﻬﺎ إﻟﻰ درﺟﺔ اﻻﺣﺗراف‪.‬‬ ‫ﻣﺛﺎﻝ ﻋن ﻛﻳﻔﻳﺔ اﻟﺗﻧﻘﻝ ﺑﻳن اﻟﻌﻧﺎوﻳن اﻟﻣﺧزﻧﺔ ﻓﻲ اﻟﻣﺗﺻﻔﺢ‪:‬‬ ‫‪Statements‬‬ ‫>‪<HTML‬‬ ‫>‪<HEAD‬‬ ‫>‪<TITLE> History Buttons </TITLE‬‬ ‫>"‪<SCRIPT LANGUAGE="JavaScript‬‬ ‫};)‪function nav(X){ history.go(X‬‬ ‫>‪</SCRIPT‬‬ ‫>‪</<HEAD‬‬ ‫>‪<BODY‬‬ ‫>‪<CENTER><h1>Histoy Buttons</h1‬‬ ‫‪<h2> Here are the tow buttons made with navigator form buttons:‬‬ ‫>‪</h2><P‬‬ ‫>‪<FORM‬‬ ‫(‪" onClick="nav‬الصفحة السابقة"=‪<INPUT TYPE="button" VALUE‬‬‫>")‪1‬‬ ‫>")‪" onClick="nav(1‬الصفحة التالية"=‪<INPUT TYPE="button" VALUE‬‬ ‫>‪</FORM‬‬ ‫>‪</CENTER‬‬ ‫>‪</BODY‬‬ ‫>‪</HTML‬‬ ‫‪- 61 -‬‬ ‫‪www.abahe.co.uk‬‬ ‫‪No‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫‪7‬‬ ‫‪8‬‬ ‫‪9‬‬ ‫‪10‬‬ ‫‪11‬‬ ‫‪12‬‬ ‫‪13‬‬ ‫‪14‬‬ ‫‪15‬‬ ‫‪16‬‬ ‫‪17‬‬ Arab British Academy for Higher Education. : ‫ﻣﺛﺎﻝ ﻋن ﻛﻳﻔﻳﺔ إﻧﺷﺎء زر ﻹرﺳﺎﻝ ﺑرﻳد إﻟﻛﺗروﻧﻲ‬ No 1 2 3 4 5 6 7 8 9 10 Statements <HTML> <HEAD> <title> Email button</title> </HEAD> <BODY> <FROM> <INPUT TYPE="button" VALUE="send e-mail" onClick="self.location='mailto:mymail@any_compeny.com';"> </FORM> </BODY> </HTML> - 62 - www.abahe.co.uk Arab British Academy for Higher Education. : ‫ﻣﺛﺎﻝ ﻋن ﻛﻳﻔﻳﺔ ﻓﺣص واﺧﺗﺑﺎر اﻟﻣﺗﺻﻔﺢ‬ No 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Statements <HTML> <HEAD> <TITLE> testing All Browsers</TITLE> <SCRIPT> function browsertest() { thisapp=navigator.appName thisversion=navigator.appVersion thisappcodename=navigator.appCodeName alert("Youare using "+thisapp+"version"+thisversion+",which is code named"+thisappcodename+"."); } </SCRIPT> </HEAD> <BODY onload="browsertest()" bgcolor="FFFFFF"> <CENTER> <H1> Testing All Browsers</H1> <H2>You can modigy this script and use it to direct your JavaScript visitors in one direction.and other visitors elsewhere.</H2> </CENTER> </BODY> </HTML> ‫ ﻳ ـ ــﺗم ﺗﻧﻔﻳ ـ ــذ اﻟداﻟ ـ ــﺔ‬onload ‫ﻓ ـ ــﻲ ﻫ ـ ــذا اﻟﻣﺛ ـ ــﺎﻝ ﻋﻧ ـ ــد ﺗﺣﻣﻳ ـ ــﻝ اﻟ ـ ــﺻﻔﺣﺔ أي اﻟﺣ ـ ــدث‬ ‫ ﺣﻳــث ﺗﻘــوم ﻫــذﻩ اﻟداﻟــﺔ ﺑﻔﺣــص واﺧﺗﺑــﺎر اﻟﻣﺗــﺻﻔﺢ وذﻟــك ﻋــن طرﻳــق‬browsertest() appVersion ‫ و‬appName ‫ واﻟﺧﺎﺻـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ــﻳﺔ‬، navigator ‫اﻟﻛـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ــﺎﺋن‬ : ‫ ﺣﻳث‬appCodeName‫و‬ ‫ ﺳوف ﺗﻘوم ﺑﺈرﺟﺎع اﺳم اﻟﻣﺗﺻﻔﺢ‬navigator.appName ‫ﻋﻧد ﻛﺗﺎﺑﺔ اﻟﺟﻣﻠﺔ‬ - 63 - www.abahe.co.uk Arab British Academy for Higher Education. ‫ ﺳوف ﺗﻘوم ﺑﺈرﺟﺎع إﺻدار اﻟﻣﺗﺻﻔﺢ‬navigator.appVersion ‫وﻋﻧد ﻛﺗﺎﺑﺔ اﻟﺟﻣﻠﺔ‬ ‫ ﺳ ـ ــوف ﺗﻘ ـ ــوم ﺑﺈرﺟ ـ ــﺎع اﻻﺳ ـ ــم‬navigator.appCodeName ‫وﻋﻧ ـ ــد ﻛﺗﺎﺑ ـ ــﺔ اﻟﺟﻣﻠ ـ ــﺔ‬ .‫اﻟﺑرﻣﺟﻲ‬ : ‫اﻟﺗﻧﻔﻳذ‬ :‫ﻋداد اﻟزوار‬ ...‫طﺑﻌﺎً ﺳﺗﻛون ﺑﺣﺎﺟﺔ إﻟﻰ ﺻورة اﻟﻌداد‬ <img src="http://webstats.web.rcn.net/cgi-bin/Count.cgi?df=azzamk@mail.sy&ft=6&tr=N&dd=B&md=8"> - 64 - www.abahe.co.uk Arab British Academy for Higher Education. :‫ ﻓﻲ ﻣوﻗﻌك‬Google ‫وﺿﻊ ﻣﺣرك ﺑﺣث‬ <CENTER> <FORM method=GET action="http://www.google.com/search"> <INPUT TYPE=text name=q size=22 maxlength=255 value""=> < INPUT TYPE =hidden name=ie value=windows-1256> < INPUT TYPE =hidden name=oe value=windows-1256> < INPUT TYPE =submit name=btnG VALUE="Google Search"> </FORM></CENTER> ‫ﺗم ﺗﺟﻬﻳز ﻣﺟﻠد ﺧﺎص ﻣﻊ اﻟﻣﺎدة ﻳﺣﺗوي ﻋﻠﻰ ﺑﻌض اﻷﻣﺛﻠﺔ اﻟﻣﻔﻳدة ﻳرﺟﻰ اﻻطﻼع‬ - 65 - www.abahe.co.uk ‫‪Arab British Academy for Higher Education.‬‬ ‫ﻣﻬﻤـﺔ ﺩﺭﺍﺳﻴﺔ‬ ‫ﺻﻔﺣﺔ ﺣرة‬ ‫أﻧ ــﺷﺊ ﺻ ــﻔﺣﺔ ﺑرﻣﺟﻳ ــﺔ ﻣﻧﺎﺳ ــﺑﺔ ﺑﻠﻐ ــﺔ اﻟﺟﺎﻓ ــﺎ ﺳ ــﻛرﻳﺑت ﺑ ــﺄي ﻣوﺿ ــوع ﺗﺧﺗ ــﺎرﻩ ﻋﻠ ــﻰ أن‬ ‫ﺗﺗﺿﻣن ﻣﻌظم ﻣﺎورد ﻓﻲ ﻫذﻩ اﻟﻣﺎدة إﺿﺎﻓﺔ إﻟﻰ ﻣﻌﻠوﻣﺎﺗك وﻣطﺎﻟﻌﺎﺗك اﻟﺧﺎﺻﺔ‪.‬‬ ‫ﻳرﻓق ﻣﻊ اﻟﺻﻔﺣﺔ ﻣﻠف ﺧﺎص ﻳﺷرح ﺑﺷﻛﻝ ﻣﻔﺻﻝ ﻛﻝ ﺳطر ﻓﻲ اﻟﺻﻳﻐﺔ اﻟﻣﺳﺗﻌﻣﻠﺔ‪.‬‬ ‫ﻣﻊ ﲤﻨﻴﺎﺗﻨﺎ ﻟﻜﻢ ﺑﺎﻟﺘﻮﻓﻴﻖ ﻭﺍﻟﻨﺠﺎﺡ ﺍﻟﺪﺍﺋﻤﲔ‬ ‫‪- 66 -‬‬ ‫‪www.abahe.co.uk‬‬ Arab British Academy for Higher Education. - 67 - www.abahe.co.uk

ﺉﺩﺎﺒﻣ ﺔﻐﻟ ﺖﺒﻳﺮﻜﺳ ﺎﻓﺎﳉﺍ

Related documents

Products

Support

ﺉﺩﺎﺒﻣ ﺔﻐﻟ ﺖﺒﻳﺮﻜﺳ ﺎﻓﺎﳉﺍ

Related documents

Add this document to collection(s)

Add this document to saved

Suggest us how to improve StudyLib