اياكس

‫‪. net‬‬ ‫‪AJAX‬‬ ‫اﻟﺠﺰء اﻷول‬ ‫ﺗﺄﻟﻴﻒ ﻭﺇﻋﺪﺍﺩ‬ ‫ﺁﻭﺍﺯ ﺷﻴﺨﻲ‬ ‫‪Ramanooo@hotmail.com‬‬ ‫ﻟﻤﺤﺔ ﻋﻦ اﻟﻜﺘﺎب ‪:‬‬ ‫ﯾﺘﻜﻮن اﻟﻜﺘﺎب ﻣﻦ ﺛﻼث أﺟﺰاء ﻓﻲ ﻛﻞ ﺟﺰء ﻣﻨﮫ ﯾﺤﺘﻮي ﻋﻠﻰ ﻣﺠﻤﻮﻋﺔ ﺗﻤﺎرﯾﻦ ﻋﻦ اﺳﺘﺨﺪام ﻋﻨﺎﺻﺮ اﺟﺎﻛﺲ ﻓﻲ‬ ‫ﺑﯿﺌﺔ اﻟﻌﻤﻞ‪Visual .NET 2008‬ﯾﺘﻢ ﺷﺮﺣﮭﺎ ﺑﺎﻟﺼﻮر وﺑﺎﻟﺘﻔﺼﯿﻞ‪،‬وذﻟﻚ ﻟﺘﺤﻘﯿﻖ اﻻﺳﺘﻔﺎدة اﻷﻛﺒﺮ ﻣﻦ اﻟﻜﺘﺎب ﺣﯿﺚ‬ ‫ﯾﺘﻌﻠﻢ اﻟﻄﺎﻟﺐ اﻟﻌﺪﯾﺪ ﻣﻦ اﻟﻤﮭﺎرات اﻟﻤﺘﻘﺪﻣﺔ ﻓﻲ ﺗﺼﻤﯿﻢ وﺑﺮﻣﺠﺔ ﺻﻔﺤﺎت اﻟﻮب ﻣﻊ اﺳﺘﺨﺪام ﻋﻨﺎﺻﺮ اﺟﺎﻛﺲ‪ ،‬ﯾﺘﻌﻠﻢ‬ ‫اﻟﻄﺎﻟﺐ أﯾﻀﺎ ﺑﻌﺾ اﻟﻤﮭﺎرات اﻷﺧﺮى ﻓﻲ ﺗﻨﺴﯿﻖ اﻟﺼﻔﺤﺎت ﺑﺎﺳﺘﺨﺪام ‪ Style Sheet‬وإﻧﺸﺎء ﺻﻔﻮف ﺑﺮﻣﺠﯿﺔ‬ ‫‪ Class‬واﺳﺘﺨﺪام أدوات ‪ Standard ASP.net‬واﻟﺘﻌﺎﻣﻞ ﻣﻊ ﻟﻐﺎت اﻟﺒﺮﻣﺠﺔ ‪ C#‬وﻟﻐﺔ ‪ VB‬ﻓﻲ اﺳﺘﺨﺪاﻣﮭﺎ ﻟﺤﻞ‬ ‫اﻟﺘﻤﺎرﯾﻦ اﻟﻤﺘﻨﻮﻋﺔ اﻟﻤﻮﺟﻮدة داﺧﻞ اﻟﻜﺘﺎب ﻓﻲ ﻛﺎﻓﺔ أﺟﺰاﺋﮫ ‪ ،‬ﻓﯿﻤﻜﻦ ﻟﻠﺸﺨﺺ اﻟﻤﺒﺘﺪئ واﻟﻤﺘﻘﺪم اﻟﺒﺪء ﺑﺎﺳﺘﺨﺪام ھﺬا‬ ‫اﻟﻜﺘﺎب ﻓﻄﺮﯾﻘﺔ ﺗﺼﻤﯿﻤﮫ وإﻋﺪاده ﺳﮭﻠﺔ وﺑﺴﯿﻄﺔ‪،‬ﺣﯿﺚ ﯾﻤﻜﻦ ﻟﻠﻤﺒﺘﺪئ إن ﯾﺤﻞ ﺗﻤﺎرﯾﻨﮭﺎ ﺑﺴﮭﻮﻟﺔ وﯾﺘﻌﺮف ﻋﻠﻰ‬ ‫اﻷدوات اﻟﻤﺴﺘﺨﺪﻣﺔ ﻓﻲ ﺣﻞ اﻟﺘﻤﺎرﯾﻦ ﺑﻤﺘﻌﺔ وﯾﻤﻜﻦ أﯾﻀﺎ ﻟﻠﻤﺘﻘﺪم إن ﯾﺴﺘﻔﺎد ﻣﻦ ﺣﻞ اﻟﺘﻤﺎرﯾﻦ اﻟﻤﻮﺟﻮدة ﺣﯿﺚ‬ ‫ﺗﺤﺘﻮي ﻋﻠﻰ ﻣﻌﻠﻮﻣﺎت ﻣﻜﺜﻔﺔ وﻋﺪﯾﺪة ﻟﺰﯾﺎدة ﺧﺒﺮاﺗﮫ ﻓﻲ ﻣﺠﺎل ﺗﺼﻤﯿﻢ وﺑﺮﻣﺠﺔ ﻣﻮاﻗﻊ اﻟﻮب واﺳﺘﺨﺪام ﺗﻘﻨﯿﺔ اﺟﺎﻛﺲ‬ ‫ﺑﻤﺘﻌﺔ وﺑﺴﺎطﺔ ‪.‬‬  ‫اﻟﻤﺤﺘﻮﯾﺎت‬ ‫ﻣﻘﺪﻣﺔ ‪ :‬اﻟﺒﺪاﯾﺔ ﻣﻊ اﺟﺎﻛﺲ ‪ ،‬ﺗﻨﺼﯿﺐ اﺟﺎﻛﺲ وإﻋﺪاده ‪.‬‬ ‫اﻟﺪرس اﻷول ‪ :‬ﺗﺤﺪﯾﺚ ﺟﺰء ﻣﻦ ﺻﻔﺤﺔ وب ﻧﺤﻦ ﻧﻘﻮم ﺑﺎﺧﺘﯿﺎر ﻋﻨﺼﺮ ﻣﺤﺪد ﻟﯿﺘﻢ ﺗﺤﺪﯾﺚ ﺑﯿﺎﻧﺎﺗﮫ دون ﺗﺤﺪﯾﺚ ﻛﺎﻣﻞ‬ ‫اﻟﺼﻔﺤﺔ ﻋﻨﺪ اﻟﻀﻐﻂ ﻋﻠﻰ زر اﻹرﺳﺎل ‪.‬‬ ‫اﻟﺪرس اﻟﺜﺎﻧﻲ ‪ :‬ﺗﺤﺪﯾﺚ ﺑﯿﺎﻧﺎت ﻋﺪة ﻋﻨﺎﺻﺮ ﻓﻲ اﻟﺼﻔﺤﺔ ﻋﺒﺮ اﺳﺘﺨﺪام ﻋﺪة ‪ Update Panel‬ﻓﻲ ﻧﻔﺲ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫اﻟﺪرس اﻟﺜﺎﻟﺚ ‪ Panel :‬ﯾﻈﮭﺮ ﻓﻲ أﻋﻠﻰ ﯾﻤﯿﻦ أو ﯾﺴﺎر اﻟﺼﻔﺤﺔ وﯾﺒﻘﻰ ﺛﺎﺑﺘﺎ ً ﻓﻲ اﻷﻋﻠﻰ ﺣﺘﻰ إﻧﺰال ﺷﺮﯾﻂ اﻟﺼﻔﺤﺔ‬ ‫إﻟﻰ اﻷﺳﻔﻞ ﯾﺴﺘﺨﺪم ﻓﻲ اﻟﺤﺎﻻت اﻟﺪﻋﺎﺋﯿﺔ أو ﺣﺎﻻت ﻋﺪم ﺗﺴﺠﯿﻞ دﺧﻮل اﻟﺰوار اﻟﻤﻮﻗﻊ أو ﻟﺤﺎﻻت أﺧﺮى ‪.‬‬ ‫اﻟﺪرس اﻟﺮاﺑﻊ ‪ Panel :‬ﯾﻤﻜﻨﻨﺎ اﻹﻣﺴﺎك ﺑﮫ وﺗﺤﺮﯾﻜﮫ إﻟﻰ اﻟﻤﻜﺎن اﻟﺬي ﻧﺸﺎء ﺑﺪاﺧﻞ اﻟﺼﻔﺤﺔ ‪.‬‬ ‫اﻟﺪرس اﻟﺨﺎﻣﺲ ‪ :‬زر أﻣﺮ ﯾﻮﺟﺪ ﺑﺠﺎﻧﺐ ﺻﻨﺪوق ﻧﺺ وﻋﻨﺪ اﻟﻀﻐﻂ ﻋﻠﻰ اﻟﺰر ﯾﻈﮭﺮ ﻟﺪﯾﻨﺎ ﺣﺎﻣﻞ اﻷﻟﻮان ﯾﺤﺘﻮي‬ ‫ﻋﻠﻰ ‪ ٢١٦‬ﻟﻮن ﯾﻤﻜﻦ اﺧﺘﯿﺎر اﺣﺪ ا ﻷﻟﻮان ﻓﯿﻈﮭﺮ ﻟﺪﯾﻨﺎ رﻣﺰه ﻓﻲ ﺻﻨﺪوق اﻟﻨﺺ وﯾﻈﮭﺮ اﻟﻠﻮن ﺑﺠﺎﻧﺐ زر اﻷﻣﺮ ‪.‬‬ ‫اﻟﺪرس اﻟﺴﺎدس ‪ :‬ﻋﻨﺪ إرﺳﺎل أﯾﻤﯿﻞ أو رﺳﺎﻟﺔ ﻧﺤﺘﺎج إﻟﻰ ﺗﻌﺪﯾﻞ اﻟﺨﻂ وإﺿﺎﻓﺔ رﻣﻮز واﻟﻰ ﺗﻠﻮﯾﻦ اﻟﺨﻂ وﺟﻌﻠﮫ‬ ‫ﻣﺎﺋﻼً وﺗﻐﯿﺮ ﻧﻤﻂ اﻟﺨﻂ واﻟﻌﺪﯾﺪ ﻣﻦ اﻟﺘﻨﺴﯿﻘﺎت اﻷﺧﺮى ﻓﯿﻤﻜﻨﻨﺎ ھﻨﺎ إﺿﺎﻓﺔ ﻣﺤﺮر اﻟﻨﺼﻮص إﻟﻰ ﺻﻔﺤﺘﻨﺎ ﻟﻠﺘﺤﻜﻢ‬ ‫ﺑﺘﻨﺴﯿﻖ اﻟﺨﻂ ﻗﺒﻞ إرﺳﺎل اﻟﺮﺳﺎﻟﺔ ‪.‬‬ ‫اﻟﺪرس اﻟﺴﺎﺑﻊ ‪ :‬ﻋﻨﺪ إرﺳﺎل أﯾﻤﯿﻞ أو رﺳﺎﻟﺔ ﻧﺤﺘﺎج إﻟﻰ ﺗﻌﺪﯾﻞ اﻟﺨﻂ ﻓﯿﻤﻜﻨﻨﺎ ھﻨﺎ إن ﻧﺠﻌﻞ اﻟﺨﻂ ﻋﺮﯾﻀﺎ أو ﻣﺎﺋﻼ‬ ‫ﻓﻘﻂ واﻟﺘﺤﻜﻢ ﺑﺈظﮭﺎر اﻟﻌﻨﺎﺻﺮ اﻟﺘﻲ ﻧﺸﺎء ﻋﺒﺮ إﻧﺸﺎء ﻣﺤﺮر ﻧﺼﻮص ﺧﺎص ﺑﻨﺎ ‪ ،‬ﻓﯿﻤﻜﻨﻨﺎ ھﻨﺎ إﺿﺎﻓﺔ ﻣﺤﺮر‬ ‫اﻟﻨﺼﻮص إﻟﻰ ﺻﻔﺤﺘﻨﺎ ﻟﻠﺘﺤﻜﻢ ﺑﺘﻨﺴﯿﻖ اﻟﺨﻂ ﻗﺒﻞ إرﺳﺎل اﻟﺮﺳﺎﻟﺔ ‪.‬‬ ‫اﻟﺪرس اﻟﺜﺎﻣﻦ ‪ :‬رﺳﺎﻟﺔ ﺗﺄﻛﯿﺪ إرﺳﺎل اﻟﺒﯿﺎﻧﺎت أو رﺳﺎﻟﺔ ﺗﻨﺒﯿﮫ إرﺳﺎل أﻣﺮ ﻣﻌﯿﻦ إﻟﻰ اﻟﻤﺨﺪم ‪.‬‬ ‫اﻟﺪرس اﻟﺘﺎﺳﻊ ‪ :‬ﻋﻨﺎﺻﺮ اﻟﺘﺤﻘﻖ ﻣﻦ إدﺧﺎل ﻗﯿﻢ ﻧﺤﻦ ﻧﻘﻮم ﺑﺘﺤﺪﯾﺪھﺎ ﺣﯿﺚ ﯾﻘﻮم اﻟﺘﺤﻘﻖ ﻣﻦ إدﺧﺎل أرﻗﺎم ﻓﻘﻂ ﻓﻲ‬ ‫اﻟﺼﻨﺪوق اﻷول وﻟﻦ ﯾﻘﺒﻞ إدﺧﺎل أي ﺷﻲء ﺳﻮا اﻷرﻗﺎم واﻟﺘﺤﻘﻖ أﯾﻀﺎ ﻣﻦ إدﺧﺎل ﺣﺮوف ﺻﻐﯿﺮة ﻓﻘﻂ وﻟﻦ ﯾﺴﻤﺢ‬ ‫ﺑﺈدﺧﺎل ﺳﻮا اﻟﺤﺮوف اﻟﺼﻐﯿﺮة واﻟﺘﺤﻘﻖ ﻣﻦ إدﺧﺎل ﻋﻤﻠﯿﺔ رﯾﺎﺿﯿﺔ وﻟﻦ ﯾﺴﻤﺢ ﺳﻮا إدﺧﺎل ﻋﻤﻠﯿﺔ رﯾﺎﺿﯿﺔ ‪.‬‬  ‫اﻟﺒﺪاﯾﺔ ﻣﻊ اﺟﺎﻛﺲ‪:‬‬ ‫ﺗﻌرﯾﻔﮭﺎ ‪:‬‬ ‫‪ AJAX‬اﺧﺗﺻﺎر ﻟﻌﺑﺎرة ‪. Asynchronous JavaScript And XML‬‬ ‫ﺗﺎرﯾﺦ اﺟﺎﻛﺲ ‪:‬‬ ‫ﻣﺼﻄﻠﺢ اﺟﺎﻛﺲ ظﮭﺮ أول ﻣﺮة ﻓﻲ ﻣﻘﺎﻟﺔ ﺑﺘﺎرﯾﺦ ‪ ١٨‬ﻓﺒﺮاﯾﺮ ‪ ٢٠٠٥‬ﻟﻜﺎﺗﺐ أﻣﺮﯾﻜﻲ وﻗﺪ وﺻﻒ ﻣﺠﻤﻮﻋﺔ ﺗﻘﻨﯿﺎت و‬ ‫أﺳﺎﻟﯿﺐ اﺳﺘﺨﺪﻣﺖ ﻣﻦ ﻗﺒﻞ ﺟﻮﺟﻞ ‪ GOOGLE‬ﻓﻲ ﺟﻮﺟﻞ أرث ﺗﻤﻜﻦ اﻟﻤﺴﺘﺨﺪم ﻣﻦ اﻟﺘﻌﺎﻣﻞ ﻣﻊ اﻟﻤﻮﻗﻊ‬ ‫اﻹﻟﻜﺘﺮوﻧﻲ ﺑﻄﺮﯾﻘﺔ ﺗﺸﺒﮫ ﺑﺮاﻣﺞ اﻟﺤﺎﺳﻮب ‪ ،‬ﺣﯿﺚ ﯾﻘﻮم اﻟﻤﺴﺘﺨﺪم ﺑﺎﻟﻘﯿﺎم ﺑﺄﻋﻤﺎﻟﮫ ﻣﻦ ﺧﻼل ﺻﻔﺤﺔ واﺣﺪة‪ .‬ﻟﻠﺘﺬﻛﯿﺮ‪،‬‬ ‫ﻓﺈن اﻷدوات اﻟﻤﺴﺘﻌﻤﻠﺔ ﻓﻲ ھﺬه اﻟﺘﻘﻨﯿﺔ ﻛﺎﻧﺖ ﻣﻮﺟﻮدة ﻗﺒﻞ ظﮭﻮر اﻟﻤﻘﺎﻟﺔ‪ .‬ﻓﻔﻲ ‪ ،٢٠٠١‬ظﮭﺮ اﻷﻣﺮ ‪XMLHttp‬‬ ‫داﺧﻞ ﻣﻜﺘﺒﺔ ‪) MSXML‬اﻟﻤﻜﺘﺒﺔ اﻟﺘﻲ ﺻ ﻤﻤﺖ ﻓﻲ اﻟﺒﺪء ﻟﺪﻋﻢ اﻟﻤﺘﺼﻔﺢ اﻧﺘﺮﻧﺖ إﻛﺴﺒﻠﻮرر اﻹﺻﺪار ‪ .(٥‬وظﮭﺮ‬ ‫ﻣﻜﺎﻓﺊ ﻟﮫ ﺑﺎﺳﻢ ‪ XMLHttpRequest‬ﻋﻠﻰ ﻣﺘﺼﻔﺢ ﻣﻮزﯾﻼ وﻣﻦ ﺛﻢ اﻟﻤﺘﺼﻔﺤﺎت اﻷﺧﺮى‪.‬‬ ‫ﻣﺴﺘﻘﺒﻞ اﺟﺎﻛﺲ ‪:‬‬ ‫ھﻨﺎك اﻟﻜﺜﯿﺮ ﯾﻌﺘﻘﺪون أﻧﮫ ﺳﯿﺘﺤﻮل ﻋﺎﻟﻢ اﻟﺒﺮﻣﺠﯿﺎت إﻟﻰ اﻟﻮﯾﺐ ﺑﻤﻌﻨﻲ اﻧﮫ ﯾﻤﻜﻨﻚ اﺳﺘﺨﺪام اﻟﺒﺮاﻣﺞ اﻟﻤﺨﺘﻠﻔﺔ ﻣﻦ‬ ‫ﺧﻼل اﻟﻤﺘﺼﻔﺢ وھﻨﺎك ﻣﻮاﻗﻊ ﻛﺜﯿﺮة ﺑﺪأت اﻟﻤﺸﻮار ﻣﺜﻞ ﺗﺤﻮﯾﻞ ﻣﻠﻔﺎﺗﻚ إﻟﻰ ﺻﯿﻎ ﻣﺨﺘﻠﻔﺔ ﻣﻦ ﺧﻼل اﻟﻤﺘﺼﻔﺢ ‪،‬‬ ‫ﻓﺒﻌﻀﮭﻢ ﻗﺎل إن ﺗﻄﺒﯿﻘﺎت اﻟﻮﯾﺐ ﻟﻢ ﺗﻌﺪ ﺻﻔﺤﺎت ﺑﻌﺪ اﻵن ﺑﻞ أﺻﺒﺤﺖ ﺗﻄﺒﯿﻘﺎت ﺳﻄﺢ ﻣﻜﺘﺐ ﺣﻘﯿﻘﯿﺔ ‪.‬‬ ‫اﻟﺒﺪء ‪:‬‬ ‫ﺳﻨﺘﻌﻠﻢ ﻓﻲ ﻛﺘﺎﺑﻨﺎ اﻟﻤﺼﻮر اﻟﺘﻘﻨﯿﺔ اﻷﻛﺜﺮ اﻧﺘﺸﺎراً ﻟﻤﻨﺢ ﺻﻔﺤﺎت ﻣﻮاﻗﻊ اﻟﻮب أداء ﻋﺎﻟﻲ وﺟﺎذﺑﯿﺔ ﻛﺒﯿﺮة‪،‬اﻋﺘﻤﺪ‬ ‫ھﺬا اﻟﻜﺘﺎب اﻋﺘﻤﺎدا ً ﻛﺒﯿﺮاً ﻋﻠﻰ اﻟﺼﻮر ﻓﻲ ﺷﺮح ﻣﺤﺘﻮﯾﺎت ھﺬه اﻟﺘﻘﻨﯿﺔ ﻟﺠﻌﻞ دراﺳﺘﮫ أﻛﺜﺮ ﺳﮭﻮﻟﺔ وراﺣﺔ‬ ‫ﻟﻠﻤﺘﻌﻠﻢ ﻓﺄﺗﻤﻨﻰ إن ﯾﺴﺘﻔﺎد ﻣﻦ ھﺬا اﻟﻜﺘﺎب اﻟﻌﺪد اﻷﻛﺒﺮ ﻣﻦ ﻣﺒﺮﻣﺠﻲ اﻟﻤﻮاﻗﻊ اﻟﺬﯾﻦ ﯾﺴﺘﺨﺪﻣﻮن ﺑﯿﺌﺔ اﻟﺪوت ﻧﯿﺖ‬ ‫ﻓﻲ ﻋﻤﻠﮭﻢ ‪.‬‬ ‫ﯾﻜﻮن ﻟﺪﯾﻨﺎ ﻓﻲ ‪ Visual Studio 2008‬اﻟﻌﻨﺎﺻﺮ اﻷﺳﺎﺳﯿﺔ ﻓﻲ اﺟﺎﻛﺲ وھﻲ ‪ AJAX Extensions‬ﻧﻘﻮم‬ ‫ﺑﺈﺿﺎﻓﺔ ﻋﻨﺎﺻﺮ اﺟﺎﻛﺲ أﺧﺮى وھﻲ ‪ AJAX Control Toolkit‬ھﻲ ﻋﺒﺎرة ﻋﻦ ﻣﺠﻤﻮﻋﺔ ﻋﻨﺎﺻﺮ‬ ‫ﺗﺘﯿﺢ ﻟﻨﺎ اﻟﻘﯿﺎم ﺑﺘﻄﺒﯿﻖ اﻟﻌﺪﯾﺪ ﻣﻦ ﺣﺮﻛﺎت اﺟﺎﻛﺲ ﻋﻠﻰ ﺻﻔﺤﺔ اﻟﻮب وﯾﺘﻢ ﺗﺤﺪﯾﺚ ﺗﻠﻚ اﻟﻌﻨﺎﺻﺮ ﺑﺸﻜﻞ‬ ‫دوري ﻣﻦ ﻗﺒﻞ ﺷﺮﻛﺔ ‪Microsoft‬‬ ‫ﺗﻨﺼﯿﺐ اﻷدوات اﻹﺿﺎﻓﯿﺔ ﻟﺘﻘﻨﯿﺔ اﺟﺎﻛﺲ ﺿﻤﻦ ﺑﯿﺌﺔ اﻟﺪوت ﻧﯿﺖ‬ ‫‪AJAX Control Toolkit‬‬ ‫ﻋﻨﺎﺻﺮ اﺟﺎﻛﺲ اﻷﺳﺎﺳﯿﺔ اﻟﺘﻲ ﺗﻮﺟﺪ ﻋﻨﺪ ﺗﻨﺼﯿﺐ ‪Microsoft Visual Studio 2008‬‬  ‫ﻧﻘﻮم ﺑﺈﺗﺒﺎع اﻟﺨﻄﻮات اﻟﺘﺎﻟﯿﺔ ﻟﺘﻨﺼﯿﺐ ﻋﻨﺎﺻﺮ ‪ AJAX Control Toolkit‬اﻹﺿﺎﻓﯿﺔ ﺿﻤﻦ ﺑﯿﺌﺔ دوت ﻧﺖ ‪:‬‬ ‫ﻗﻢ ﺑﺘﻨﺰﯾﻞ ﻋﻨﺎﺻﺮ اﺟﺎﻛﺲ اﻹﺿﺎﻓﯿﺔ ﻣﻦ اﻟﺮاﺑﻂ اﻟﺘﺎﻟﻲ ‪):‬ﻗﻢ ﺑﺘﻨﺰﯾﻞ اﻟﻌﻨﺎﺻﺮ ﺿﻤﻦ ﻣﺠﻠﺪ اﻟﺪوت ﻧﯿﺖ ‪(٢٠٠٨‬‬ ‫‪http://www.4shared.com/file/110409699/453ec60e/AjaxControlToolkitSource.html‬‬ ‫اﺗﺒﻊ اﻟﺨﻄﻮات اﻟﺘﺎﻟﯿﺔ ﺑﻌﺪ اﻟﺘﻨﺼﯿﺐ ‪:‬‬ ‫‪ – ٢‬ﻧﻘﻮم ﺑﻔﺘﺢ ‪ Visual Studio 2008‬وﻧﺘﺒﻊ اﻟﺨﻄﻮات اﻟﺘﺎﻟﯿﺔ ‪:‬‬  ‫‪-٣‬‬ ‫‪ - ٤‬ﺑﻌﺪ ﻛﺘﺎﺑﺔ اﺳﻢ اﻟﻌﻨﺎﺻﺮ ﻓﻲ اﻟﻤﻜﺎن اﻟﻤﺒﯿﻦ ﻓﻲ اﻟﺼﻮرة ﻧﻘﻮم ﺑﺈﺿﺎﻓﺔ اﻟﻌﻨﺎﺻﺮ‬ ‫اﻟﺠﺪﯾﺪة ‪Control Toolkit‬‬  ‫‪ – ٥‬ﻧﺨﺘﺎر اﺳﺘﻌﺮاض‬ ‫‪ – ٦‬ﻧﺨﺘﺎر ﻓﺘﺢ اﻟﻤﺠﻠﺪ اﻟﻤﺒﯿﻦ ﻓﻲ اﻟﺼﻮرة وﺳﯿﻜﻮن ﺑﺎﻟﻤﻜﺎن اﻟﺬي ﻗﻤﻨﺎ ﺑﺤﻔﻈﮫ ﻓﯿﮫ‬ ‫‪ – ٧‬ﻧﺨﺘﺎر ﻣﻦ اﻟﻤﺠﻠﺪ اﻟﻤﺒﯿﻦ اﻟﻤﻜﺘﺒﺔ اﻟﺘﻲ ﺗﺤﺘﻮي ﻋﻨﺎﺻﺮ اﺟﺎﻛﺲ اﻟﺠﺪﯾﺪة‬  ‫‪ – ٨‬ﻧﺨﺘﺎر اﻟﻤﻜﺘﺒﺔ‬  ‫‪ – ٩‬ﻧﺨﺘﺎر ﻣﻮاﻓﻖ‬ ‫ﻋﻨﺎﺻﺮ ‪ AJAX Control Toolkit‬اﻟﺠﺪﯾﺪة‬  ‫ﻟﻘﺪ ﻧﺠﺤﺖ ﻓﻲ إدراج اﻟﻌﻨﺎﺻﺮ اﻟﺠﺪﯾﺪة وﻟﻜﻞ ﻋﻨﺼﺮ ﻣﻦ اﻟﻌﻨﺎﺻﺮ اﻟﺠﺪﯾﺪة ﻋﻤﻞ ﻣﻌﯿﻦ ﯾﻘﻮم ﺑﮫ‪ ،‬وﻛﻞ ﻋﻨﺼﺮ ﯾﻤﺘﺎز‬ ‫ﻋﻦ ﻏﯿﺮه ﺑﺨﺼﺎﺋﺺ ﻣﺨﺘﻠﻔﺔ ﺳﻨﻘﻮم ﺑﺴﺮدھﺎ ﻓﻲ ﺗﻤﺎرﯾﻦ ﻣﻨﻔﺼﻠﺔ ﺗﺎﺑﻌﻮﻧﺎ‪..‬‬