Drag and drop help

1

Hi guys,

I’m currently creating my portfolio site and i’m trying to drop project logos into a movie clip to load an external SWF.

The problem is I can load up the first SWF when the first logo is dropped into the MovieClip container but if you try to drop the next logo in it will not load the next SWF and replace the old one.

The previous one will not unload.

The two icons working are THE FOG and Chesterfield Rugby.

The fog brings up “test” SWF and Chesterfield Rugby brings up "TEST2"swf.

They can be found at www.stopout.co.uk under previous projects.

The code I have created is here:

//DRAG and DROP

var startX:Number;
var startY:Number;

fogMC.buttonMode =true;
fogMC.addEventListener(MouseEvent.MOUSE_DOWN, pickUpFog);
fogMC.addEventListener(MouseEvent.MOUSE_UP, dropItFog);

function pickUpFog(event:MouseEvent):void {
fogMC.startDrag();
event.target.parent.addChild(event.target);
startX = event.target.x;
startY = event.target.y;
}
function dropItFog(event:MouseEvent):void {
fogMC.stopDrag();
var myTargetName:String = “target” + event.target.name;
var myTarget:DisplayObject = getChildByName(myTargetName);
if (event.target.dropTarget != null && event.target.dropTarget.parent == frameMC) {
/event.target.removeEventListener(MouseEvent.MOUSE_DOWN, pickUp);
event.target.removeEventListener(MouseEvent.MOUSE_UP, dropIt);/
event.target.buttonMode = true;
event.target.x = startX;
event.target.y = startY;

	var loadFog:Loader = new Loader(); 
	loadFog.load(new URLRequest("test.swf")); 
	frameMC.addChild(loadFog); 
	}  
 
else { 
	event.target.x = startX; 
	event.target.y = startY; 
}

}

rugbyMC.buttonMode =true;
rugbyMC.addEventListener(MouseEvent.MOUSE_DOWN, pickUp);
rugbyMC.addEventListener(MouseEvent.MOUSE_UP, dropIt);

function pickUp(event:MouseEvent):void {
rugbyMC.startDrag();
event.target.parent.addChild(event.target);
startX = event.target.x;
startY = event.target.y;
}
function dropIt(event:MouseEvent):void {
rugbyMC.stopDrag();
var myTargetName:String = “target” + event.target.name;
var myTarget:DisplayObject = getChildByName(myTargetName);
if (event.target.dropTarget != null && event.target.dropTarget.parent == frameMC) {
event.target.removeEventListener(MouseEvent.MOUSE_DOWN, pickUp);
event.target.removeEventListener(MouseEvent.MOUSE_UP, dropIt);
event.target.buttonMode = true;
event.target.x = startX;
event.target.y = startY;

	var loadRugby:Loader = new Loader(); 
	loadRugby.load(new URLRequest("test2.swf")); 
	frameMC.addChild(loadRugby); 
	}  
 
else { 
	event.target.x = startX; 
	event.target.y = startY; 
}

}

So how do I unload the SWF when a new icon is dropped into the picture frame?

Many Thanks