拖动布局之保存布局页面cookies篇

　　function CookieClass(){

　　this.expires = 0 ; //有效时间,以分钟为单位

　　this.path = ""; //设置访问路径

　　this.domain = ""; //设置访问主机

　　this.secure = false; //设置安全性

　　this.setCookie = function(name,value){

　　var str = name+"="+escape(value);

　　if (this.expires>0){ //如果设置了过期时间

　　var date=new Date();

　　var ms=this.expires * 60 * 1000; //每分钟有60秒，每秒1000毫秒

　　date.setTime(date.getTime()+ms);

　　str+="; expires="+date.toGMTString();

　　}

　　if(this.path!="")str+="; path="+this.path; //设置访问路径

　　if(this.domain!="")str+="; domain="+this.domain; //设置访问主机

　　if(this.secure!="")str+="; true"; //设置安全性

　　document.cookie=str;

　　}

　　this.getCookie=function(name){

　　var cookieArray=document.cookie.split("; "); //得到分割的cookie名值对

　　var cookie=new Object();

　　for(var i=0;i<cookieArray.length;i++){

　　var arr=cookieArray[i].split("="); //将名和值分开

　　if(arr[0]==name)return unescape(arr[1]); //如果是指定的cookie，则返回它的值

　　}

　　return "";

　　}

　　this.deleteCookie=function(name){

　　var date=new Date();

　　var ms= 1 * 1000;

　　date.setTime(date.getTime() - ms);

　　var str = name+"=no; expires=" + date.toGMTString(); //将过期时间设置为过去来删除一个cookie

　　document.cookie=str;

　　}

　　this.showCookie=function(){

　　alert(unescape(document.cookie));

　　}

　　}

　　//-------------------------

　　var cook = new CookieClass();

　　cook.expires =1;//一分钟有效

　　//---------------------------

　　var DragContainer=["col1","col2","col3"];//用来实现布局的列的div的id

　　var dragContainerLen=DragContainer.length;

　　//以上的代码应该不用解释

　　//鼠标松开

　　function mouseUp(){

　　if(dragObject){

　　if(dragObject.parentNode.style.display=="none") dragObject.parentNode.style.display="block";

　　dragObject.parentNode.style.border="1px solid #FFCC66";

　　tmpDiv.style.display="none";

　　for(var m=0;m<DragContainer.length;m++){

　　var colDiv=document.getElementById(DragContainer[m]);

　　var colDivLen=colDiv.getElementsByTagName("div").length

　　var colSty=colDiv.getAttribute("style");

　　if(colDivLen>0&&colSty!=null){

　　colDiv.removeAttribute("style");

　　break;

　　}

　　}

　　//这是增加的代码-----------------------------------------------

　　for(var ed=0;ed<dragContainerLen;ed++){

　　var dragConId=DragContainer[ed];

　　var dragObj=document.getElementById(dragConId);

　　dragObj.removeAttribute("style");

　　var dragDiv=dragObj.getElementsByTagName("div");

　　if(dragDiv){

　　var dragDivLen=dragDiv.length;

　　var dragDivIdArr=[];

　　for(var dd=0;dd<dragDivLen;dd++){

　　var dragDivId=dragDiv[dd].getAttribute("id");

　　dragDivIdArr[dd]=dragDivId;

　　}

　　tmp=dragDivIdArr.join("|");

　　if(tmp=="") tmp=0;

　　}

　　cook.setCookie(dragConId,tmp);

　　}

　　//这是增加的代码------------------------------------------------------

　　dragObject=null;

　　return false;

　　}

　　}

　　var nl=0;

　　var dragNull=[];

　　window.onload=function(){

　　tmpDiv=document.createElement("div");

　　tmpDiv.style.cssText = 'position:absolute;display:none;border:1px dotted #FFCC66;';

　　document.body.appendChild(tmpDiv);

　　//这是增加的代码

　　for(var init=0;init<dragContainerLen;init++){

　　var initDragId=DragContainer[init];

　　var initDragContainer=document.getElementById(initDragId);

　　var initDragDiv=cook.getCookie(initDragId);

　　if(initDragDiv!=0){

　　var initDragArr=initDragDiv.split("|");

　　var initDragArrLen=initDragArr.length;

　　for(var k=0;k<initDragArrLen;k++){

　　var chi=document.getElementById(initDragArr[k]);

　　initDragContainer.appendChild(chi);

　　}

　　}

　　else{

　　dragNull[nl]=initDragId;

　　nl=nl+1;

　　}

　　}

　　if(nl>0&&nl<3){

　　var nullLen=dragNull.length;

　　for(var nn=0;nn<nullLen;nn++){

　　var nullId=dragNull[nn];

　　var nulldiv=document.getElementById(nullId);

　　nulldiv.style.height="20px";

　　}

　　}

　　//这是增加的代码

　　}