Javascript Cookieを取得してDIVの状態を覚える方法はありますか？

Question

私はテストサイトhere（まだ開発中です）を持っています。一度閉じると、一番上の小さな通知を隠そうとしています。

<style type="text/css"> 
<!-- 
.hide { 
display:none; 
} 
.show { 
display:block; 
} 
--> 
</style> 
<script type="text/javascript"> 
<!-- 
var state; 
window.onload=function() { 
obj=document.getElementById('alert'); 
state=(state==null)?'show':state; 
obj.className=state; 

document.getElementById('close').onclick=function() { 
obj.className=(obj.className=='show')?'hide':'show'; 
state=obj.className; 
setCookie(); 
return false; 
} 
} 

function setCookie() { 
exp=new Date(); 
plusMonth=exp.getTime()+(31*24*60*60*1000); 
exp.setTime(plusMonth); 
document.cookie='State='+state+';expires='+exp.toGMTString(); 
} 

function readCookie() { 
if(document.cookie) { 
state=document.cookie.split('State=')[1]; 
} 
} 
readCookie(); 
//--> 
</script> 

、その後：

現在、私のスクリプトは、このようなものです

<div id="alert" class="show" style="float: left; width: 100%;"><div style="width: 80%; text-align:left; float:left;">Sorry for the downtime, we were experiencing some problems with our web host. Everything should be back to normal now =D</div> 
<div style="width: 18%; text-align:right; float:left; padding-right: 20px;"><a href='#' id="close">close</a></div> </div> 

動作するようには思えません。何か案は？

ありがとうございます！ ：最初に返された配列のオフセットに保存されているので、代わりにこれを行うことになる

サム

Answer 1

まず第一に、あなたはreadCookieを修正する必要があり、分割するあなたの呼び出しは「=国家」の後にすべてのものを返します、

function readCookie() { 
    if(document.cookie) { 
     var tmp = document.cookie.split(';')[0]; 
     state = tmp.split('=')[1]; 
     alert(state); 
    } 
} 

Answer 2

私の場合、Firefox 3.5、Windows XPの場合は動作します。しかし、サイトの読み込みが完了する前にdivは消えません。最初にdivをstyle="hide"に設定し、ページがロードされた後にdivを表示させたい場合があります。