2014-08-31 78 views
-1

您好,即時通訊新的JavaScript和我有一個問題。JavaScript的div狀態變化+ cookie

我發現這個代碼,並改變了一下。

<head> 
<script type="text/javascript"> 
name='open'; 
function toggle(showHideDiv, switchImgTag) { 
     var ele = document.getElementById(showHideDiv); 
     var imageEle = document.getElementById(switchImgTag); 
     if(ele.style.display == "block") { 
       ele.style.display = "none"; 
       createCookie(name,'false',0); 
       imageEle.innerHTML = 'Show this window'; 
     } 
     else { 
       ele.style.display = "block"; 
       createCookie(name,'true',0); 
       imageEle.innerHTML = 'Hide this window'; 
     } 
} 
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 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 checkCookie(name) { 
    var x = readCookie(name) 
    if (x == 'false') { 
     document.getElementById('showHideDiv').style.display = 'none' 
    } else if (x == 'true') { 
     document.getElementById('showHideDiv').style.display = 'block'; 
    } 
} 
</script> 
<style type="text/css"> 
body 
{ 
    width: 300px; 
} 
</style> 
</head> 
<body onload="javascript:checkCookie('open')"> 
<button type="button" style="float:right;" onclick="toggle('showHideDiv');">click here</button> 
<div id="showHideDiv" style="display:block;">Some bs to hide or not</div> 
</body> 

現在這工作得很好,我認爲......但上帝的愛我無法弄清楚如何更改cookie lenght(天)我不知道怎麼做記錄,他們現在持續。可一些一個人請幫助我只是這個小東西? :) 提前致謝!

回答

0

看一看jQuery的它給你很多的方法,這將使你的JavaScript的生活變得更加interestibg,更容易...

+0

現在看看,謝謝 – Ethernity4ever 2014-08-31 20:59:36