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

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

前面才看到一个jquery的插件，就是该功能，去搜一下吧。

Answer 2

多谢二位，是哪jquery插件呀，什么名呀，

Answer 3

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
}
}