طرز تهیه کوکی های خوشمزه جی کوئری

سلام به همه دوستان و همراهان گل توی خونه و اداره. بعد از یک کم کاری نسبتا طولانی، امروز قصد دارم که شما خوانندگان عزیز رو با طرز تهیه کوکی های خوشمزه در جی کوئری آشنا کنم. مواد لازم برای این آموزش عبارتند از:

1. حتما حتما با یک لبخند ملیح این آموزش رو دنبال کنید… 🙂
2. یادتون باشه که این کوکی، شوکولات و شیرینی نیست. (آشنایی با کوکی در اینجا)
3. کتابخانه jquery.cookie.js رو از اینجا دانلود کنید که جزء مواد اولیه ماست.
4. بدنتون رو گرم کنید که با یک آموزش تند سریع، کوکی هاتون آمادست. 😉

مراحل آموزش

خب اول از همه میریم سراغ چیدمان اسکریپت ها که در صف اول کتابخانه ی جی کوئری قرار میگیره و بعد از اون هم کتابخانه jquery.cookie.js : (این فراخوانی رو میتونید پیش از پایان تگ body در سند html سایتتون قرار بدید)

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="/path/to/jquery.cookie.js"></script>

* نکته مهم : فراموش نکنید که سورس کتابخانه jquery.cookie.js رو حتما مطابق با سیستم فایل های خودتون ویرایش و آدرس دهی کنید.

در مرحله دوم، با فراخوانی تابع cookie از کتابخانه jquery.cookie.js و تنظیم متغیرها، کوکی های شما آمادست. دو متغیر ضروری که باید اول از همه تنظیمشون کنیم نام و مقدار کوکی هست که به صورت زیر در تابع اصلی قرار میگیرند:

$.cookie('name', 'value');

اما تنظیمات دیگه ای هم مثل مدت زمان عمر کوکی، تنظیم محل کوکی (path)، آدرس دامین و نهایتا فعال سازی پروتکول https هم هستند که در صورت ضرورت میتونید از این گزینه ها هم استفاده کنید. به عنوان مثال:

$.cookie('name', 'value', { expires: 7, path: '/' });

خب تا اینجای کار کوکی های شما آمادست و برای پایان کار، یک مثال ساده و پرکاربرد رو هم خدمت شما دوستان عزیز ارائه میکنم که با استفاده از اون میتونید یک کوکی با طول عمر  ۱ ساعت تعریف کنید و سپس با یک شرط ساده، ماژول هایی مثل خبرنامه پاپ آپ، تصاویر لایت باکس و… رو در هر ساعت به کاربرانتون نمایش بدید:

$(document).ready(function () {
    if (jQuery.cookie('ali_cookie') == null) {
        var date = new Date();
        var minutes = 60;
        date.setTime(date.getTime() + (minutes * 60 * 1000));
        jQuery.cookie('ali_cookie', 'yes', {
            expires: date,
            path: '/'
        });
		//محل قرار گیری کدهای مربوط به لایت باکس و...
    }
});

* نکته ۱: برای افزایش طول عمر کوکی، میتونید مقدار متغیر minutes رو بر حسب دقیقه افزایش بدید.
* نکته ۲: توابع پاپ آپ، لایت باکس و… رو بعد از پایان تابع cookie و در محل مشخص شده فراخوانی کنید.
* نکته ۳: این کد رو حتما داخل تگ script و یا به صورت آدرس دهی فایل خارجی در صفحه فراخوانی کنید.