升級版！Cookies 記錄你的 WordPress 側邊欄關閉/顯示的狀態

<script type="text/javascript" language="javascript">
$(document).ready(function(){
//SetCookies 
(function(){
function SetCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; 
//如果你希望每個頁面都有個獨立的 Cookies 設置的話請去掉+";path=/"，這樣的話leeiio.me/xxx/ 和leeiio.me/yyy/ 的側邊欄狀態都將是獨立的           
}
window['RootCookies'] = {};
window['RootCookies']['SetCookie'] = SetCookie;
//JavaScript 的命名空間，假使你已有一個 SetCookie 的函數的話將不會與之衝突，通過 RootCookie.SetCookie() 調用
})();
//Toggle Sidebar
$('.close-sidebar').click(function() { 
   RootCookies.SetCookie('show_sidebar', 'no', 1);      //設置一個名為show_sidebar的cookie,值為no,保存天數為1
   $('.close-sidebar').hide();                           //隱藏"關閉側邊欄"按鈕
   $('.show-sidebar').show();                          //顯示"顯示側邊欄"按鈕
   $('.sidebar').fadeOut(1000);
   $('#content').animate({width: "910px"}, 1000); });
$('.show-sidebar').click(function() {  
   RootCookies.SetCookie('show_sidebar', 'no', -1);       
   //設置一個名為show_sidebar的cookie,值為no,保存天數為-1,也就是說讓cookies失效,也就是刪除這個cookie
   $('.show-sidebar').hide();                             //隱藏"顯示側邊欄"按鈕
   $('.close-sidebar').show();                            //顯示"關閉側邊欄"按鈕
   $('#content').animate({width: "690px"}, 1000);
   $('.sidebar').animate({opacity: 1.0}, 500).fadeIn('slow');}); 
});
</script>

<script type="text/javascript" language="javascript"> $(document).ready(function(){ //SetCookies (function(){ function SetCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; //如果你希望每個頁面都有個獨立的 Cookies 設置的話請去掉+";path=/"，這樣的話leeiio.me/xxx/ 和leeiio.me/yyy/ 的側邊欄狀態都將是獨立的 } window['RootCookies'] = {}; window['RootCookies']['SetCookie'] = SetCookie; //JavaScript 的命名空間，假使你已有一個 SetCookie 的函數的話將不會與之衝突，通過 RootCookie.SetCookie() 調用 })(); //Toggle Sidebar $('.close-sidebar').click(function() { RootCookies.SetCookie('show_sidebar', 'no', 1); //設置一個名為show_sidebar的cookie,值為no,保存天數為1 $('.close-sidebar').hide(); //隱藏"關閉側邊欄"按鈕 $('.show-sidebar').show(); //顯示"顯示側邊欄"按鈕 $('.sidebar').fadeOut(1000); $('#content').animate({width: "910px"}, 1000); }); $('.show-sidebar').click(function() { RootCookies.SetCookie('show_sidebar', 'no', -1); //設置一個名為show_sidebar的cookie,值為no,保存天數為-1,也就是說讓cookies失效,也就是刪除這個cookie $('.show-sidebar').hide(); //隱藏"顯示側邊欄"按鈕 $('.close-sidebar').show(); //顯示"關閉側邊欄"按鈕 $('#content').animate({width: "690px"}, 1000); $('.sidebar').animate({opacity: 1.0}, 500).fadeIn('slow');}); }); </script>

<?php if(!$_COOKIE['show_sidebar']=='no'):?>      //當Cookie為show_sidebar的值為0的時候
<li class="close-sidebar" title="關閉側邊欄">關閉側邊欄</li>
<li class="show-sidebar" style="display:none;" title="顯示側邊欄">顯示側邊欄</li>
<?php else: ?>                                                      
<li class="close-sidebar" style="display:none;" title="關閉側邊欄">關閉側邊欄</li>
<li class="show-sidebar" title="顯示側邊欄">顯示側邊欄</li>
<?php endif;?>

<?php if(!$_COOKIE['show_sidebar']=='no'):?> //當Cookie為show_sidebar的值為0的時候 <li class="close-sidebar" title="關閉側邊欄">關閉側邊欄</li> <li class="show-sidebar" style="display:none;" title="顯示側邊欄">顯示側邊欄</li> <?php else: ?> <li class="close-sidebar" style="display:none;" title="關閉側邊欄">關閉側邊欄</li> <li class="show-sidebar" title="顯示側邊欄">顯示側邊欄</li> <?php endif;?>

<?php if($_COOKIE['show_sidebar']=='no'):?>   
//當Cookie為show_sidebar的值為no的時候，載入一下的兩個css
<style type="text/css">
#content {width:910px;}                             
//讓主題部分的寬度為910px，請參照自己的blog進行調整
.sidebar {display:none;}                               
//讓側邊欄不顯示
</style>
<?php endif;?>

<?php if($_COOKIE['show_sidebar']=='no'):?> //當Cookie為show_sidebar的值為no的時候，載入一下的兩個css <style type="text/css"> #content {width:910px;} //讓主題部分的寬度為910px，請參照自己的blog進行調整 .sidebar {display:none;} //讓側邊欄不顯示 </style> <?php endif;?>

<script type="text/javascript" language="javascript">
$(document).ready(function(){
//SetCookies 
(function(){
function SetCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; 
//如果你希望每個頁面都有個獨立的 Cookies 設置的話請去掉+";path=/"，這樣的話leeiio.me/xxx/ 和leeiio.me/yyy/ 的側邊欄狀態都將是獨立的           
}
window['RootCookies'] = {};
window['RootCookies']['SetCookie'] = SetCookie;
//JavaScript 的命名空間，假使你已有一個 SetCookie 的函數的話將不會與之衝突，通過 RootCookie.SetCookie() 調用
})();
//Toggle Sidebar
$('.close-sidebar').click(function() { 
   RootCookies.SetCookie('show_sidebar', 'no', 1);      //設置一個名為show_sidebar的cookie,值為no,保存天數為1
   $('.close-sidebar').hide();                           //隱藏"關閉側邊欄"按鈕
   $('.show-sidebar').show();                          //顯示"顯示側邊欄"按鈕
   $('.sidebar').fadeOut(1000);
   $('#content').animate({width: "910px"}, 1000); });
$('.show-sidebar').click(function() {  
   RootCookies.SetCookie('show_sidebar', 'no', -1);       
   //設置一個名為show_sidebar的cookie,值為no,保存天數為-1,也就是說讓cookies失效,也就是刪除這個cookie
   $('.show-sidebar').hide();                             //隱藏"顯示側邊欄"按鈕
   $('.close-sidebar').show();                            //顯示"關閉側邊欄"按鈕
   $('#content').animate({width: "690px"}, 1000);
   $('.sidebar').animate({opacity: 1.0}, 500).fadeIn('slow');}); 
//與第1步不同的地方開始，以下是區別與第一步js的新增代碼
//Get cookies Value  獲取cookies的值
var cookies = document.cookie.split("; ");
function GetCookieValue(cookieName) {
    var ret = null;
    for (var i = 0; i < cookies.length; i++) {
        var leeiiocookies = cookies[i].split("=");
        if (cookieName == leeiiocookies[0]) {
            ret = unescape(decodeURI(leeiiocookies[1]))
        }
    }
    return ret
}
//判斷cookies的值
if ('no' == GetCookieValue('show_sidebar')){
    $('#content').css({'width':'910px'});   
    //讓正文區域的寬度設置為910px,也就是隱藏sidebar之後的可使寬度,你也可以修改為關閉側邊欄時候的動態效果
    $('.sidebar').hide();
    //讓側邊欄隱藏
});
</script>

<script type="text/javascript" language="javascript"> $(document).ready(function(){ //SetCookies (function(){ function SetCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; //如果你希望每個頁面都有個獨立的 Cookies 設置的話請去掉+";path=/"，這樣的話leeiio.me/xxx/ 和leeiio.me/yyy/ 的側邊欄狀態都將是獨立的 } window['RootCookies'] = {}; window['RootCookies']['SetCookie'] = SetCookie; //JavaScript 的命名空間，假使你已有一個 SetCookie 的函數的話將不會與之衝突，通過 RootCookie.SetCookie() 調用 })(); //Toggle Sidebar $('.close-sidebar').click(function() { RootCookies.SetCookie('show_sidebar', 'no', 1); //設置一個名為show_sidebar的cookie,值為no,保存天數為1 $('.close-sidebar').hide(); //隱藏"關閉側邊欄"按鈕 $('.show-sidebar').show(); //顯示"顯示側邊欄"按鈕 $('.sidebar').fadeOut(1000); $('#content').animate({width: "910px"}, 1000); }); $('.show-sidebar').click(function() { RootCookies.SetCookie('show_sidebar', 'no', -1); //設置一個名為show_sidebar的cookie,值為no,保存天數為-1,也就是說讓cookies失效,也就是刪除這個cookie $('.show-sidebar').hide(); //隱藏"顯示側邊欄"按鈕 $('.close-sidebar').show(); //顯示"關閉側邊欄"按鈕 $('#content').animate({width: "690px"}, 1000); $('.sidebar').animate({opacity: 1.0}, 500).fadeIn('slow');}); //與第1步不同的地方開始，以下是區別與第一步js的新增代碼 //Get cookies Value 獲取cookies的值 var cookies = document.cookie.split("; "); function GetCookieValue(cookieName) { var ret = null; for (var i = 0; i < cookies.length; i++) { var leeiiocookies = cookies[i].split("="); if (cookieName == leeiiocookies[0]) { ret = unescape(decodeURI(leeiiocookies[1])) } } return ret } //判斷cookies的值 if ('no' == GetCookieValue('show_sidebar')){ $('#content').css({'width':'910px'}); //讓正文區域的寬度設置為910px,也就是隱藏sidebar之後的可使寬度,你也可以修改為關閉側邊欄時候的動態效果 $('.sidebar').hide(); //讓側邊欄隱藏 }); </script>