Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/mtcounter/mtcounter.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 1 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/mtcounter/mtcounter.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 1 Warning: include(): Failed opening '/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/mtcounter/mtcounter.php' for inclusion (include_path='.:/usr/local/php53/lib/php:/storage/content/41/1005641/pear/php') in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 1 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/links/db.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 2 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/links/db.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 2 Warning: include(): Failed opening '/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/links/db.php' for inclusion (include_path='.:/usr/local/php53/lib/php:/storage/content/41/1005641/pear/php') in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 2 Warning: mysql_query(): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 6 Warning: mysql_query(): A link to the server could not be established in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 6 Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 7 ساخت یک برنامه‌ی کوچک و آموزشی به کمک تکنیک آژاکس :: یک کلیک برای همیشه
بازگشت به صفحه اصلی
بازگشت به صفحه اصلی
نرم افزارهای رایگان
Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/onlyfreewares.com/Persian.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 80 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/onlyfreewares.com/Persian.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 80 Warning: include(): Failed opening '/mounted-storage/home86a/sub001/sc47358-NYVZ/onlyfreewares.com/Persian.php' for inclusion (include_path='.:/usr/local/php53/lib/php:/storage/content/41/1005641/pear/php') in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 80
لینک دونی
Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/linkdooni/IncLastPosts.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 94 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/linkdooni/IncLastPosts.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 94 Warning: include(): Failed opening '/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/linkdooni/IncLastPosts.php' for inclusion (include_path='.:/usr/local/php53/lib/php:/storage/content/41/1005641/pear/php') in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 94
لینک های مفید
Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/468X60Ads.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 114 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/468X60Ads.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 114 Warning: include(): Failed opening '/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/468X60Ads.php' for inclusion (include_path='.:/usr/local/php53/lib/php:/storage/content/41/1005641/pear/php') in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 114
Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/daily/IncLastPosts.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 118 Warning: include(/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/daily/IncLastPosts.php): failed to open stream: No such file or directory in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 118 Warning: include(): Failed opening '/mounted-storage/home86a/sub001/sc47358-NYVZ/azemat.com/weblog/daily/IncLastPosts.php' for inclusion (include_path='.:/usr/local/php53/lib/php:/storage/content/41/1005641/pear/php') in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 118

در ابتدا به مقدمه‌ای در مورد آژاکس اشاره می کنیم، این واژه از کجا آمده است؟ کلمه AJAX مخفف عبارت Asynchronous JavaScript And XML می‌باشد که یک تکنیک و روش جدید برای گسترش (develop) و ارتقای صفحات وب می‌باشد. در این روش فرامین منتظر بارگذاری کامل صفحه نمی‌مانند و قبل از لود کامل شروع به اجرا می‌کنند که باعث افزایش سرعت بارگذاری می‌شود. در کل آژاکس از چندین ترکیب برای کار خود بهره می‌برد مانند: CSS و HTML که برای نمایش محتویات عمومی صفحات وب مورد استفاده قرار می‌گیرند و بیشتر شما کاربران عزیز با این دو عبارت و کارایی آن آشنایی دارید. آژاکس از جاوا اسکریپ هم برای ساختن یک ظاهر داینامیک برای صفحات بهره می‌برد، همان‌طور که می‌دانید جاوا اسکریپ یک زبان برنامه‌نویسی تحت وب می‌باشد. آژاکس همچنین از XML نیز برای برقراری ارتباط با سرور، بهره می‌برد. به همین مقدمه کوتاه ولی مفید بسنده می‌کنیم و با هم به سراغ ساخت اولین برنامه‌ی کوچک ولی کاربردی می‌رویم که برای شروع خوب است.


می‌خواهیم یک کومبو باکس بسازیم و در زیر آن یک باکس، که با انتخاب هر گزینه از کومبو باکس، محتویات صفحه در باکس زیری نمایان می‌شود. این محتویات می‌تواند به هر زبانی باشد و می تواند شامل تصویر و تمامی عناصر یک صفحه‌ی وب باشد.


برای شروع باید کد زیر را بین تگ‌های و قرار دهیم:



کار کد بالا چیست؟ اکنون به بررسی بخش‌هایی از کد بالا می‌پردازیم. کد بالا نمایش‌گر محتویات صفحه‌ی ما است که آن را در صفحه‌ی وب خود، بین تگ‌هایی که در بالا گفته شده (body) قرار می‌دهیم تا محتویات نمایش داده شود. این کدهایی که در زیر قرار می‌دهیم وظیفه ساخت کومبو باکس با گزینه‌های پیش‌فرض را دارد. نوشته‌های قرمز در کومبو باکس نمایان می‌شوند که شما باید آن‌ها را ویرایش نمایید.


<select name="dropmsgoption" size="1" style="width:300" onChange="expandone()">
<option selected>Welcome to azemat.com</option>
<option>One Click For ever</option>
<option>Designed by persian designers</option>
</select>

بخش بعدی کد‌ها مربوط به اطلاعاتی است که در زیر این کومبو باکس قرار است ظاهر شود. به کد‌های زیر توجه کنید: ( کدهای قرمز باید ویرایش شوند) توجه داشته باشید که برای نمایش متن‌های زیر، از قبل برای رنگی و زیبا نمایش داده شدن اطلاعات، یک استایل CSS تعریف شده است که کد آن به سلیقه خودتان بستگی دارد، اما من برایتان کد پیشفرض خودم را قرار دادم، اگر می‌خواهید از این کد بهره ببرید، باید آن را بین تگ‌های و قرار دهید.


کد استایل:


<style type="text/css">
.dropcontent{
width: 300px;
height: 140px;
border: 1px solid black;
background-color: #FFECC6;
display:block;
}
</style>


اکنون برای انجام عملیات داینامیک‌سازی و متحرک‌سازی کار نیاز به کدهای زیر داریم که باید در بین تگ‌های و قرار دهیم:



شما اکنون با بررسی و آنالیز این کدها می‌توانید مقدمات و اصول ابتدایی، در ذهن خود در مورد آژاکس داشته باشید. در جلسات بعد در صورت استقبال از مقالات آژاکس برایتان سورس‌های جدیدتری را آماده می‌کنم. با نظرات خود می‌توانید به بهتر شدن مقالات کمک کنید تا بتوانیم با تکنیک آژاکس بیشتر آشنا شویم. در ضمن اگر ساخت و طراحی برنامه‌های خاصی مد نظرتان هست، در بخش نظرات بفرمایید تا آنها را نیز آموزش دهیم.


تهیه و تنظیم: حمیدرضا محمدکاظمی (آدرس سایت)

تعداد بازدید ( Fatal error: Call to undefined function entry_counter() in /storage/content/41/1005641/weblog.azemat.com/public_html/archives/006685.php on line 246