A Drag and Drop that changes object states

Sep 19, 2014

Hi Community!

Here's what I'm up to, and I'm hoping someone has a good idea of how to guide me:

I have three big categories (let's call them buckets).

Each of those buckets has three drag-objects that correspond to it.

So, three targets (buckets), nine total drag items.

I want to let the users place all nine drag items, and then click Submit (or an equivalent) that then changes the state of each correctly placed drag-item. So, anything that has been dragged onto it's correct bucket will change to green, or whatever color I choose for that "correct" state.

I'm trying to do this so I can have more granularity than the Correct/Incorrect feedback that the standard Drag and Drop interaction offers. That is, when I use that interaction, when people miss only one item, the entire question is Incorrect. I'd like them to know which parts are right and which aren't.

I'm also interested in giving point values to correct placements. That way, in a later iteration I can compare the scores folks get...maybe have some fun competition from it.

Anyway, I hope this makes sense.

if you have any ideas, please let me know!

Thanks,

-gt

3 Replies

George Tuft
Author

over 9 years ago09/19/14 at 2:42 pm (UTC)

And for clarity's sake...

I can get the drag-objects to change state up on dropping them onto the target.

What I'm trying to do is delay that state-change until the user clicks on a trigger/button of some sort.

So, all at once, instead of one by one.

Thanks!

George Tuft
Author

over 9 years ago09/19/14 at 6:33 pm (UTC)

OK...so I figured it out.

If anyone is interested:

I created nine variables (one for each of the drag-objects) and set their initial values to FALSE.

I created a TRIGGER on each drag-item that changed it's variable to TRUE if it gets dragged to the proper target.

Then I created a SUBMIT button, and I created nine TRIGGERS on that one button, each with a condition that changed the state of the individual drag-object if that particular drag-object's variable were equal to TRUE,

Good times were had by all.

Kevin Thorn
Hero

over 9 years ago09/19/14 at 8:46 pm (UTC)

Hi George,

Glad to hear you figured it out. Saves me from having to explain.

Seriously, sometimes just talking it out helps. Now that you've worked through this design and reached a solution, my guess is your world just opened up to what you can do with variables.

A Drag and Drop that changes object states

3 Replies

This discussion is closed. You can start a new discussion or contact Articulate Support.