0 Replies Latest reply on Jan 14, 2014 2:51 PM by Rezu

    get dragged object to go back to pre-dragged locale

    Rezu Level 1



      Here's the scenario... I've got a draggable object that shows up where I want it the first time > I drag it > drop it on a correct droppable, and things are fine.


      Here's the code I'm using from creationComplete...



      //Use the code! Draggable! Droppable!!     sym.$('ques1Drag').draggable({revert:'invalid', cursor:"pointer"});    //Droppable... on the target!     sym.$('objection_salesPt2').droppable({        accept: sym.$('ques1Drag'),            drop: function() {         sym.$('ques1Drag').hide();   //hides the draggable object                var correctShow = sym.createChildSymbol("correct", "Stage"); //shows a 'correct' feedback                   correctShow.getSymbolElement().css({"position":"absolute", "left":"500px", "top":"300px"});                   correctShow.play();         }     });



      BUT, if a user chooses to go back to the beginning of the drag/drop section and re-do all of the drags and drops again, the draggable object shows up (yes, I've set code to say .show(); the object that was hidden after a correct drop) on top of the droppable object, not where it originally started.


      Pre-drag... question mark gets dragged to Objections



      If the user goes back to the beginning of the drag/drop section... here's where the draggable object shows up on the droppable (where it got left/dropped)


      It's like the drag and drop function remembers where it got dropped, is there a way to reset this?


      Yes the user could hit F5 and start all over, but then they'd have to go to the very beginning, not just the beginning of a section.



      Thanks for any help,