Response title
This is preview!
Move this topic
jQuery cookie toggle problem
in Using jQuery
•
13 years ago
I want to use the jQuery cookie to remember is the toggle panel was down or up.
Tis is the code but i dont works, i have used a styleswitcher and this uses also a cookie and this one works.
Tis is the code but i dont works, i have used a styleswitcher and this uses also a cookie and this one works.
// toggle hiddenmenu
$("a#toggle-open-btn, a#toggle-close-btn").click(function () {
if ($("#toggle-box-1").is(":hidden")) {
$("#toggle-box-1").slideDown("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'collapsed');
return false;
} else {
$("#toggle-box-1").slideUp("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'expanded');
return false;
}
var showTop = $.cookie('showTop');
if (showTop == 'collapsed') {
$("#toggle-box-1").show();
$("#topmenu").hide();
};
if ($('#toggle-close-btn').is(":hidden")){
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
} else {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
}
});
1
Replies(11)
Re: jQuery cookie toggle problem
13 years ago
If this is the code you are using then there is some of it that never gets run.
$("a#toggle-open-btn, a#toggle-close-btn").click(function () {
if ($("#toggle-box-1").is(":hidden")) {
$("#toggle-box-1").slideDown("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'collapsed');
return false; <-- Here you return if the statement is true
} else {
$("#toggle-box-1").slideUp("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'expanded');
return false; <-- and here you return if the statement is false
}
<-- From here and down will never get executer -->
var showTop = $.cookie('showTop');
if (showTop == 'collapsed') {
$("#toggle-box-1").show();
$("#topmenu").hide();
};
if ($('#toggle-close-btn').is(":hidden")){
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
} else {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
}
});
Leave a comment on tyde_2's reply
Leave a comment on thehunter's reply
Re: jQuery cookie toggle problem
13 years ago
I haven looked more into it but try this
Basic programming
$("a#toggle-open-btn, a#toggle-close-btn").click(function () {
if ($("#toggle-box-1").is(":hidden")) {
$("#toggle-box-1").slideDown("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'collapsed');
} else {
$("#toggle-box-1").slideUp("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'expanded');
}
var showTop = $.cookie('showTop');
if (showTop == 'collapsed') {
$("#toggle-box-1").show();
$("#topmenu").hide();
};
if ($('#toggle-close-btn').is(":hidden")){
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
} else {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
}
return false;
});
Basic programming
Leave a comment on tyde_2's reply
Re: jQuery cookie toggle problem
13 years ago
Thanks but it still does not work.
It stores the cookie value's so that works.
It stores the cookie value's so that works.
Leave a comment on thehunter's reply
Re: jQuery cookie toggle problem
13 years ago
I'll have a better look at it later. So might give you a better answer tomorrow.
Leave a comment on tyde_2's reply
Leave a comment on thehunter's reply
Re: jQuery cookie toggle problem
13 years ago
Ahh found it. you need the cookie plugin by Klaus Hartl. You can find it here http://dev.jquery.com/browser/trunk/plugins/cookie/
or grap the mini from this code below
Also you will have to rework on your code. This works but it's not great
or grap the mini from this code below
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=$.extend({},options);options.expires=-1;}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}expires='; expires='+date.toUTCString();}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}return cookieValue;}};
Also you will have to rework on your code. This works but it's not great
// toggle hiddenmenu
$("a#toggle-open-btn, a#toggle-close-btn").click(function () {
var showTop = $.cookie('showTop');
if (showTop == 'collapsed') {
$("#toggle-box-1").show();
$("#topmenu").hide();
};
if ($('#toggle-close-btn').is(":hidden")){
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
} else {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
}
if ($("#toggle-box-1").is(":hidden")) {
$("#toggle-box-1").slideDown("slow");
$("#topmenu").slideToggle("slow");
// $.cookie('showTop', 'collapsed');
return false;
} else {
$("#toggle-box-1").slideUp("slow");
$("#topmenu").slideToggle("slow");
// $.cookie('showTop', 'expanded');
return false;
}
});
Leave a comment on tyde_2's reply
Re: jQuery cookie toggle problem
13 years ago
I used the jQuery cookie plugin before but this code is still not working :S
Very strange.
Very strange.
Leave a comment on thehunter's reply
Re: jQuery cookie toggle problem
13 years ago
<script type="text/javascript">
$(function() {
jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=$.extend({},options);options.expires=-1;}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}expires='; expires='+date.toUTCString();}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}return cookieValue;}};
// var showTop = $.cookie('showTop');
if ($.cookie('showTop') == 'collapsed') {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
$("#toggle-box-1").hide();
$("#topmenu").hide();
}else {
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
};
$("a#toggle-open-btn, a#toggle-close-btn").click(function () {
if ($("#toggle-box-1").is(":hidden")) {
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
$("#toggle-box-1").slideDown("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'expanded');
} else {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
$("#toggle-box-1").slideUp("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'collapsed');
}
return false;
});
});
</script>
There you go. Have done some reprogramming of your code as well
Leave a comment on tyde_2's reply
Re: jQuery cookie toggle problem
13 years ago
Thanks but it still does not work.
I have removed all other code but i still wont work.
What version of jQuery are u using? I am using 1.3.2.
I have removed all other code but i still wont work.
What version of jQuery are u using? I am using 1.3.2.
Leave a comment on thehunter's reply
Re: jQuery cookie toggle problem
13 years ago
I now know what i did wrong, i left the if statment in the click part............stuppid me
Thanks for all of you help!!!
Edit you have forgoten something
Thanks for all of you help!!!
Edit you have forgoten something
jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=$.extend({},options);options.expires=-1;}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}expires='; expires='+date.toUTCString();}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}return cookieValue;}};
// var showTop = $.cookie('showTop');
if ($.cookie('showTop') == 'collapsed') {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
$("#toggle-box-1").hide();
$("#topmenu").show();
}else {
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
$("#toggle-box-1").show();
$("#topmenu").hide();
};
$("a#toggle-open-btn, a#toggle-close-btn").click(function () {
if ($("#toggle-box-1").is(":hidden")) {
$('#toggle-close-btn').show();
$('#toggle-open-btn').hide();
$("#toggle-box-1").slideDown("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'expanded');
} else {
$('#toggle-open-btn').show();
$('#toggle-close-btn').hide();
$("#toggle-box-1").slideUp("slow");
$("#topmenu").slideToggle("slow");
$.cookie('showTop', 'collapsed');
}
return false;
});
Leave a comment on thehunter's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to thehunter's question