调换div的位置，并要有cookie，[js]在线等

Question

php页面上有二个div，
<div class="Mone marT10" id="newHouse" style="position:relative">newHouse_content</div>
<div class="Mone marT10" id="secHouse" style="position:relative">secHouse_content</div>
在页面上的位置是　上　下排列的
现要实现　
１通过一个按纽　调换二个div的位置
２如果我调换过二个div的位置，当我第二回开上面的页面时，那么也要显示调换后的位置 
怎么实现呀，thanks

Answer 1

给个思路吧 调换两个DIV的坐标就行了 

Answer 2

上策是把每个div的位置计入数据库，其实不复杂。每个div你都给一个ID，如div1，div2，div3，div4，在页面上，假设区域可以分为左右两块，div1和div2在左边，div3和div4在右边，那存储的时候只要存储
left：div1，div2|right：div3，div4 这样就很容易知道，div在页面上的位置了。如果你的浮动div在页面上是可以满屏随意拖曳，那你就得加下div在屏幕上的top和left的值了。用cookies不是最佳方案，清空了，还是复原的

Answer 3

感觉就像鼠标点击div，让div移动一样！~
来调换它的位置！~

Answer 4

//当前的宽度
var curLeft = 0;
//当前的高度
var curTop = 0;
//鼠标移动的X坐标
var curClientX = 0;
//鼠标移动的Y坐标
var curClientY = 0;
var curBool = false; //鼠标点击事件
function show() {
curLeft = document.getElementById("advShow").style.pixelLeft;
curTop = document.getElementById("advShow").style.pixelTop;
curClientX = event.clientX;
curClientY = event.clientY;
document.onmousemove = showDown;
curBool = true;
} //鼠标划过事件
function showDown() {
if (curBool) {
var curX = event.clientX; //鼠标划过的X轴坐标
var curY = event.clientY;//鼠标划过的Y轴坐标
document.getElementById("advShow").style.pixelLeft = curLeft + (curX - curClientX);
document.getElementById("advShow").style.pixelTop = curTop + (curY - curClientY);
}
}
<div id="advShow" style="position:absolute;height:200px;width:200px;z-index:1;background-color:#0080FF;" onmouseup="curBool = false">
<div style="height:20px;width:200px;text-align:right;background-color:#FF80FF;cursor:hand;" onmousedown="show()">
</div>
</div>我给你的是div移动位置，你pixelLeft，pixelTop来调

Answer 5

window.onload=function()
{
if(getCookie('cookDiv')=="secondHouse")
{
moveUp(secondHouse);
}  
}
function cleanWhitespace(element) {
 //遍历element的子结点
 for (var i = 0; i < element.childNodes.length; i++) {
  var node = element.childNodes[i];
  //判断是否是空白文本结点，如果是，则删除该结点
  if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) 
  node.parentNode.removeChild(node);
 }
}
//获得表格对象
var _table=document.getElementById("table1");
cleanWhitespace(_table);
//使表格行上移，接收参数为链接对象
function moveUp(_a){
 //通过链接对象获取表格行的引用
 var _row=_a.parentNode.parentNode;
 //如果不是第一行，则与上一行交换顺序
 if(_row.previousSibling)swapNode(_row,_row.previousSibling);
}
//使表格行下移，接收参数为链接对象
function moveDown(_a){
 //通过链接对象获取表格行的引用
 var _row=_a.parentNode.parentNode;
 //如果不是最后一行，则与下一行交换顺序
 if(_row.nextSibling)swapNode(_row,_row.nextSibling);
}
//定义通用的函数交换两个结点的位置
function swapNode(node1,node2){
 //获取父结点
 var _parent=node1.parentNode;
 //获取两个结点的相对位置
 var _t1=node1.nextSibling;
 var _t2=node2.nextSibling;
 //将node2插入到原来node1的位置
 if(_t1)_parent.insertBefore(node2,_t1);
 else _parent.appendChild(node2);
 //将node1插入到原来node2的位置
 if(_t2)_parent.insertBefore(node1,_t2);
 else _parent.appendChild(node1);
}
//--><!--newHouse及secondHouse两个div的cookie设置-->
function   window.onbeforeunload()  
{      

var nh = document.getElementById("newHouse").offsetTop;
var sh = document.getElementById("secondHouse").offsetTop;
if(nh > sh)
{
SetCookie("cookDiv","secondHouse");// secondHouse is Front
}
else
{
SetCookie("cookDiv","newHouse");//newHouse is  Front
}
}