एक कुकी में ड्रॉपडाउन मेनू चयन सहेजा जा रहा है?

Question

मैं इस कई बार पोस्ट देखा है, लेकिन मैं सब पर काम कर कोड प्राप्त करने में सक्षम नहीं था। मैं इस ड्रॉप डाउन मेनू एक कुकी के लिए अपनी सेटिंग्स को सहेजने बनाने में मदद की जरूरत है, इसलिए जब उपयोगकर्ता फिर से साइट का दौरा, अपने पिछले चयन को बनाए रखा है।

ड्रापडाउन:

<select id="ThemeSelect"> 
    <option value="zelda">Zelda</option> 
    <option value="smb2">SMB 2</option> 
</select> 

संदर्भ के लिए, इस कोड को एक Wordpress विजेट कि सीएसएस कोड बदल जाता है, एक विषय चयनकर्ता की तरह में कुछ जावास्क्रिप्ट के साथ है।

मैं इस एक कुकी के रूप में सहेजने होगा? मुझे लगता है कि मैंने सब कुछ करने की कोशिश की है!

संपादित करें: मैंने कहा जाना चाहिए था, लेकिन मैं इस कोड का उपयोग सीएसएस बदलने के लिए:

इन पंक्तियों के साथ

var saveclass = null; 
var sel = document.getElementById('ThemeSelect'); 
sel.onchange = function(){ 
    saveclass = saveclass ? saveclass : document.body.className; 
    document.body.className = saveclass + ' ' + sel.value; 
}; 

Answer 1

कुछ आप के लिए काम करना चाहिए। जावास्क्रिप्ट के माध्यम से एक कुकी बनाना समारोह, javascripter.net पर एक पोस्ट Setting a Cookie from JavaScript में मिला था।

एचटीएमएल:

<select id="ThemeSelect" onchange="setCookie('theme', this.value, 365);"> 
    <option value="zelda">Zelda</option> 
    <option value="smb2">SMB 2</option> 
</select> 

जावास्क्रिप्ट:

function setCookie(cookieName, cookieValue, nDays) { 
    var today = new Date(); 
    var expire = new Date(); 

    if (!nDays) 
     nDays=1; 

    expire.setTime(today.getTime() + 3600000*24*nDays); 
    document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString(); 
} 

संपादित:

सहेजें कुकी

मैं तुम्हारे लिए एक में दो कार्यों विलय कर दिया है।

एचटीएमएल:

<select id="ThemeSelect" onchange="saveTheme(this.value);"> 
    <option value="zelda">Zelda</option> 
    <option value="smb2">SMB 2</option> 
</select> 

जावास्क्रिप्ट:

var saveclass = null; 

function saveTheme(cookieValue) 
{ 
    var sel = document.getElementById('ThemeSelect'); 

    saveclass = saveclass ? saveclass : document.body.className; 
    document.body.className = saveclass + ' ' + sel.value; 

    setCookie('theme', cookieValue, 365); 
} 

function setCookie(cookieName, cookieValue, nDays) { 
    var today = new Date(); 
    var expire = new Date(); 

    if (nDays==null || nDays==0) 
     nDays=1; 

    expire.setTime(today.getTime() + 3600000*24*nDays); 
    document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString(); 
} 

Live DEMO

पेज

में लौटने पर कुकी पढ़ें

dunsmoreb

के लिए धन्यवाद हम इस फ़ंक्शन का उपयोग कर कुकी प्राप्त कर सकते हैं, shamelessly stolen from this question।

function readCookie(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; 
} 

तो हम मान का चयन करने के लिए पृष्ठ लोड होने की जरूरत है। निम्नलिखित कोड सिर्फ इतना है कि पूरा होगा:

document.addEventListener('DOMContentLoaded', function() { 
    var themeSelect = document.getElementById('ThemeSelect'); 
    var selectedTheme = readCookie('theme'); 

    themeSelect.value = selectedTheme; 
    saveclass = saveclass ? saveclass : document.body.className; 
    document.body.className = saveclass + ' ' + selectedTheme; 
}); 

Live DEMO

Answer 2

आप PHP में सत्र चर बनाने पर गौर करना चाहिए।

http://www.w3schools.com/php/php_sessions.asp

आप एक सत्र के लिए चर बचा सकते हैं और जब आप पृष्ठ लोड, आप चर आप सेट के मूल्य की जाँच करें, के आधार पर यह मूल्य है, लटकती एक निश्चित तरीके से व्यवहार कर सकता है। हो सकता है कि ड्रॉपडाउन आइटम का नाम सत्र चर के रूप में संग्रहीत करें?

Answer 3

नोट: यह उत्तर Josh Mein's answer पर जोड़ता है। इसे मर्ज करने के लिए स्वतंत्र महसूस करें।

हम कुकी इस समारोह का उपयोग कर प्राप्त कर सकते हैं, shamelessly stolen from this question.

function readCookie(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; 
} 

तो हम मान का चयन करने के लिए पृष्ठ लोड होने की जरूरत है। निम्नलिखित कोड बस इसे पूरा करेगा।

document.addEventListener('DOMContentLoaded', function() { 
    var themeSelect = document.getElementById('ThemeSelect'); 
    var selectedTheme = readCookie('theme'); 

    if (selectedTheme) { 
    themeSelect.value = selectedTheme; 
    } 
});