رفتن به مطلب

ایجاد کوکی برای بعضی از رویداد های جی کوئری


پست های پیشنهاد شده

سلام دوستان

من یه منو دارم که پیش فرض بازه و توی همه صفحات سایتم دارم

میخوام وقتی کاربر در صفحه اول اونو بست توی صفحه های دیگه هم بسته باشه

 

یعنی این که پیشفرض چسبیده به سمت راست وقتی اونو بست اسلاید بشه برای بسته شدن

و در مابقی صفحه ها بسته باشه مگه این که دوباره بخواد نمایش بده و وقتی بازش کرد بازم توی صفحه های دیگه باز بمونه...

لینک به ارسال

از این پلاگین استفاده کنید :

https://github.com/carhartl/jquery-cookie

روند کار مشخصه . برای ست کردن کوکی :

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

و برای فراخوانی کوکی :

$.cookie('name');

 

لینک به ارسال
در 7 ساعت قبل، majid1889 گفته است :

از این پلاگین استفاده کنید :

https://github.com/carhartl/jquery-cookie

روند کار مشخصه . برای ست کردن کوکی :


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

و برای فراخوانی کوکی :


$.cookie('name');

 

میشه لطفا در قالب یک مثال توضیح بدین و این کوکی چطوری کار میکنه؟

لینک به ارسال

من نمیدونم برای باز و بسته شدنش چه الگوریتمی استفاده میکنید ...

ولی همینجوری بخوام مثال بزنم :

$(function(){
  $(".nav").css("width",$.cookie('width'));
  $(".nav-open").click(function(){
    $(".nav").css("width","150");
    $.cookie('width', '150');
  });
  $(".nav-close").click(function(){
    $(".nav").css("width","0");
    $.cookie('width', '0');
  });
});

همینجوری الان نوشتم

یکم تغییرش بدید فک کنم ردیفه ;)

لینک به ارسال
در 8 ساعت قبل، majid1889 گفته است :

من نمیدونم برای باز و بسته شدنش چه الگوریتمی استفاده میکنید ...

ولی همینجوری بخوام مثال بزنم :


$(function(){
  $(".nav").css("width",$.cookie('width'));
  $(".nav-open").click(function(){
    $(".nav").css("width","150");
    $.cookie('width', '150');
  });
  $(".nav-close").click(function(){
    $(".nav").css("width","0");
    $.cookie('width', '0');
  });
});

همینجوری الان نوشتم

یکم تغییرش بدید فک کنم ردیفه ;)

مرسی از محبتتون

منوی من از پوزیشن فیکس با پهنای 200 و ارتفاع 100 در 100 با مقدار right: 0 به صورت پیش فرض می باشد و هر وقتی دکمه بستن رو کلیک می کنیم مقدار right:-200px میشه. کمککککک؟

لینک به ارسال
در 16 دقیقه قبل، koolfayfer گفته است :

مرسی از محبتتون

منوی من از پوزیشن فیکس با پهنای 200 و ارتفاع 100 در 100 با مقدار right: 0 به صورت پیش فرض می باشد و هر وقتی دکمه بستن رو کلیک می کنیم مقدار right:-200px میشه. کمککککک؟

کدی که دادین ذخیره نکرد با همین که ابعاد رو حتی سیو کنه

لینک به ارسال
در 6 ساعت قبل، koolfayfer گفته است :

کدی که دادین ذخیره نکرد با همین که ابعاد رو حتی سیو کنه

خوب باید پلاگین رو هم تو کدهاتون اضافه کنید !

اینجا رو بخونید !

لینک به ارسال
در 16 ساعت قبل، majid1889 گفته است :

خوب باید پلاگین رو هم تو کدهاتون اضافه کنید !

اینجا رو بخونید !

سپاس از وقتی که برای من گذاشتین

کد شما مشکلی نداره اما بعد از کلی بررسی فهمیدم گوگل کروم و اینترنت اکسپلورر با آی پی لوکال کوکی ذخیره نمی کنن

همین که توی هاست آپلود کردیم درست شد

لینک به ارسال

فقط یادم رفت بگم

چیزی که شما نوشتید یه css توی جی کوئری نوشتید فقط پهنا

اگه من بخوام موقع کلیک یه کلاس اضافه بشه و توی اون کلاسم کلی دستور css نوشتم و توی کوکی چیو باید نام ببرم؟

لینک به ارسال
در 17 دقیقه قبل، koolfayfer گفته است :

فقط یادم رفت بگم

چیزی که شما نوشتید یه css توی جی کوئری نوشتید فقط پهنا

اگه من بخوام موقع کلیک یه کلاس اضافه بشه و توی اون کلاسم کلی دستور css نوشتم و توی کوکی چیو باید نام ببرم؟

از addClass و removeClass باس استفاده کنی بجای اون css

 

لینک به ارسال

خوب درست و بازم بسیار ممنون

برای مثال کلاس new رو با toggle موقع کلیک نسبت دادم

توی کوکی چی بنویسم برای ذخیرش؟

لینک به ارسال
$(function(){
  $(".nav").addClass($.cookie('myClassName'));
  $(".nav-open").click(function(){
    $(".nav").addClass("new");
    $.cookie('myClassName', 'new');
  });
  $(".nav-close").click(function(){
    $(".nav").removeClass("new");
    $.cookie('myClassName', 'none');
  });
});

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...