Create associations in seconds

You link associated elements by dropping a draggable dot and a target component next to each of them.

Easy setup


--> On the draggable dot component you just need to specify the name of the correct target it should be associated with (fishbowl in our case here).
--> You can specify the name of functions to be called instantly if the drag is released on a correct target or on a wrong target. (wellDone and notGood in our case).

Fig1

Tip : 2 parameters are passed to the function that is specified in the onCorrect and onIncorrect field. These parameters are the name of the drag and the name of the target it has dropped on. See example below : function WellDone(myDrag, myTarget){ trace(myDrag+" has been dropped on "+myTarget); }

The main parameters that need to be specified for the dragNdraw activity (Fig2) are :

- number of tries : specify how many tries will be given to the user before he is offered the choice to see the correct answers.
- test if completed : if this parameter is set to true the user will be prompted if he hasn't completed the activity.
- One drag per target : If set to true no more than one drag can be dropped on a target
- display answers function : Normally the correct answers are automatically shown by the component but sometimes (especially when there is more than one correct drag per target) you might want to show the correct answers on another frame or even load another swf. This can be done by specifying the name of a function in that parameter field. In our case we call a function named showCorrectResults.
- onCorrect : name of the function to call once the activity is completed and the answers all correct
- onIncorrect : name of the function to call once the activity is completed and one or more of the answers are incorrect.
- onPress : name of a function to call each time the submit button is pressed

Fig2

Tip : The buttons are nested into the "set parameters here" movie clip, therefore if you want to customize their graphics open that component. The buttons are on frame 2 and on frame 3.

Self contained and scalable

Once you have assigned your drags and targets and set up all your parameters you just need to wrap your activity (assets and components) in a movie clip (Fig3) and to link it to the dragNdraw class (Fig4) ... job done your dragNdraw activity is ready to go :)

	Fig4
Fig3