啦啦啦 看过来 js 拖拽 div 的问题 保存。

想做一个 web 页面 里面  js拖拽div  图片    任意拖拽到任何地方。 有点类似google 的拖拽   但是不是固定托到某个地方
   可以任意拖  然后点击保存的时候 可以保存到 状态，  下次点击进来 还是拖后的样子。。 那个有这样的例子呢。 可以把内容保存到数据库    有的 请帮住下 。。  谢谢。 后续加分

解决方案 »

  1.   

    用插件吧，拖动的，然后获取元素的x\y坐标以及高度和宽度，结合AJAX  保存数据 加载页面时 读取数据设置页面 元素初始化位置以及大小 OK 搞定收工....
      

  2.   

    jquery-ui-1.8.4.custom.min.js自己下载<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            
            <title>Untitled Document</title>
            <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
            <script type="text/javascript">
                $(function(){
                    $('#_div01 div').each(function(index,el){
                        $(this).draggable();//移动
                      
                    });
                });
                
            </script>
                </head>
        <body>
                    <div id="_div01" style="with:134px;height:150px;">
                <div id="_div02" style="with:34px;height:50px;">
                    <p>AAAAAAAAAAAAAAAAAAA</p>
                </div>
                <div id="_div03" style="with:40px;height:40px;">
                    <p>BBBBBBBBBBBBBBBBBBB</p>
                </div>
            </div>    </body>
    </html>