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

میتوانید در سایت سازنده نمونه های این لغزنده ها را ببینید . همچنین برای روش استفاده می توانید در صفحه ی Github سازنده مستندات آن را مطالعه کنید و پلاگین را دانلود نمایید . اگر با دانلود از github مشکل داشتید از هاست طراح آن را بطور مستقیم می توانید دریافت نمایید .
برای fix کردن یک باکس در Sidebar بعد از مقداری اسکرول و دوباره بازگشت به حالت قبل می توان از کدی که در این نوشته شرح می دهم استفاده کرد .
در صورتی که میخواهید مستقیما تاثیرات را به المان مذکور وارد کنید از دستور زیر می بایست استفاده کنید :
(function($)
{
$(document).ready( function()
{
var elementPosTop = $('#jq4u-sidebar-ads').position().top;
$(window).scroll(function()
{
var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
//if top of element is in view
if (wintop > elementPosTop)
{
//always in view
$('#jq4u-sidebar-ads').css({ "position":"fixed", "top":"10px" });
}
else
{
//reset back to normal viewing
$('#jq4u-sidebar-ads').css({ "position":"inherit" });
}
});
});
})(jQuery);
که در این صورت #jq4u-sidebar-ads نام آیدی المانی است که می بایست ثابت بماند .
(ادامه…)
سایت Filepicker یک وب سرویس در اختیار توسعه دهنده گاه قرار داده که به آنها اجازه می دهد از آپلودری جالب استفاده کنند . از امکانات این آپلودر آپلود فایلها از آدرس URL و یا از کامپیوتر ، آپلود از DropBox و آپلود از عکسهای فیسبوک می باشد.

بطور مثال یک توسعه دهنده و برنامه نویس سایتی ، با دریافت کدی مخصوص از این سایت می تواند به عنوان واسطه از این سایت برای ارتباط با فیسبوک و دراپ باکس و دیگر سایتها استفاده نماید . چون عملیات تحت سرور انجام می شود اولا پهنای باند کاربر کم نمی شود ، همچنین لینکهای مسدود و فیل*تر شده نیز قابل استفاده و آپلود خواهند بود . در سایت سازنده چندین دمو و مثال برای استفاده از این وب سرویس ارائه شده است . قسمت آپلود دارای چندین بخش است که مهمترین آن آپلود مستقیم از سایت دیگر است ، قسمت دراپ باکس و فیسبوک به هر کاربر سایت اجازه می دهد که از اکانتهای خود فایلها را آپلود نماید ، توسعه دهنده احتیاج به ثبت اپلیکشن و گرفتن API از این دو سایت نیست ، بلکه FilePicker این کار را برای توسعه دهندگان و برنامه نویسان به عنوان واسطه انجام می دهد .
(ادامه…)
داشتن قسمت مدیریت فایل با قابلیهای کامل برای کاربران (و نه فقط مدیر) یک امکان جالبی است ، مثلا برای هر کاربر یک گروه یک فایل منیجر با سطح دسترسی خاص میتوان ایجاد کرد . داشتن فضای اختصاصی و ایجاد و جذف و تغییر نام پوشه ها و فایلها و انتقال و کپی و … با استفاده از AJAX از دیگر امکانات فایل منیجری است که قصد معرفی آن را دارم .

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

در هر دو روش این پلاگین کار را ساده تر می کند ، همیشه باز و بسته کردن تگهای PHP داخل مشخصه ی Value فرم ها کاری خسته کننده و تکراری می باشد و امکان خطا را هم بالاتر می برد ، اگر checkbox هایی را بخواهیم با PHP علامت گذاری کنیم که کار بسیار پیچیده تر خواهد شد و کمی برنامه نویسی شرطی هم وارد خواهد شد . پر کردن فیلدها با جاواسکریپت (جی کوئری) هم از لحاظ سادگی و هم کنترل بهتر قویا پیشنهاد می شود .
نام این پلاگین fillthis می باشد که میتوانید از سایت سازنده آن را دریافت نمایید . در ادامه نحوه ی استفاده از این پلاگین را شرح می دهیم .
(ادامه…)
در صورتی که مطالب یا عکسها یا داده های جدول زیادی را می بایست به کاربران نمایش دهید اما می خواهید این مقدار بصورت کنترل شده هر بار به کاربر نشان داده شود و با صفحه بندی ۱ ۲ ۳ اطلاعات صفحه بندی شود ، می بایست با استفاده یا با استفاده از زبان برنامه نویسی اصلی سایت خود مثلا PHP اینکار را انجام دهید یا اطلاعات دریافت شده را با جاواسکریپت صفحه بندی کنید . روش اول برای حالتی مناسب است که نمی خواهید به سرور فشار آورده شود و هر بار یک مقدار محدود کوئری از دیتابیس گرفته شود ، اما عیب این روش یکی ریفرش شدن صفحه در هر بار درخواست و پیچیده شدن لینک گذاری صفحات برای کنترل صفحات است ، اما در روش دوم اطلاعات پردازش شده را فقط در نمایش صفحه بندی می کنیم در این حالت یکبار تعداد زیادی اطلاعات از سرور دریافت شده و بعد با Jquery یا جاواسکریپت این اطلاعات زیاد را صفحه بندی می کنیم مزایای این روش دقیقا رفع معایب حالت قبل است ، نه صفحه ریفرش می شود نه لازم به پیچیده کردن لینک گذاری و برنامه نویسی است .

jPages یک پلاگین Jquery می باشد که براحتی این کار را برای شما انجام می دهد ، امکانات بسیار زیاد این پلاگین تقریبا هر نیازی را برطرف می کند :
۱- انواع مختلف نمایش صفحه بندی
۲- عوض شدن صفحات با حرکت اسکرول موس
۳ – تغییر تعداد اطلاعات نمایش داده شده
۴ – پریدن به یک صفحه خاص
۵ – حمایت از انیمشن های Jquery , CSS
6- استفاده از Lazy Load برای پیش لود کردن عکسها
۷- استفاده در جدول عکسها و هر حالی از اطلاعات
۸- قرار دادن دگمه جلو عقب در مکانهای دلخواه
۹ – ساخت انواع گالری عکسها و نمایش بند انگشتی عکسها
۱۰ – عوض شدن صفحات بطور خودکار
بعضی وقتها لازم است برای شخصی تر کردن وردپرس ، کدهایی را در هنگام اجرای پستهای خاصی اجرا کرد ، فرض کنید می خواهید دسترسی بعضی پستها را محدود به کاربران کنید و خیلی کارهای خاص دیگر که بین همه ی پستها عمومیت ندارد . با استفاده از shortCode ها می توان کدهای PHP را از داخل ویرایشگر فراخوانی و اجرا کرد .

همچنین در ادامه نحوه ی استفاده از ShortCode ها را در Widget ها یا ابزارک های پوسته شرح می دهم .
(ادامه…)
XML یکی از بهترین فرمت ها برای ذخیره اطلاعات و دسته بندی و استفاده از اطلاعات ذخیره شده می باشد و می تواند نقش یک دیتابیس را ایفا کند ، در این نوشته قصد دارم با داشتن اطلاعات XML یک منوی درختی با Jquery ایجاد کنیم و در ادامه نحوه ی استفاده از اطلاعات XML را که بصورت داینامیک توسط وب سرویس ها تولید می شود شرح دهیم ، در این حالت با AJAX به وب سرویسی که با PHP اطلاعات را دریافت و ارسال می کند می توان تعامل داشت .

قبل از شروع لطفا دمو را مشاهده کنید .
XML و JSON دو نوع فرمت برای دریافت داده های دسته بندی شده می باشند ، بسیاری از اطلاعات ارسالی وب سرویس ها و API ها به این دو فرمت می باشد ، در صورتی که اطلاعات دریافتی بصورت XML باشند (مثلا RSS) و برنامه ای که می خواهید اطلاعات را توسط آن استفاده کنید با فرمت JSON کار می کند چاره ای ندارید که اطلاعات XML را بطور اتوماتیک به Json تبدیل کنید .
در این نوشته با استفاده از یک پلاگین Jquery تبدیل فرمت اطلاعات XML به JSON همراه با گزینه های قابل تغییر آن شرح می دهم .
