Geek Answers Handbook

Cookie is not deleted correctly using jquery

I have the task of setting a cookie for the menu. I have a horizontal menu. When I click on the menu, the menu identifier is set to a cookie. But when I select the next menu, the cookie shows that the first value is input. To do this, I used $.removeCookie("activeDivId"); . But it does not work properly. How can I solve this problem? HTML code

  <div class="menuBar"> <div id="divHome" class="menuHeader ui-corner-top"> <span><a href="#" onclick="Home()" id="home">Home</a></span> </div> <div id="divNewTransaction" class="menuHeader ui-corner-top"> <span><a href="#" onclick="NewTransaction()" >New Transaction</a></span> </div> </div>

Javascript file

  $(document).ready(function () { $(".menuHeader").click(function () { $.removeCookie("activeDivId"); $.cookie("activeDivId", this.id); }); alert(document.cookie); var activeDivId = $.cookie("activeDivId") ? $.cookie("activeDivId") : "divHome"; $("#" + activeDivId).addClass("menuHeaderActive"); });
+4
source share
2 answers
 $(document).ready(function () { //for debugging purpose, so that you can see what is in the menu cookie $('#debug').html('Cookie Content : ' + readCookie('menu')); //if cookie menu exists if (readCookie('menu')) { //loop through the menu item $('#menu a').each(function () { //match the correct link and add selected class to it if ($(this).html() == readCookie('menu')) $(this).addClass('selected'); }); } $('#menu a').click(function () { //Set the cookie according to the text in the link createCookie('menu', $(this).html(),1); }); }); /* Cookie Function */ function createCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } 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; } function eraseCookie(name) { createCookie(name,"",-1); }
+2
source

You can use this method instead of jquery Method

  function createCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else var expires = ""; //var fixedName = ''; /// name =name; document.cookie = name + "=" + value + expires + "; path=/"; this[name] = value; } 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 c; } function eraseCookie(cookiename) { this.createCookie(cookiename, '', -1); this[cookiename] = undefined; // Ecookie(cookiename); }
0
source

More articles:


All Articles