PHP 获取 div 位置并存储在会话中

发布于 2024-11-09 03:15:45 字数 240 浏览 0 评论 0原文

我知道如何使用 JS 获取 div 的位置,我正在使用 Jquery 的可拖动脚本,并且有一个事件,当人停止拖动时,它应该获取 div 的位置(顶部和左侧):

document.getElementById('object').style.top;
document.getElementById('object').style.left;

现在的问题是我如何将这些坐标放入 php 会话中...?

I know how to get the position of a div using JS, I'm using Jquery's draggable script, and have an event that when the person stop dragging that it should get the location of the div (top and left):

document.getElementById('object').style.top;
document.getElementById('object').style.left;

now the question is how do I get those coordinates into a php session...?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

春花秋月 2024-11-16 03:15:45

也许最好(最简单)的选择是将它们存储在 cookie 中。如果您愿意,PHP 可以读取 cookie,但即使您不这样做,当页面在同一浏览器中重新加载时,您仍然可以再次使用 cookie。

如果您想存储该值,以便用户在另一个浏览器(或在不同的会话中)登录时也保留该值,您可以将 cookie 存储在数据库中。

Maybe the best (easiest) option is to store them in a cookie. The cookie can be read by PHP if you like, but even if you don't, you can still use the cookie again when the page is reloaded in the same browser.

If you want to store the value so it is kept too if the user logs in on another browser (or in a different session), you can store the cookie in a database.

望她远 2024-11-16 03:15:45

放置时,向 PHP 脚本发出 Ajax 请求,将它们放入 $_SESSION 中。

On drop, make an Ajax request to a PHP script that puts them into $_SESSION.

樱花细雨 2024-11-16 03:15:45

这是我最后的解决方案,感谢 GolezTrol :),我从来不知道你可以使用 js 制作 cookies

    <script type="text/javascript">
        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;
        }
    </script>
    <script type="text/javascript">
    $(function() {
        $( "#object" ).draggable({ containment: ".body", scroll: false });
        $( "#object" ).bind( "dragstop", function(event, ui) {
          var l = document.getElementById('object').style.left;
          javascript: setCookie('objectl', l, 365);
          var t = document.getElementById('object').style.top;
          javascript: setCookie('objectt', t, 365);
        });
    });
    </script>

This is the final solution I made thanks to GolezTrol :), I never knew you could make cookies using js

    <script type="text/javascript">
        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;
        }
    </script>
    <script type="text/javascript">
    $(function() {
        $( "#object" ).draggable({ containment: ".body", scroll: false });
        $( "#object" ).bind( "dragstop", function(event, ui) {
          var l = document.getElementById('object').style.left;
          javascript: setCookie('objectl', l, 365);
          var t = document.getElementById('object').style.top;
          javascript: setCookie('objectt', t, 365);
        });
    });
    </script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文