Rated drag and drop

Sorry, my code got cut off there:

// insert code to be run when the composition is fully loaded here

var dragForms = ['Drag1', 'Drag2', 'Drag3', 'Drag4', 'Drag5'];

var dropForms = ['Drop1', 'Drop2', 'Drop3', 'Drop4', 'Drop5'];

var Pos = [

  {'x':29,'y':115},  {'x':29,'y':160},  {'x':29,'y':205},  {'x':29,'y':250},  {'x':29,'y':295}

];

Pos.sort(function() {return 0.5 - Math.random()});

for (i=0;i<dragForms.length;i++){

  sym.$(dragForms[i]).css({"left":Pos[i].x,"top":Pos[i].y,"position":"absolute"});

  sym.$(dragForms[i]).addClass('C'+i);

  sym.$('.C'+i).draggable({

  revert: 'invalid'

  });

  sym.$(dropForms[i]).droppable({

  accept:'.C'+i,   // use class for accept

  drop: handleDropEvent

  });

}

k=0;

function handleDropEvent(event, ui){

    ui.draggable.draggable( 'disable' );

    $(this).droppable( 'disable' );

    // place draggable where needed. could be left, top

    // ui.draggable.position( { of: $(this), my: 'left', at: 'top' } );

    ui.draggable.position( { of: $(this), my: 'center', at: 'middle' } );

    ui.draggable.draggable( 'option', 'revert', false );

    k++;

    if (k==5){

  for (i=0; i<dragForms.length;i++){

  sym.getSymbol(dragForms[i]).play();

  sym.play();

  }

   }

}

Hello Res,

This code is a slight alteration of an example you provided on a past question!

Unfortunately that hasn't seemed to work in this case.

Hello Res,

They can move again once dropped! Thank you very much! I still need to do a few more things in order to get the desired result. I hope it's okay to keep asking.

I still need to allow them to drop into other areas, as opposed to just themselves, and snap back to their original location if dragged off of the drop zones.

Additionally I need two counters. One for logging a correct drop and another for logging how many have been dropped in total (Max of 5). The latter here I can do quite easily, but logging a value based on the correct drop I imagine I will need assistance with.

Thank you so much for your help so far. I will have a look around for more information about correct drop location drop scoring.

Hello, would it be alright if I bumped this thread a bit? I am still unable to produce the outcome I am after with this drag and drop.

Currently with the file it is possible to drag and drop elements to their correct locations, and have them being able to move after being placed in the correct location.

I still need to achieve the following:

• Have elements being able to be placed in incorrect locations
• Have elements return to their default positions after being dragged (This is currently possible UNLESS the user places the element in the correct location. Then it snaps back to that location and that location only).

Any help on this matter is very much appreciated. Time is starting to run out as I will not be able to work on this for much longer (My placement ends in September and I would really live to leave my employer with a working drag and drop game that has been developed in HTML), so responses are very sought after for me.

Kind regards,

Alexi

Good afternoon Aubrey, I have no tried using a scope yet. I was unaware they even existed until just now! Thank you for your feedback. I will have a test with scope tomorrow morning. I have watched Paul Trani's videos regarding dragging and dropping, however what I am after is a little bit more specific I'm afraid. Whilst his video was very useful, it wasn't usable for me in this instance with what I am aiming to do.

Good morning Aubrey, I am reading up on Scopes and have an idea of what I'd like to try, but I am pretty stumped as to how I will implement it! My plan is to assign each drop zone two different scopes, one for a correct drop and one for an incorrect drop. Each drag item will ideally have a reference to the correct drop target, and all other targets will be incorrect, allowing the drag item to be placed on the incorrect location. I will continue researching and will try to test this out in my project, but is this something that is possible? If it is then I imagine it wouldn't be much more to set another scope target for the initial position of the drag items to be placed back to. Thank you in advance for any help and feedback!

Update: Just realised a slight problem with this. As the content is all in an array that gets iterated through there cannot be individual identifiers. Was there some way around this too or will I have to separate the array? The array is also used for positioning the drag items randomly, which is important as the original Flash file also did this.