code1.js

ajax拖动层

var DragUtil = new Object();
DragUtil.getUserAgent = navigator.userAgent;
DragUtil.isGecko = DragUtil.getUserAgent.indexOf("Gecko") != -1;
DragUtil.isOpera = DragUtil.getUserAgent.indexOf("Opera") != -1;
DragUtil.reCalculate = function(el) {	
	for( var i = 0 ; i < DragUtil.dragArray.length; i++ ) 
	{
		var ele = DragUtil.dragArray[i];
		var position = Position.positionedOffset(ele.elm);
		ele.elm.pagePosLeft = position[0];
		ele.elm.pagePosTop = position[1];	
	}
	};
	DragUtil.ghostElement = null ;
	DragUtil.getGhostElement = function(){	
		if(!DragUtil.ghostElement){
			DragUtil.ghostElement = document.createElement("DIV");
			DragUtil.ghostElement.className = "modbox";
			DragUtil.ghostElement.style.border = "1px dotted #aaa";
			DragUtil.ghostElement.innerHTML = "&nbsp;";	
			}	
			return DragUtil.ghostElement;
		};
	var initDrag = function() {	
		var tmpElements = document.getElementsByClassName('drag_div');	
		DragUtil.dragArray = new Array();	
		for(var i = 0 ; i < tmpElements.length ; i++){
			var tmpElement = tmpElements[i];
			var tmpElementId = tmpElement.id;
			var tmpHeaderElementId = tmpElement.id + '_h';
			DragUtil.dragArray[i] = new DragDrop(tmpHeaderElementId , tmpElementId);	
			}
		};
		
	function start_Drag(){	
		DragUtil.reCalculate(this);	
		this.origNextSibling = this.elm.nextSibling;	
		var _ghostElement = DragUtil.getGhostElement();	
		var offH = this.elm.offsetHeight;	
		if(DragUtil.isGecko){offH -= parseInt(_ghostElement.style.borderTopWidth)  *2 ;	}	
		var offW = this.elm.offsetWidth;	
		var position = Position.positionedOffset(this.elm);	
		var offLeft = position[0];	
		var offTop = position[1];	
		_ghostElement.style.height = offH + "px";	
		this.elm.parentNode.insertBefore(_ghostElement,  this .elm.nextSibling);	
		this.elm.style.width = offW + "px";	this.elm.style.position = "absolute";	
		this.elm.style.zIndex = 100;	
		this.elm.style.left = offLeft + "px";	
		this.elm.style.top = offTop + "px";	
		this.isDragging = false;	
		return false;
		}
		
		function when_Drag(clientX , clientY){	
			if (!this.isDragging){	
				this.elm.style.filter = "alpha(opacity=70)";
				this.elm.style.opacity = 0.7;this.isDragging = true;	
				}
				var found = null;	
				var max_distance = 100000000;	
				for(var i = 0 ; i < DragUtil.dragArray.length; i++) {
					var ele = DragUtil.dragArray[i];
					var distance = Math.sqrt(Math.pow(clientX - ele.elm.pagePosLeft, 2 ) + Math.pow(clientY - ele.elm.pagePosTop, 2 ));
					if(ele == this ) {	
						continue;
						}
					if(isNaN(distance)){	
						continue;
					}
					if(distance < max_distance){	
						max_distance = distance;	
						found = ele;
					}	
				}	
				var _ghostElement = DragUtil.getGhostElement();	
				if(found != null && _ghostElement.nextSibling != found.elm){
					found.elm.parentNode.insertBefore(_ghostElement, found.elm);
					if(DragUtil.isOpera){
						document.body.style.display = "none";	
						document.body.style.display = "";
						}	
					}
			}
			
		function end_Drag(){	
			if(this._afterDrag()){
				var col_array = ['col_1' , 'col_2' , 'col_3'];
				var sortIndex =new Array();
				var mun='';
				for(var i = 0; i < col_array.length ; i++){	
					var childs = document.getElementsByClassName('drag_div' , col_array[i]);	
					for(var j = 0 ; j < childs.length ; j++){
						if(!Element.hasClassName(childs[j] , 'no_drag')){	
							var childs_id=childs[j].id;	
							var rechilds_id = childs_id.substr(5);	mun += rechilds_id + ',';
							}	
						}	
					sortIndex[i]=mun;	mun='';
				}
				sortIndex[0]=sortIndex[0].replace(/.$/,"");
				sortIndex[1]=sortIndex[1].replace(/.$/,"");
				sortIndex[2]=sortIndex[2].replace(/.$/,"");
				if(sortIndex[0].length==0)sortIndex[0]="none";
				if(sortIndex[1].length==0)sortIndex[1]="none";
				if(sortIndex[2].length==0)sortIndex[2]="none";
				
				var myAjax=new Ajax.Request('update.php',{method:'get',parameters:'left='+sortIndex[0]+'&center='+sortIndex[1]+'&right='+sortIndex[2]+'&'+new Date().getTime(),onLoading:function(){$("loading").show()},onComplete:function(){$("loading").hide()}});
				
				}	
				return true;
				}
				
			function after_Drag(){
				var returnValue = false;
				this.elm.style.position = "";	
				this.elm.style.top = "";	
				this.elm.style.left = "";	
				this.elm.style.width = "";	
				this.elm.style.zIndex = "";	
				this.elm.style.filter = "";	
				this.elm.style.opacity = "";	
				var ele = DragUtil.getGhostElement();	
				if(ele.nextSibling != this.origNextSibling) {
					ele.parentNode.insertBefore( this.elm, ele.nextSibling);returnValue = true;	}
					ele.parentNode.removeChild(ele);	
					if(DragUtil.isOpera) {
						document.body.style.display = "none";
						document.body.style.display = "" ;	
						}	
						return returnValue;
				}
				
			function getCoordinate(a,b,c){  
				var request_url;var request_pars = '';  
				request_url = "data.php?left="+ a + "&center="+ b + "&right="+ c + "&"+new Date().getTime();  var myAjax = new Ajax.Updater('test1',request_url,{  method  : "get"});
			}
			
			function CPos(x, y){
				this.x = x;this.y = y;
			}
			
			function GetObjPos(ATarget){ 
				var target = $(ATarget); 
				var pos = new CPos(target.offsetLeft,target.offsetTop); 
				var target = target.parentNode; pos.x += target.offsetLeft; pos.y += target.offsetTop; target = target.parentElement; return pos;
			}
			
			var _TAG=false;
			function setType_s(o){	
				var type_s=$("type_s");	
				var tab=type_s.getElementsByTagName("span");	
				var searchType_s=$("searchType_s");	
				for(var i=0;i<tab.length;i++){tab[i].className=''}	
				tab[o].className='on';	
				switch(o){
					case 0:searchType_s.value="ns";break;
					case 1:searchType_s.value="s";break;
					case 2:searchType_s.value="m";break;