Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Set cookie and get cookie with JavaScript [duplicate]

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved to a cookie for about a week. The next time you open your HTML file, it should be the previous file you've chosen.

JavaScript code:

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); } 

HTML code:

<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> 
like image 685
DrWooolie Avatar asked Jan 28 '13 23:01

DrWooolie


1 Answers

I find the following code to be much simpler than anything else:

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 +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; } 

Now, calling functions

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

Source - http://www.quirksmode.org/js/cookies.html

They updated the page today so everything in the page should be latest as of now.

like image 68
Mandeep Janjua Avatar answered Oct 02 '22 14:10

Mandeep Janjua