Noob trouble--drag and drop quiz/hitTest

programming flash
1

Hello, everyone!

I am having trouble with a drag-and-drop quiz. The concept goes like this:

30 icon movieclips in 6 different categories, each with corresponding target movieclips, also arranged into the same 6 categories. (For reference, they are all Qs…you’ll see what I mean when I get to the code).

Each icon for a certain category can drop into any of the targets within that category. (i.e., icon A1 can drop into target A1, A2, or A3 of the A category). When all of the targets for each category are filled, the parent movieclip the quiz is in goes to the next frame.

What I want it to do (in English and psuedo-code):

When the user rolls over an icon, the hand cursor appears (buttonMode=true).
When dragged, the icon needs to stack above the other 29 icons, and of course the target movieclips. When the icon is clicked and dragged with the mouse held down and a target is reached, when the icon is released over the intended target, there is a hit test to see if the first three letters of the respective icon and target match. If they do, the two corresponding movieclips align and the icon stopDrag(), and a counter goes up by one. (If the counter reaches 30, go to the next frame in the parent movieclip). If they do not, the icon in question returns to its original x and y position.

Two different versions of the code I have so far (with only one category/icon used for reference):

Version A: (worked out with someone else):


//drag and drop quiz

//set variables for x and y coordinates

var startX:Number;
var startY:Number;
var counter:Number=0;

//set variable to hold clip title
var QClip;
var QSelected:Boolean=false;

//add event listeners for drag and drop for each Q thumb on learnFrame_mc

CAN_drag1_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickUp);
CAN_drag1_mc.addEventListener(MouseEvent.MOUSE_UP, dropIt);


function pickUp (evt:MouseEvent):void { ?
	evt.target.parent.addChild(evt.target);
	buttonMode=true;
	evt.target.startDrag(); //make clip clicked on drag with mouse
	QClip=evt.target.name; //put the instance name into a variable
	startX=evt.target.x; //put original postiion of clips into variables
	startY=evt.target.y;
	QSelected=true; //how to react to MOUSE_UP
}


function dropIt (evt:MouseEvent):void {
	if ((evt.currentTarget.name.slice(0,3)==QClip.slice(0,3)) && (QSelected==true)&&(evt.currentTarget.name!=QClip)) {
		QClip.x=evt.target.x;//line up with target clip if correct
		QClip.y=evt.target.y;
		counter++;
		QClip.removeEventListener(MouseEvent.MOUSE_DOWN, pickUp);
		//removes drag feature from clip once target is reached
		QClip.buttonMode=false;//turns off finger cursor
		evt.target.removeEventListener(MouseEvent.MOUSE_UP, dropIt);
		/*turns off mouse detection once target is found so other clips can't 
		interact with it*/
		evt.target.mouseEnabled=false;
		} 
	else if (QSelected==true) {
		QClip.x=startX;//put clips back in starting position if correct
		QClip.y=startY;
		}
	if (counter==30) {
		learnFrame_mc.nextFrame(); //where does this go in the function?
		}
	QSelected=false;
	evt.target.stopDrag(); //stops the drag behavior on MOUSE_UP
}

//Target buttons

CAN_target1_mc.buttonMode=true;
CAN_target2_mc.buttonMode=true;

Version B (my own logic):



//icons
CAN_drag1_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickUp);
CAN_drag1_mc.addEventListener(MouseEvent.MOUSE_UP, dropIt);

//working variables

var QIcon;
var QTarget;
var startX:Number;
var startY:Number;
var counterStart:Number;
var counterEnd:Number;


//functions

function pickup(evt:MouseEvent):void {
	QIcon=evt.target.name;
	QIcon.startDrag(QIcon, true);
	buttonmode=true;
}

function dropIt(evt:MouseEvent):void {
        evt.target.parent.addChild(evt.target);
	QIcon=evt.target.name;
	QTarget=evt.currentTarget.name;
	if (((QTarget.slice(0,3)==QClip.slice(0,3)) &&(QTarget!=QClip)) 
	&& (QTarget, hitTest(QIcon)), true) {
		QIcon.x==QTarget.x;
		QIcon.y==QTarget.y;
		QIcon.stopDrag(QIcon, true);
		counterStart++;
                evt.target.mouseEnabled=false;
	} else {
		startX = evt.target.x;
		starty = evt.target.y;
	}
}

function QCounter {
        counterEnd=30;
	if (counterStart==counterEnd) {
		learnFrame.goToAndStop(8);
	}
}

//Target buttons

CAN_target1_mc.buttonMode=true;
CAN_target2_mc.buttonMode=true;

My thoughts/questions/problems:

-am I using hitTest correctly? This use came from another forum.

-I keep getting errors for the logical && to join if statements. How do I get that to work? Can there be multiple if statements in a function to accomplish something? Because, I need to hitTest and check the names at the same time. Is there a better way to do this? Are [if x is true and y is true, then z] statements possible? Probably a simple error, but I can’t figure it out. I’m also getting errors for the else statement, and the subsequent brackets, I’m assuming because of the &&.

-do I need to define the counter function? If so, as what?

-are there any other glaring problems?

Thanks in advance!!!

-Courtez