是否可以使用Javascript保存可移动div的状态?

时间:2012-02-21 15:07:10

标签: javascript html dom positioning

所以我有一个div可以拖动的页面。是否有可能 - 没有JSON或数据库访问权限来保存这些div的位置,以便当我下次打开页面时它们与我离开它们的位置相同?这是一个本地文件,所以我可以写入文件 - 如果这是一个考虑因素。

2 个答案:

答案 0 :(得分:1)

我建议您阅读此问题/答案,了解如何使用JavaScript获取div的位置:Get the position of a div/span tag

之后,只需使用JavaScript将数据保存在cookie中即可。这是a decent tutorial让你开始的。

答案 1 :(得分:0)

您是否尝试过使用Cookie来存储信息。 IT将允许一种方法来保存窗口属性,而不是回到服务器端。

设置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;
}

获取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);
    }
  }
}