Question : drag and drop sortable list?

Can someone direct me to the most straightforward approach to drag and drop items from one list to another in coldfusion using Jquery or something? I have not been successful finding this!

lets say I have a database table with contacts in in it. each contact has a unique id, name, sortorder, and group that they belong to.

I want people to be able to drag and drop them between groups as you would do when you drag and drop files between folder essentially updateing the records each time.

Thanks

Judson

Answer : drag and drop sortable list?

Your actionscript approach could definitely be optimized. I haven't tested this, but it should do the trick. Hopefully you can see where I was going with it. I put a comment in there for the fade out script. You might need to mass with that a little bit. Post back to let me know how it works.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:



import com.greensock.*; 
import com.greensock.plugins.*;
import com.greensock.easing.*;
//*****====================================================*****

var clouds:TimelineMax = null;
var cloudArray:Array = new Array();
cloudArray.push('cloud1');
cloudArray.push('cloud2');
cloudArray.push('cloud3');
cloudArray.push('cloud4');

init();

function init():void {
	clouds = new TimelineMax({repeat:-1, yoyo:true, repeatDelay:3});
	
	for(var i:int = 0; i < cloudArray.length; i++) {
		var cloud:MovieClip = this[cloudArray[i]] as MovieClip;
		var dur:int = rndm(100, 120);
		var del:int = (i == 0) ? 0 : (i* 10 + 10);
		
		cloud.alpha = 0;
		TweenMax.to(cloud, 1, {blurFilter:{blurX:75}});
		
		clouds.insert(TweenMax.to(cloud, 10,  {x:"100"}));
		clouds.insert(TweenMax.to(cloud, 10,  {alpha:1, delay:del + 5}));
		clouds.insert(TweenMax.to(cloud, dur, {x:1200, delay:del}));
		clouds.insert(TweenMax.to(cloud, dur, {scaleX:1.25, delay:del}));
		clouds.insert(TweenMax.to(cloud, dur, {scaleY:1.5, delay:del}));
		
		// This should fade out the cloud near the end
		clouds.insert(TweenMax.to(cloud, 20, {alpha:0, delay:del + dur - 20}));
	}
}

/** 
* Generate a random number
* @return Random Number
* @error throws Error if low or high is not provided
*/  
function rndm(low:Number=NaN, high:Number=NaN):Number
{
	var low:Number = low;
	var high:Number = high;
	
	if(isNaN(low)) {
		throw new Error("low must be defined");
	}
	if(isNaN(high)) {
		throw new Error("high must be defined");
	}
	
	return Math.round(Math.random() * (high - low)) + low;
}