moveorder.js

来自「网店批发系统,很好很强大,很好很强大很好很强大」· JavaScript 代码 · 共 186 行

// JavaScript Document

var Main_Tab	= null;

var sort_col	= null;

var act_bgc	= "#BEC5DE";
var act_fc	= "black";
var cur_bgc	= "#ccffcc";
var cur_fc	= "black";

function init(){
	Main_Tab 		= PowerTable;
	read_def(Main_Tab)
}

function window.onload(){
	init();
	
	drag = document.createElement("DIV");
	drag.innerHTML		= "";
	drag.style.textAlign 	= "center";
	drag.style.position 	= "absolute";
	drag.style.cursor 	= "hand";
	drag.style.border 	= "1 solid black";
	drag.style.display 	= "none";
	drag.style.zIndex 	= "999";
	
	document.body.insertBefore(drag);

}

document.onselectstart	= function(){return false;}

document.onmouseup	= drag_end;

function document.onclick(){
	window.status = "";
}

function read_def(the_table){
	for(var i=2;i<the_table.rows.length;i++){
			the_table.rows[i].onmousedown	= drag_start;
			the_table.rows[i].onmouseup	= drag_end;
	}
}

function get_Element(the_ele,the_tag){
	the_tag = the_tag.toLowerCase();
	if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
	while(the_ele=the_ele.offsetParent){
		if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
	}
	return(null);
}

var dragStart		= false;
var dragColStart	= null;
var dragColEnd		= null;

function drag_start(){
	var the_td	= get_Element(event.srcElement.parentNode,"tr");
	if(the_td==null) return;
	dragStart	= true;
	dragColStart	= the_td.rowIndex;
	drag.style.width	= the_td.offsetWidth;
	drag.style.height	= the_td.offsetHeight;
	function document.onmousemove(){
		drag.style.display	= "";
		drag.style.top		= event.y - drag.offsetHeight/2;
		drag.style.left		= event.x - drag.offsetWidth/2;
		for(var i=2;i<Main_Tab.rows.length;i++){
			with(Main_Tab.rows[i]){
				if((event.y-45>offsetTop+parseInt(document.body.currentStyle.marginTop) && event.y-45<offsetTop+offsetHeight+parseInt(document.body.currentStyle.marginTop)) && (event.x>offsetLeft+parseInt(document.body.currentStyle.marginLeft) && event.x<offsetLeft+offsetWidth+parseInt(document.body.currentStyle.marginLeft))){
					runtimeStyle.backgroundColor=act_bgc;
					dragColEnd=rowIndex;
				}else{
					runtimeStyle.backgroundColor="";
				}
			}
		}
	}
	drag.innerHTML = the_td.innerHTML;
	drag.style.backgroundColor = the_td.oBgc;
	drag.style.color = the_td.oFc;
}

function drag_end(){
	dragStart = false;
	drag.style.display="none";
	drag.innerHTML = "";
	drag.style.width = 0;
	drag.style.height = 0;
	for(var i=0;i<Main_Tab.rows.length;i++){
		Main_Tab.rows[i].runtimeStyle.backgroundColor="";
	}
	if(dragColStart!=null && dragColEnd!=null && dragColStart!=dragColEnd){
		change_col(Main_Tab,dragColStart,dragColEnd);
		if(dragColStart==sort_col)sort_col=dragColEnd;
		else if(dragColEnd==sort_col)sort_col=dragColStart;
		document.onclick();
	}
	dragColStart = null;
	dragColEnd = null;
	document.onmousemove=null;
}

function change_col(the_tab,line1,line2){
	showText(line2,line1);
	the_tab.rows[line2].swapNode(the_tab.rows[line1]);	
	if (line2 < line1)
	{
		for(var i=line2+1;i<line1;i++){
			the_tab.rows[i].swapNode(the_tab.rows[line1]);
		}
	}
	else
	{
		for(var i=line2-1;i>line1;i--){
			the_tab.rows[i].swapNode(the_tab.rows[line1]);
		}		
	}
}


var http  = getHTTPObject();
	
	function getHTTPObject()
	{
		var http=null;
		if(window.ActiveXObject)
		{
			http=new ActiveXObject("Msxml2.XMLHTTP");
			if(!http)
			{
				http=new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		else if(window.XMLHttpRequest)
		{
			http=new XMLHttpRequest();
		}
		return http;
	}
	
	function handleHttpResponse() 
	{

	  	if (http.readyState == 4) {
	
		// Split the comma delimited response into an array

	  	}
	
	}
	
	function showText(sID,eID)
	{
		var sIDorder = document.getElementById("Pro"+sID).value;
		
		if (sID < eID)
		{
			for (i = sID + 1;i < eID;i++)	
			{
				sIDorder = sIDorder + ',' + document.getElementById("Pro"+i).value;
			}			
		}
		else
		{
			for (i = sID - 1;i > eID;i--)	
			{
				sIDorder = sIDorder + ',' + document.getElementById("Pro"+i).value;
			}			
		}
		
		sIDorder = sIDorder + ',' + document.getElementById("Pro"+eID).value;
	
		var url = 'ProductSave.asp?Action=change&StartID='+sIDorder+'';
		
		http.open("GET", url , true);
	  	  
	  	http.onreadystatechange = handleHttpResponse;
		
		http.send(null);
	}