<?php
echo $javascript->link('jquery-1.3.2.min');
?>

پیشنهاد می‌کنم برای تکه کد زیر که قرار است درخواست‌ کلیک بر روی لینک صفحات را به صورت آژاکس ایجاد کند، یک فایل js جدید بسازید یا اینکه می‌توانید آن‌ را مستقیم در layout اضافه کنید:

$('a[href*=/page:]').live('click', function(){
    $('#content').load($(this).attr('href'));
    return false;
});

کار تمام است با کلیک بر روی شماره صفحات محتوا به صورت آژاکس بارگذاری می‌شود. اما یکسری نکات ریز که شاید از قلم انداخته باشید:

کامپوننت RequestHandler را می‌بایستی به کنترلرتان افزوده باشید. دلیل آن روشن است چرا که باید نوع تقاضای کنترلر را، تشخیص دهد و layout را بصورت خودکار به Ajax تبدیل کند. برای درک بیشتر این موضوع پیشنهاد می‌کنم تغییرات بوجود آمده درپی افزودن یا حذف این کامپوننت را از طریق کنسول FireBug دنبال کنید.

مقدار #content نشانگر id عنصری است که محتوا را در بر دارد. این مقدار layout پیشفرض کیک است اگر برای محتوا id یا class دیگری تعریف کرده‌اید روشن است که آن را باید تغییر دهید.

کمی بیشتر
با افزودن a[href*=/sort:] به کد بالا می‌توانید مرتب‌سازی عناصر را هم در یک جدول داده پیشفرض کیک به صورت آژاکس داشته باشید:

$('a[href*=/sort:],a[href*=/page:]').live('click', function(){
    $('#content').load($(this).attr('href'));
    return false;
});

خواندنی‌های کمکی دیگر
+ اگر از ویرایش‌های پایین jQuery استفاده می‌کنید، پلاگین Livequery می توانید جایگزینی برای تابع live باشد.
+ اگر هنوز نمی‌دانید چگونه صفحه‌بندی را در app تان ایجاد کنید، به مستندات کیک در اینجا مراجعه کنید.
+ همچنین در اینجا توضیح داده شده چگونه می‌توانید این کار را بدون jQuery و البته با استفاده از فریم‌ورک prototype انجام دهید.

Aptana را در کار با فریم‌ورک‌های جاوا اسکریپت پیشنهاد می‌کنم اما اگر هنوز از Dreamweaver استفاده می‌کنید و از عدم پشتیبانی از فریم‌ورک‌های جاوا اسکریپت خسته شده‌اید، دیگر نگران نباشید. Chris Charlton افزونه‌ای برای Dreamweaver نوشته است که مشکل را حل می‌کند.

این افزونه برای دو فریم‌ورک jQuery و Prototype از اینجا قابل دریافت است. گویا پشتیبانی از سایر کتابخانه‌ها از جمله MooTools و YUI نیز در حال انجام است.

درهمین رابطه:
+ تنظیمات مربوط به پکربندی فریم‌ورک jQuery را برای Aptana می‌توانید در اینجا بیابید.
+ Spket را هم فراموش نکنید، نحوه بکارگیری jQuery در این IDE هم اینجاست.

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

صفحه‌ی اصلی وبلاگم را چک کردم، در مجموع 27 آبجکت با حجم 82 کیلوبایت در صفحه اصلی وجود دارد. که اگر کاربری با سرعت پایین یک اتصال دیال‌آپ را هم در نظر بگیریم در مدت زمانی کمتر از 6 -8 ثانیه کل محتوای صفحه اصلی بارگذاری می‌شود. این ابزار آنلاین را می‌توانید در اینجا بیابید.

در این میان این یکی خیلی برام جالب بود. این بازی به کمک پی اچ پی و کاربرد کتابخانه های جاوا اسکریپت prototype و scriptaculous طراحی شده است. یک رابط کاربری با انعطاف بالا که از آژاکس برای آپدیت وضعیت بازی کمک می گیره بازی رو زنده کرده. گرافیکش در سطح عالیست و به جرات می تونم بگم به هیچ وجه از فلش استفاده نشده. یک ثبت نام ساده و استارت بازی، به امتحانش می ارزه.

در فرام اینجا هم موضوعات جالبی در مورد نحوه طراحی و برنامه نویسی این بازی ها با پی اچ پی مطرح شده است. ضمنا می تونید چند تا از بازی های تک نفری یا چند نفری بهینه شده با آژاکس رو در اینجا ببینید. اما به اون بازی بالا نمی رسه. بازی مشابه ای با پی اچ پی و آژاکس سراغ ندارین؟