مروری بر Regular Expression

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 آپلود از همه جا

سایت Filepicker یک وب سرویس در اختیار توسعه دهنده گاه قرار داده که به آنها اجازه می دهد از آپلودری جالب استفاده کنند . از امکانات این آپلودر آپلود فایلها از آدرس URL و یا از کامپیوتر ، آپلود از DropBox و آپلود از عکسهای فیسبوک می باشد.

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

مدیریت فایل در هر جایی از سایت برای کاربران

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

(ادامه…)

پر کردن فیلدهای فرم با Jquery و JSON

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

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

نام این پلاگین fillthis می باشد که میتوانید از سایت سازنده آن را دریافت نمایید  . در ادامه نحوه ی استفاده از این پلاگین را شرح می دهیم .
(ادامه…)

صفحه بندی مطالب زیاد با Jquery

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

jPages  یک پلاگین Jquery می باشد که براحتی این کار را برای شما انجام می دهد ، امکانات بسیار زیاد این پلاگین تقریبا هر نیازی را برطرف می کند :

۱- انواع مختلف نمایش صفحه بندی

۲- عوض شدن صفحات با حرکت اسکرول موس

۳ – تغییر تعداد اطلاعات نمایش داده شده

۴ – پریدن به یک صفحه خاص

۵ – حمایت از انیمشن های Jquery , CSS

6- استفاده از Lazy Load برای پیش لود کردن عکسها

۷- استفاده در جدول عکسها و هر حالی از اطلاعات

۸- قرار دادن دگمه جلو عقب در مکانهای دلخواه

۹ – ساخت انواع گالری عکسها و نمایش بند انگشتی عکسها

۱۰ –  عوض شدن صفحات بطور خودکار

(ادامه…)

استفاده از کدهای PHP در داخل پستهای وردپرس

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

همچنین در ادامه نحوه ی استفاده از ShortCode ها را در Widget ها یا ابزارک های پوسته شرح می دهم .
(ادامه…)

منوی درختی از اطلاعات XML

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

قبل از شروع لطفا دمو را مشاهده کنید .

(ادامه…)

تبدیل اطلاعات XML به JSON

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

در این نوشته با استفاده از یک پلاگین Jquery تبدیل فرمت اطلاعات XML به JSON همراه با گزینه های قابل تغییر آن شرح می دهم .

(ادامه…)