javascript - জাভাস্ক্রিপ্ট বই




কুকি সেট করুন এবং জাভাস্ক্রিপ্ট দিয়ে কুকি পান (3)

JS এর ​​মাধ্যমে কুকি মান সেটিংস এবং পাওয়ার জন্য W3Schools.com এ জাভাস্ক্রিপ্ট কুকি পরীক্ষা করুন।

শুধু সেটকুকি ব্যবহার করুন এবং সেখানে উল্লিখিত GetCookie পদ্ধতি ব্যবহার করুন।

সুতরাং, কোড কিছু দেখতে হবে:

<script>
function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}

function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

function cssSelected() {
    var cssSelected = $('#myList')[0].value;
    if (cssSelected !== "select") {
        setCookie("selectedCSS", cssSelected, 3);
    }
}

$(document).ready(function() {
    $('#myList')[0].value = getCookie("selectedCSS");
})
</script>
<select id="myList" onchange="cssSelected();">
    <option value="select">--Select--</option>
    <option value="style-1.css">CSS1</option>
    <option value="style-2.css">CSS2</option>
    <option value="style-3.css">CSS3</option>
    <option value="style-4.css">CSS4</option>
</select>

এই প্রশ্নটি ইতিমধ্যে একটি উত্তর আছে:

আমি আমার এইচটিএমএল সিএসএস ফাইলের উপর নির্ভর করে একটি কুকি সেট করার চেষ্টা করছি। আমার কাছে বিকল্পগুলির একটি তালিকা রয়েছে এবং বিভিন্ন সিএসএস ফাইলগুলি মূল্য হিসাবে রয়েছে। যখন আমি একটি ফাইল নির্বাচন করি, এটি প্রায় এক সপ্তাহের জন্য একটি কুকিতে সংরক্ষণ করা উচিত। পরের বার যখন আপনি আপনার এইচটিএমএল ফাইল খুলবেন, এটি আপনার নির্বাচিত পূর্ববর্তী ফাইল হওয়া উচিত।

জাভাস্ক্রিপ্ট কোড:

function cssLayout() {
    document.getElementById("css").href = this.value;
}


function setCookie(){
    var date = new Date("Februari 10, 2013");
    var dateString = date.toGMTString();
    var cookieString = "Css=document.getElementById("css").href" + dateString;
    document.cookie = cookieString;
}

function getCookie(){
    alert(document.cookie);
}

এইচটিএমএল কোড:

<form>
    Select your css layout:<br>
    <select id="myList">
        <option value="style-1.css">CSS1</option>
        <option value="style-2.css">CSS2</option>  
        <option value="style-3.css">CSS3</option>
        <option value="style-4.css">CSS4</option>
    </select>
</form>

আমি নিম্নলিখিত কোডটি অন্য কিছু চেয়ে অনেক সহজ হতে খুঁজে পাচ্ছি:

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {   
    document.cookie = name+'=; Max-Age=-99999999;';  
}

এখন, কলিং ফাংশন

setCookie('ppkcookie','testcookie',7);

var x = getCookie('ppkcookie');
if (x) {
    [do something with x]
}

উৎস - http://www.quirksmode.org/js/cookies.html

তারা আজকের পৃষ্ঠাটি আপডেট করেছে তাই পৃষ্ঠাটির সবকিছু এখনই সর্বশেষ হওয়া উচিত।


এই w3schools (কখনও কখনও তৈরি সবচেয়ে ভয়ানক ওয়েব রেফারেন্স) চেয়ে অনেক ভাল রেফারেন্স হয়:

এই রেফারেন্স থেকে প্রাপ্ত উদাহরণ:

// sets the cookie cookie1
document.cookie =
 'cookie1=test; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/'

// sets the cookie cookie2 (cookie1 is *not* overwritten)
document.cookie =
 'cookie2=test; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/'

// remove cookie2
document.cookie = 'cookie2=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/'

মজিলা রেফারেন্স এমনকি আপনি ব্যবহার করতে পারেন একটি চমৎকার কুকি লাইব্রেরি আছে।






cookies