آموزش طراحی وب

استفاده از cookie در jquery

تو این مقاله ی آموزشی قصد دارم پلاگین کوکی در جی کوئری رو بهتون معرفی کنم و نحوه ی کار با اون رو خدمتتون آموزش بدم.

cookie

استفاده از cookie در Jquery

مخاطبین این مطلب : برنامه نویسان نیمه حرفه ای +

سلام خدمت همراهان همیشگی مدرسه مجازی ایرانیان

شاید براتون اتفاق افتاده باشه که بخواین کوکی ست کنید اما زبان برنامه نویسیتون دست شمارو باز نذاره و مجبور باشید با جی کوئری کوکی ست کنید. مثلا میخواین کاربر که سایت رو باز میکنه یه پاپ آپ براش تو صفحه باز بشه و پیغامی رو نمایش بده و بعد از بستن اون پاپ آپ مثلا تا ۳۰ رو دیگه زمانی که سایت رو باز میکنه این پاپ آپ رو نبینه.

خوب اینجا دیگه نمیتونید با php یا هر زبان برنامه نویسی دیگه ای این کار رو انجام بدید. چون پاپ آپ شما با جی کوئری کار میکنه. در این لحظه شما باید از پلاگین کوکی جی کوئری استفاده کنید.

تو این مقاله ی آموزشی قصد دارم کوکی جی کوئری رو بهتون معرفی کنم و نحوه ی کار با اون رو خدمتتون آموزش بدم. خیلی سادست.

ابتدا این پلاگین رو دانلود کنید.

زمانی که فایل رو دانلود می کنید و از حالت فشرده خارج می کنید، چندین فایل رو مشاهده می کنید. این فایل ها برای developer ها هست و ما در حال حاضر نیازی به اونها نداریم. خوب وارد پوشه ی src بشید و فایل jquery.cookie.js رو در پوشه ی پروژه ی خودتون کپی کنید. حالا نسبت به مسیر پروژه ی خودتون اون رو به صفحه ای که نیاز دارید اضافه کنید.

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

 

نحوه ی کار با Jquery Cookie Plugin

نحوه ی ست کردن کوکی با این پلاگین :

یه اسم برای کوکی انتخاب می کنید و یک مقدار به اون اختصاص میدید

تعیین زمان انقضاء برای کوکی:

زمان رو به روز وارد می کنیم ، مثلا این کوکی که ست کردیم بعد از ۷ روز منقضی میشه

 نحوه ی خوندن کوکی :

با استفاده از نامی که بهش دادید، میتونید اون رو شناسایی کنید

نحوه ی حذف کوکی مورد نظر :

کافیه اسم کوکی مورد نظر رو وارد کنید

 

مثال برای استفاده از پلاگین کوکی جی کوئری

خوب برای درک بهتر یه مثال براتون میزنم، فرض کنید یک پاپ آپ عضویت در خبرنامه داریم و میخوایم اولین بار که کاربر سایت رو باز میکنه بهش نمایش داده بشه و زمانی که کاربر دکمه ی close رو کلیک کرد به مدت ۱ روز دیگه این پاپ آپ بهش نمایش داده نشه.

اسم این کوکی رو NewsLetter میذاریم. دکمه بستن رو هم با id و شناسه ی close در html مون مشخص می کنیم. حالا میگیم اگر کوکی با نام Newsletter وجود نداشت ، در ابتدا پاپ آپ رو باز کن و نمایش بده، حالا اگر دکمه ی بستن رو کاربر کلیک کرد ، این کوکی رو ست کن.

کد html فرضی :

کد جی کوئری :

با این کدی که نوشتیم در اولین بازدید کاربر، پاپ آپ خبرنامه به کاربر نمایش داده میشه، اگر کاربر دکمه بستن رو کلیک کنه دیگه هر چقدرم سایت رو باز کنه به مدت ۱ روز پاپ آپ رو نمیبینه. اینطوری کاربر رو اذیت نمیکنید.

خوب دوستان آموزش به اتمام رسید. امیداورم که مقاله ی مفیدی بوده باشه.

موفق و پاینده باشید.

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۲

  • ضمن سلام وتبریک سال نو به شما
    دقیقا با کد زیر لیست منوی اصلی را در حالت hidden قرار دادم درصفحه دیگر بنام صفحه مورد علاقه

    این قسمت، مخفی و آشکار می شود

    در داخل هر کدام از صفحات این کدرا قرار دادم که کاربر در صورت نیاز جهت ذخیره صفحه (یا نمایش و بنهان کردن هرکدام از منوها در صفحه موردعلاقه)برروی آن کلیک کنه
    نمایش/مخفی
    کد زیر هم که به عنوان اسکریبت اصلی قبل از هدر قرار دادم

    function showhide(id){
    if (document.getElementById){
    obj = document.getElementById(id);
    if (obj.style.display == “none”){
    obj.style.display = “”;
    } else {
    obj.style.display = “none”;
    }
    }
    }

    البته یک استایل هم داره به این شکل
    #toggel
    display:non

    تا اینجا مشکلی ندارم

    یعنی روی هر صفحه که کلیک میکنم برای مثلا ذخیره صفحه یکی از منوها که مشخص کردم به عنوان اسکریبت ۱ یا اسکریبت ۲و… در صفحه موردعلاقه ظاهر میشه یعنی مثلا ذخیره شد ودر صورت کلیک مجدد مخفی میشه یعنی مثلا باک شد
    برنامه هم تا وقتی که بازه خوب درسته وهیچ اشکالی نداره
    فقط مشکل زمانی شروع میشه که برنامه ریستارت میشه یعنی میبندم ودوباره اجرا میکنم درینصورت صفحات یا div هایی که انتخاب شده بودند و از حالت هیدن آشکار شده بودن دوباره به حالت مخفی درمیان یعنی در صفحه علاقه مندیها هیچ انتخاب شده ای وجود ندارد
    کدنویسیم هم افتضاحه ونتونستم ازکوکی یا پایگاه داده استفاده کنم لطفا کمک کنید
    در صورت امکان یک اسکریبتی چیزی برای ذخیره این عمل برام بفرستید)بینهایت سباسگذار میشم ازلطفتون

    • سلام دوست گرامی
      لطفا سوالات اینچنینی رو از طریق سامانه پرسش و پاسخ مطرح کنید.
      موفق و پاینده باشید

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین