Em đang viết javascript để đóng mở mấy cái borderwarp có lưu cookie nhưng mãi mà nó chả lưu cái gì
Javascript của em sai chỗ nào vậy, mấy bác chỉ em với
Demo: https://jsfiddle.net/manhlinhtm/0yjfLobe/
Javascript của em sai chỗ nào vậy, mấy bác chỉ em với
Demo: https://jsfiddle.net/manhlinhtm/0yjfLobe/
- Code:
- Code:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
function setCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname) {
var name = cname + "=";
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);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function toggleCategory(id){
$("#b"+id).toggleClass("expand");
$("#"+id).slideToggle();
var user = getCookie(id);
var cate = $("#w3s").attr("style");
if (cate == "display:block") {
user = "display:none";
}
if (cate == "display:none") {
user = "display:block";
}
setCookie(id, user);
}
function cookieCategory(id){
if (user == "display:block") {
$("#"+id).attr("style","display:block");
}
if (user == "display:none") {
$("#"+id).attr("style","display:none");
}
}
</script>
</head>
<body>
<div id="rootwrap">
<div class="contract" id="broot" onclick="toggleCategory('root');" >
click
</div>
<div id="root" style="display:block" onload="cookieCategory('root')">
</div>
</div>
<style>
*{padding:0;margin:2px 0}
div {width:400px}
.contract{height:40px;background:#ff0000}
.expand {background:#00ff1f;height:40px}
#root{height:300px;background:#0066ff;display:block}
</style>
</body>
</html>