{"id":2362,"date":"2016-03-18T12:44:16","date_gmt":"2016-03-18T19:44:16","guid":{"rendered":"http:\/\/www.wellgolly.com\/?p=2362"},"modified":"2016-03-18T12:44:27","modified_gmt":"2016-03-18T19:44:27","slug":"browser-cookies-with-javascript","status":"publish","type":"post","link":"https:\/\/www.wellgolly.com\/?p=2362","title":{"rendered":"Browser Cookies with JavaScript"},"content":{"rendered":"

Using JavaScript to set and get cookies is pretty straightforward. I wrote a simple function to set cookies for a game I\u2019m working on. This code initializes\/resets the cookies.
\n

\nvar cookie_days = 30;\nvar cor = 0;\nvar inc = 0;\nvar screen = 0;\nvar level = "MW1";\nsetCookie('VPA_cor',cor,'N');\nsetCookie('VPA_inc',inc,'N');\nsetCookie('VPA_screen',screen,'N');\nsetCookie('VPA_level',level,'Y');\n\nfunction setCookie(cname, cvalue, set_time) {\nvar expires = '';\nif ( set_time == 'Y' ) {\n    var d = new Date();\n    d.setTime(d.getTime() + (cookie_days*24*60*60*1000));\n    expires = "expires="+d.toUTCString();\n}\n\/\/alert('cname ' + cname + 'group ' + cvalue + 'time ' + expires);\ndocument.cookie = cname + "=" + cvalue + "; " + expires;\n}<\/code><\/pre><\/p>\n
Note that the JavaScript code for setting and resetting a cookie is the same. One caveat is that if the cookie has been set outside of JavaScript, e.g. in PHP, then it is possible that the httponly<\/i> has been set to TRUE. In that case you cannot modify an existing cookie with JavaScript.<\/p>\n
You can get the value of the cookies with this code.
\n
\nvar cookie_name = 'VPA_cor';\nvar cor = retrieve_cookie(cookie_name);<\/code><\/pre><\/p>\n
In my code, I set the cookies with PHP, so the path is already set. If you initialize a cookie with JavaScript, you can set the path by adding a path parameter.
\n
\n document.cookie = name + '=' + value + ';' +\n                   'expires=' + expires + ';' +\n                   'path=' + path + ';';<\/code><\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"
Using JavaScript to set and get cookies is pretty straightforward. I wrote a simple function to set cookies for a game I\u2019m working on. This code initializes\/resets the cookies. var cookie_days = 30; var cor = 0; var inc = 0; var screen = 0; var level = "MW1"; setCookie('VPA_cor',cor,'N'); setCookie('VPA_inc',inc,'N'); setCookie('VPA_screen',screen,'N'); setCookie('VPA_level',level,'Y'); function setCookie(cname, … Continue reading Browser Cookies with JavaScript<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-2362","post","type-post","status-publish","format-standard","hentry","category-html-and-css"],"_links":{"self":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts\/2362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2362"}],"version-history":[{"count":0,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts\/2362\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}