拖放jQuery保存位置到mysql数据库
Drag and Drop jQuery Save Position to mysql database
我知道如何使用此代码获得可拖动div的位置
$(document).ready(function(){
$("#q").draggable();
$("#bt").click(function(){
alert("LEFT: "+$("#q").offset().left+" TOP: "+$("#q").offset().top);
})
})
但是我的问题是,如果我在数据库中插入div的LEFT和TOP位置,并且我在另一台具有不同显示器分辨率的计算机上打开网页,则div将错过对齐…
有什么办法可以解决这个问题吗
谢谢! !
我想您可以设置一个百分比,使它在一个屏幕的顶部/左侧是一个百分比,然后如果另一个显示器的大小不同,它仍然会在"相同的位置"。
之类的var ntop = $("#q").offset().left / $("#q").width();
var nleft = $("#q").offset().top / $("#q").height();
和使用
$("#q").offset({"left": nleft, "top": ntop});
您需要使用ajax或类似的方式保存变量,例如:
$(document).ready(function(){
$("#q").draggable();
$("#bt").click(function(){
alert("LEFT: "+$("#q").offset().left+" TOP: "+$("#q").offset().top);
$.get("test.cgi", { left: nleft, top: ntop });
});
});
当然,我不会为您构建它,但希望以上内容对您有所帮助。
相关文章:
- 将地理编码结果转换为php变量以发布到mysql数据库
- 从MySQL数据库中获取输入数据需要两次页面刷新
- 如何使用PHP将javascript变量添加到mysql数据库中
- 在javascript中跳过周六和周日,并向mysql数据库中添加不重复的条目
- 当select标记触发onChange事件时,从mysql数据库加载html表
- 如何使用mysql数据库在node.js中登录API
- 如何比较两个MySql数据库
- 我应该如何使用node.js和导出来调用mysql数据库
- 输入框值将保存到 MySQL 数据库
- 我的地图数据's不会使用php存储在mysql数据库中
- 将Laravel5.0中的谷歌图表与mysql数据库中的数据集成
- 将本地MySQL数据库与PHP&谷歌地图上的JavaScript
- 尝试将js中的字符串写入mySql数据库时获取%%
- 当用户键入一封信时,如何使用ajax自动完成来显示MySQL数据库中的值
- 音差.无法访问远程 mysql 数据库
- 使用自动完成文本框从mysql数据库获取表记录并显示在文本字段中
- 复选框(JSP PAGE)并插入到mysql数据库
- 使用 Node-MYSQL 检索 MYSQl 数据库中最新的 X 个条目量?节点.js
- 如何从javascript访问MySql数据库的数据
- 如何在 JavaScript 函数中使用 MySQL 数据库数据