保存元素位置和大小(JQuery ui可调整大小和可拖动)

时间:2009-03-03 11:48:31

标签: jquery size save position

我是jquery甚至是javascript的新手。我正在尝试创建一个系统,您可以通过登录编辑非常简单的静态页面,只需拖动和调整div。系统工作到您可以编辑站点的位置,但问题是如何保存div的坐标和大小。

系统不使用mysql,因为登录仅适用于网站作者。我也想尝试不要求javascript只查看页面(通过php从文件中获取坐标和大小)。

所以,基本上我需要一种方法来检查div宽度,高度,左边和顶部,并在作者点击保存按钮时将它们存储到文件中。

2 个答案:

答案 0 :(得分:1)

您可以将变量存储在用户计算机上的cookie中(jQuery没有本机cookie支持,但this plugin会将其提供给您)。

然而,这需要Javascripw,你提到你不想要的。但是,如果您希望用户能够在页面上拖动模块,那么在没有js的帮助下您将无法执行此操作。

如果你确实想要存储这个数据服务器端,那么我建议不要使用数据库就是将它们存储在基于文件的缓存中。

答案 1 :(得分:0)

使用PHP序列化将数据存储在序列化数组中,并通过JSON(JavaScript Object Notation)中的AJAX将它们提供给您的javascript。

你可以这样做:

$s_my_data = unserialize(file_get_contents($s_my_filename));
$s_my_json_data = json_encode($s_my_data);

如果您通过AJAX阅读本文,您将能够像JavaScript对象一样访问它,例如:

myObject.myProperty

希望这会有所帮助;)