استفاده از jQuery برای صفحه‌بندی در CakePHP

May 31, 2009 at 12:32 am

بعد از یک مدت تقریبا طولانی ننوشتن در اینجا، در این پست قصد دارم به طور خلاصه درمورد آژاکسی کردن صفحه‌بندی پیشفرض CakePHP توسط jQuery بنویسم.
ابتدا آخرین نسخه‌ی jQuery را دریافت و آن را به صورت زیر در layout فراخوانی کنید. دقت کنید jQuery تان ویرایش 1.3 یا به بالا باشد چون قرار است از تابع live که در این ویرایش افزوده شده است استفاده کنیم:

<?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 دنبال کنید. ادامه مطلب …

پشتیبانی از jQuery در Dreamweaver

February 14, 2008 at 05:40 pm

دیر وقت است کار با Adobe Dreamweaver را کنار گذاشته‌ام، Eclipse را بیشتر می‌پسندم به خصوص این مدت که به سمت برنامه‌نویسی جاوا و کار با لینوکس هم کشیده شده‌ام. اگر شما هم با Eclipse کار کرده‌اید یقینا Aptana هم می‌تواند نیازهایتان را در زمینه توسعه وب برآورده کند.

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

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

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

ابزاری برای آزمایش بارگذاری صفحات وب

June 15, 2007 at 02:53 pm

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

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

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

بازی تحت وب با PHP

April 20, 2006 at 07:11 pm

امروزه آژاکس مایه حیات یک صفحه به شمار می رود. صفحات با آژاکس زنده می شوند. در این میان طراحی بازی های آنلاین یا نسخه های آزمایشی بازی های معروف از این پیشرفت بی تاثیر نبوده و این روزها به یک تاپیک داغ تبدیل شده است.

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

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