1

كيفية إنشاء ملف كوكيز لحفظ الإعدادات في المتصفح

حاليا أقوم بتكويد قالب وأريد أن أجعله متعدد الألوان بحيث يقوم الزائر باختيار اللون المفضل له

ويتم حفظ الإعدادات من خلال الكوكيز في المتصفح بحيث لو الزائر تنقل من صفحة لأخرى يكون اللون الذى اختاره يكون مفعل وليس في كل مرة يختار اللون

أكواد الألوان جاهزة html و css وجي كويرى

يتبقى فقط معرفة كيفية إنشاء ملف كوكيز ليتم حفظ الإعدادات

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

2
zakariamouhid أضف ردا 
function setStyle(style) {
    if (window.localStorage.setItem) {
        window.localStorage.setItem("style", style);
    }
}
var style = "";
if (window.localStorage.getItem) {
    style = window.localStorage.getItem("style") || "";
}
if (!style) {
    style = "style-name";
    setStyle(style );
}
button.onclick = function () {
    setStyle("new-style-name");
};
1
mohamed_refat أضف ردا

كيف يتم استخدام هذا الكود لأن ليس لدي خبرة كبيرة في الجافا سكريبت أو الجي كويري

مثال بسيط

2
zakariamouhid أضف ردا
0
mohamed_refat أضف ردا

شكرا

ما هي مدة صلاحية الملف

1
zakariamouhid أضف ردا

ليس له مدة صلاحية

تبقى القيم في الكائن window.localStorage ما لم يحذفها المستخدم

0
mohamed_refat أضف ردا

اريد تطبيق العمل على أكثر من عنصر في نفس الوقت

مثلا القوائم وخلفيات العناوين ..إلخ

هل في كل مرة أقوم بتكرار الكود التالى data-style لكل عنصر مثلا topnav و navbar

[data-style="4"] {

background: #444;

}

[data-style="4"] {

color: #fff;

}

1
zakariamouhid أضف ردا 
body[data-style="3"] {
    /* style of body */
}
body[data-style="3"] nav {
    /* style of nav */
}
body[data-style="3"] nav ul{
    /* style of ul */
}
body[data-style="3"] nav ul li{
    /* style of li */
}
0
xlmnxp أضف ردا

لماذا لا تخزن الـ Fiddles في حسابك على JSFiddle

1
zakariamouhid أضف ردا

أفعل ذلك عادة

فقط الآن لست متصل من حاسوبي الشخصي لدى لم أسجل الدخول إلى jsFiddle