Javascriptで可動divの状態を保存することはできますか？

Question

私はドラッグできるdivを持つページを持っています。 JSONやデータベースへのアクセスがなくてもこれらのdivの位置を保存することができますので、次回はページを開いたときに同じ場所に置かれます。これはローカルファイルなので、ファイルに書き込むことができます - それがすべて考慮されている場合。

Answer 1

JavaScriptを使用してdivの位置を取得する方法については、この質問/回答をお読みください。Get the position of a div/span tag

その後、JavaScriptを使用してクッキー内のデータを保持します。ここではそれを始めるのにa decent tutorialです。

Answer 2

Cookieを使用して情報を保存しようとしましたか？ ITは、ウィンドウのプロパティを保存し、サーバー側に戻ってこないようにします。

SETのCOOKIE

function setCookie(c_name,value,exdays) 
{ 
    var exdate=new Date(); 
    exdate.setDate(exdate.getDate() + exdays); 
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); 
    document.cookie=c_name + "=" + c_value; 
} 

GETのCOOKIE

function getCookie(c_name) 
{ 
var i,x,y,ARRcookies=document.cookie.split(";"); 
for (i=0;i<ARRcookies.length;i++) 
{ 
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); 
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); 
    x=x.replace(/^\s+|\s+$/g,""); 
    if (x==c_name) 
    { 
    return unescape(y); 
    } 
    } 
} 

チェックCOOKIE

function checkCookie() 
{ 
var username=getCookie("username"); 
    if (username!=null && username!="") 
    { 
    alert("Welcome again " + username); 
    } 
else 
    { 
    username=prompt("Please enter your name:",""); 
    if (username!=null && username!="") 
    { 
    setCookie("username",username,365); 
    } 
    } 
}