- تصوير جالب؛ توسعه مسجدالحرام (187 کلیک)
- جالب؛ تصویری کمیاب از یخ زدن آبشا نیاگارا در 97 سال پیش! (384 کلیک)
- یک عکس هوایی خیلی جالب! از دست ندین (570 کلیک)
- آخرين تصاوير از مراحل ساخت حرم امام هادي(ع) در سامرا (225 کلیک)
- عکس هایی از پرش یک جوان از یک ساختمان بلند به قصد خودکشی (595 کلیک)
- پر فروش ترين گوشي هاي تلفن همراه در بازار تهران (504 کلیک)
- Copy Handler؛ ابزاری برای تسریع عملیات کپی فایل ها در ویندوز (112 کلیک)
- راهنمای خرید لپ تاپ به زبان فارسی (250 کلیک)
- پردرآمدترین بازیکنان فوتبال جهان ؛ دیوید بکهام در صدر! (146 کلیک)
- کاریکاتور؛ بحران بی آبی در جهان (408 کلیک)
- عکس؛ سيد محمد موسوي جانباز 70 درصد (351 کلیک)
- عکس؛ دشت شقايق دماوند (533 کلیک)
- عکسهای جالب؛ زانتيا چهره عوض کرد! (758 کلیک)
- فوق العاده جالب؛ فیلمی از دوربینی با سرعت ضبط ۲,۰۰۰ فریم در ثانیه (671 کلیک)
- عکس؛ یک درخت خیلی بزرگ و عجیب و غریب (1800 کلیک)
XL-Plot 2.99 : توضیح فارسی برای این برنامه هنوز ارائه نشده است. در صورت تمایل به صفحه انگلیسی مربوط به برنامه مراجعه کنید. (جدید) Advanced Renamer 2.5 : یک برنامه رایگان و حدودا 900 کیلوبایتی برای تغییر نام همزمان چندین و چند فایل با امکانات مختلف. (جدید) FFT Toy 1.0 : این برنامه رایگان و تخصصی به درد کسانی می خورد که با FFT (تبدیل سریع فوریه) آشنایی دارند. (جدید) Dates Calculator 3.0 : یک برنامه رایگان و جمع و جور (حدود 100 کیلوبایت) برای تبدیل سال تاریخ های ژاپنی، هجری و ... به میلادی. (جدید) Zipeg 2.4 : برنامهایی رایگان (همانند Winzip و Winrar) برای فشردن کردن فایلها و فلدرها و همچنین باز کردن فایلهای زیپ (فشرده) شده. (جدید) Turbo51 (Free Pascal Compiler) : این برنامه یک کامپایلر رایگان برای زبان پاسکال و میکروکنترولرهای خانواده 8051 میباشد. File Extension Changer 3.3 : کار این برنامه رایگان این است که به سادگی پسوند فایلهای مختلف را برای شما عوض میکند. حجم این برنامه هم در حدود 300 کیلوبایت میباشد. Snow Player 0.85 : یک پلیر کمحجم و رایگان برای پخش فایلهای صوتی و تصویری شما. Quick Media Converter 3.5.7 : برنامه ایی رایگان و البته با حجمی در حدود 23 مگ برای تبدیل فرمت های مختلف صوتی و تصویری به همدیگر! Transview 8.0 : یک برنامه رایگان و 155 کیلوبایتی برای مشاهده عکسها و تصاویر به همراه امکانات مناسب.
- یک سری ریزه کاری ها رو در وبلاگ درست کردم. یه خورده بهتر شد.
- به زودی یک «ارسال لینک» برای لینک دونی به سبک و فرم باکلاس اون بغل ردیف میکنم.
- نشد ترم تابستونی بردارم.
- همین!
در ابتدا به مقدمهای در مورد آژاکس اشاره می کنیم، این واژه از کجا آمده است؟ کلمه AJAX مخفف عبارت Asynchronous JavaScript And XML میباشد که یک تکنیک و روش جدید برای گسترش (develop) و ارتقای صفحات وب میباشد. در این روش فرامین منتظر بارگذاری کامل صفحه نمیمانند و قبل از لود کامل شروع به اجرا میکنند که باعث افزایش سرعت بارگذاری میشود. در کل آژاکس از چندین ترکیب برای کار خود بهره میبرد مانند: CSS و HTML که برای نمایش محتویات عمومی صفحات وب مورد استفاده قرار میگیرند و بیشتر شما کاربران عزیز با این دو عبارت و کارایی آن آشنایی دارید. آژاکس از جاوا اسکریپ هم برای ساختن یک ظاهر داینامیک برای صفحات بهره میبرد، همانطور که میدانید جاوا اسکریپ یک زبان برنامهنویسی تحت وب میباشد. آژاکس همچنین از XML نیز برای برقراری ارتباط با سرور، بهره میبرد. به همین مقدمه کوتاه ولی مفید بسنده میکنیم و با هم به سراغ ساخت اولین برنامهی کوچک ولی کاربردی میرویم که برای شروع خوب است.
میخواهیم یک کومبو باکس بسازیم و در زیر آن یک باکس، که با انتخاب هر گزینه از کومبو باکس، محتویات صفحه در باکس زیری نمایان میشود. این محتویات میتواند به هر زبانی باشد و می تواند شامل تصویر و تمامی عناصر یک صفحهی وب باشد.
برای شروع باید کد زیر را بین تگهای
کار کد بالا چیست؟ اکنون به بررسی بخشهایی از کد بالا میپردازیم. کد بالا نمایشگر محتویات صفحهی ما است که آن را در صفحهی وب خود، بین تگهایی که در بالا گفته شده (body) قرار میدهیم تا محتویات نمایش داده شود. این کدهایی که در زیر قرار میدهیم وظیفه ساخت کومبو باکس با گزینههای پیشفرض را دارد. نوشتههای قرمز در کومبو باکس نمایان میشوند که شما باید آنها را ویرایش نمایید.
<option selected>Welcome to azemat.com</option>
<option>One Click For ever</option>
<option>Designed by persian designers</option>
</select>
بخش بعدی کدها مربوط به اطلاعاتی است که در زیر این کومبو باکس قرار است ظاهر شود. به کدهای زیر توجه کنید: ( کدهای قرمز باید ویرایش شوند) توجه داشته باشید که برای نمایش متنهای زیر، از قبل برای رنگی و زیبا نمایش داده شدن اطلاعات، یک استایل CSS تعریف شده است که کد آن به سلیقه خودتان بستگی دارد، اما من برایتان کد پیشفرض خودم را قرار دادم، اگر میخواهید از این کد بهره ببرید، باید آن را بین تگهای
و
کد استایل:
.dropcontent{
width: 300px;
height: 140px;
border: 1px solid black;
background-color: #FFECC6;
display:block;
}
</style>
اکنون برای انجام عملیات داینامیکسازی و متحرکسازی کار نیاز به کدهای زیر داریم که باید در بین تگهای
شما اکنون با بررسی و آنالیز این کدها میتوانید مقدمات و اصول ابتدایی، در ذهن خود در مورد آژاکس داشته باشید. در جلسات بعد در صورت استقبال از مقالات آژاکس برایتان سورسهای جدیدتری را آماده میکنم. با نظرات خود میتوانید به بهتر شدن مقالات کمک کنید تا بتوانیم با تکنیک آژاکس بیشتر آشنا شویم. در ضمن اگر ساخت و طراحی برنامههای خاصی مد نظرتان هست، در بخش نظرات بفرمایید تا آنها را نیز آموزش دهیم.
تهیه و تنظیم: حمیدرضا محمدکاظمی (آدرس سایت)
سلام مقاله و سروس جالبی بود ... ممنون امیر جان ... می شه در مورد آژاکس و قرار گیری تصادفی نوشته ها و تصاویر مطلب قرار دهید ؟نیاز به یادگیری و سورس این آموزش دارم...
بابت وبلاگ خوبتان ممنون موفق باشید
از آژاکس بسیار شنیده بودم ولی درست نمیدانستم چیست، از توضیحاتتان بسیار سپاسگزارم.
سلام. اين چيزي كه شما نوشته ايد DHTML است نه Ajax اگه يه نگاه هم به متنش مي انداختين اثري از XML نبود !!!
با سلام به شما
وبلاگ موزه مردم شناسي شوشتر با هدف آشنائي شما (به خصوص جوانان شوشتري)با فعاليت هاي ما در مورد تاسيس موزه مردم شناسي شوشتر راه اندازي شده است و در واقع گزارشي است از اقدامات ما در اين باره و آنچه تا کنون انجام داده ايم.لطفا بعد از دیدن عکسهائی که لینک داده می شوند به وبلاگ نیز مراجعه کرده و نظر خود را اعلام نمایید.
متشکرم
موفق باشيد
