Create a drag and drop target set

Hi,
I want to be able to create the following if possible:
Create five words that make up a sentence and they are mixed up in order. So basically I would turn each word into a Movie clip perhaps.
I would then like to assign a target hotspot for each word so that a user can drag the words into the correct order.
Once they are in the correct order they click a button to go to a correct response or incorrect response. Is this possible?

Yes, it is possible. Try seaching Google for a tutorial using terms like "AS3 drag and drop tutorial" and/or "AS3 dropTarget tutorial"

Similar Messages

How do I create a drag and drop interaction using Captivate 8?

I cannot figure out how to create a drag and drop interaction in Captivate 8. Options to do this are greyed-out.

You can only use D&D in normal projects, not in responsive projects.
http://helpx.adobe.com/captivate/kb/top-issues-captivate-8.html

How to create a drag and drop video playlist Help please

I would like to learn how to create a drag and drop video playlist.
I think the most common example is youtube.
I already have partial of the work but I am stuck with my preliminary knowledge of Flash.
What I am saying is:
I have a *.fla project that have the galleries for video and pictures.
But this process is done from the back end.
I would like to make it more dynamic for the visitors.
For example:
1. Create a visitor video (pictures) playlist
2. Drag and drop into the playlist
3. To be able to create different playlists (Playlist 1, "My favorite playlist", "Watch later", etc)
If someone knows or want to guide me where or how to find this request, I'd appreciate it so much.
If the forum think that this need to be address to a expertise ($). I am also welling to hear that and where to go.
If someone is interesting in this project please send me a note to show the prelimary project.
Thanks

Yeah that is the general idea but that is more of a "lift and drop", i want to add the same thing as when you:
Right click this window in the taskbar (assuming your using windows) when the window is not maximized and click "move" then it changes the cursor icon and allows u to move the window around and while you move it around it shows the window moving, not a click and release feature.
So i want that ability without having to click on the title bar, if you know what i mean.

Creating a drag and drop converter?

Does anyone know if there is a simple way to create a drag and drop converter type application?
I have a small command line application that converts an input file to an output file. It can take a few extra options, but these aren't necessary. To make this functionality available to more people I would like to convert it into a simple "drag and drop" style applcation, which would call the binary.
Does anyone have any recommendations or pointers to a tutorial on doing something similar? I am a bit of a newbie in terms of Mac development and I am thinking this could be a practical way of getting me introduced?

You might take a look at Pashua - it is designed to tack a GUI onto things that don't have one. Otherwise, you are probably looking at something more serious, such as Xcode.

HT2688 I cannot drag and drop songs into a newly created playlist. I have other playlists that I have created but drag and drop no longer works

Almost all of my songs have become located in a My Music folder within the general library of the harddrive of my laptop and are no longer in itunes. When I try to play a song I get the message - "The song could not be used because the original file could not be found. Would you like to find it?"
This works but is impractical as it would take years import all of these songs back into itunes one at atime. How do I import all of the songs from the My Music library folder on my harddrive into itunes? Please help

Playlists are ones I have created, not smart Playlists
You can create either smart playlists (they are purple) or regular (blue) playlists.

How do you make an object draggable without creating a drag and drop quiz question?

I'm trying to make objects that can be dragged, scaled, and rotated by the user (not a preset animation). Any way to do this?

The only thing that comes to mind is a widget.
If anyone would have it, it would be Rod Ward.
Click here to visit the site and see the list
Cheers... Rick

Flash drag and drop not finding targets in Captivate

I created a drag and drop game in Flash CS4 using Actionscript 2 which allows you to pull clothing onto a stick figure. If you get the clothes in the right place, over the target, then they stick, if not they return to their original position. It works fine but when I open it in Captivate 4 the targets no longer hold the objects. No matter where you place the clothes icons they will return to their original position.
I have captivate set up for the correct Actionscript and the fps in captivate and the swf are the same. I've included the code I wrote below. Please help if you have any answers as to why this is happening.
shirt_mc.onPress=function(){
startDrag(this);
shirt_mc.onRelease=shirt_mc.onReleaseOutside=function(){
stopDrag();
if (this._droptarget == "/targetShirt") {
this.onTarget=true;
_root.targetShirt.gotoAndStop(2);
}else{
this.onTarget=false;
_root.targetShirt.gotoAndStop(1)
shirt_mc.myHomeX=shirt_mc._x;
shirt_mc.myHomeY=shirt_mc._y;
shirt_mc.onMouseDown=function(){
//this variable tells us if the mouse is up or down
mousePressed=true;
shirt_mc.onMouseUp=function(){
mousePressed=false;
shirt_mc.onEnterFrame=function(){
//all these actions basically just say "if the mouse is up (in other words - the clip is not being dragged)
// then move the MC back to its original starting point (with a smooth motion)
if(mousePressed==false&&this.onTarget==false){
this._x-=(this._x-this.myHomeX)/5;
this._y-=(this._y-this.myHomeY)/5;
pants_mc.onPress=function(){
startDrag(this);
pants_mc.onRelease=pants_mc.onReleaseOutside=function(){
stopDrag();
if (this._droptarget == "/targetPants") {
this.onTarget=true;
_root.targetPants.gotoAndStop(2);
}else{
this.onTarget=false;
_root.targetPants.gotoAndStop(1)
pants_mc.myHomeX=pants_mc._x;
pants_mc.myHomeY=pants_mc._y;
pants_mc.onMouseDown=function(){
//this variable tells us if the mouse is up or down
mousePressed=true;
pants_mc.onMouseUp=function(){
mousePressed=false;
pants_mc.onEnterFrame=function(){
//all these actions basically just say "if the mouse is up (in other words - the clip is not being dragged)
// then move the MC back to its original starting point (with a smooth motion)
if(mousePressed==false&&this.onTarget==false){
this._x-=(this._x-this.myHomeX)/5;
this._y-=(this._y-this.myHomeY)/5;

Hi all,
Thanks for the informative replies. My main issue seems to be when adding animations. For example (I have included one below
). I add this animation to my project and it runs perfectly. I then add another, very similar animation, and the sound dissapears completely in the previous one! I remove the one added, preview the project again and the first animation works again!
The only access I make to Root is through the successful click on the otherTARGET, that tells captivate to move to the next slide. Could this be the root (exuse the pun) of my problems?
Any help appreciated!
stop();
var target:Array=new Array(likelyTARGET,otherTARGET,other1TARGET);
addListners();
var more:Sound = new consequencefocuspeople();
var less:Sound = new consequencemoreserious();
function addListners(){
for (var i in target) {
target[i].addEventListener(MouseEvent.CLICK, onClick);
function onClick(event:MouseEvent):void
var item:String = event.target.name;
switch(item)
case "otherTARGET":
     var mainmov:MovieClip = MovieClip(root);
      mainmov.rdcmndNextSlide = 1;
break;
case "other1TARGET":
removeAllEventListner()
var soundChannel:SoundChannel = more.play();
soundChannel.addEventListener(Event.SOUND_COMPLETE, soundComplete);
break;
case "likelyTARGET":
removeAllEventListner()
var soundChannel2:SoundChannel = less.play();
soundChannel2.addEventListener(Event.SOUND_COMPLETE, soundComplete);
break;
function soundComplete(event:Event):void {
addListners()
function removeAllEventListner()
for (var i in target)
target[i].removeEventListener(MouseEvent.CLICK, onClick);
thanks,
tristan

Drag and Drop game with only two targets

I created a drag and drop activity where their are five boxes that are supposed to go in to two columns in any order. I found a tutorial online that I based this activity off of.
The problem is that the tutorial shows you how to make a target for each mc which has worked for all the activities I've made except for this one where I need only two targets. How would I change it so I can have multiple mc's drop on to one target?
This is my AS:
var score:Number = 0;
var objectoriginalX:Number;
var objectoriginalY:Number;
growing_mc.buttonMode = true;
growing_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickupObject);
growing_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
gorging_mc.buttonMode = true;
gorging_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickupObject);
gorging_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
dormancy_mc.buttonMode = true;
dormancy_mc.addEventListener(MouseEvent.MOUSE_DOWN , pickupObject);
dormancy_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
cystform_mc.buttonMode = true;
cystform_mc.addEventListener(MouseEvent.MOUSE_DOWN , pickupObject);
cystform_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
hosttrans_mc.buttonMode = true;
hosttrans_mc.addEventListener(MouseEvent.MOUSE_DOW N, pickupObject);
hosttrans_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
function pickupObject(event:MouseEvent):void {
event.target.startDrag(true);
event.target.parent.addChild(event.target);
objectoriginalX = event.target.x;
objectoriginalY = event.target.y;
function dropObject(event:MouseEvent):void {
event.target.stopDrag();
var matchingTargetName:String = "target" + event.target.name;
var matchingTargetisplayObject = getChildByName(matchingTargetName);
if (event.target.dropTarget != null && event.target.dropTarget.parent == matchingTarget){
event.target.removeEventListener(MouseEvent.MOUSE_ DOWN, pickupObject);
event.target.removeEventListener(MouseEvent.MOUSE_ UP, dropObject);
event.target.buttonMode = false;
event.target.x = matchingTarget.x;
event.target.y = matchingTarget.y;
score++;
scoreField.text = String(score);
} else {
event.target.x = objectoriginalX;
event.target.y = objectoriginalY;
if(score == 5){
response_mc.gotoAndStop(2);

var matchingTargetName:String =(event.target.name).substring(0, 1);
Change the name of the target to A and B and the mc A1, A2, A3, A4... and B1, B2,B3...

Drag and drop to target simple errors, expecting identifier?

im creating a drag and drop. moving a guitarest name to a target e.g draging a movieclip called slash to a dynamic text box called box_slash this is my code and i get 2 stupid errors but have been up all night and cant figure it out!
flash cs5 actionscript 3, is this code for actionscript3 i found the base for it here: http://edutechwiki.unige.ch/en/Flash_drag_and_drop_tutorial any help would be incredible as it for an assignment and im new to flash
var hits = 0;
// Register mouse event functions
slash.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
slash.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
clapton.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
clapton.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
hendrix.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
hendix.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
// Define a mouse down handler (user is dragging)
function mouseDownHandler(evt:MouseEvent):void {
          var object = evt.target;
          // we should limit dragging to the area inside the canvas
          object.startDrag();
function mouseUpHandler(evt:MouseEvent):void {
          var obj = evt.target;
          // obj.dropTarget will give us the reference to the shape of
          // the object over which we dropped the circle.
          var target = obj.dropTarget;
          // If the target object exists the we ask the test_match function
          // to compare moved obj and target where it was dropped.
          if (target != null)
                    test_match(target, obj);
          obj.stopDrag();
function test_match(target,obj) {
          // test if either one of the four pairs match
          if ( (target == box_slash && obj == slash) ||
             (target == box_clapton && obj == clapton) ||
               (target == box_hendrix && obj == hendrix) || )
                    // we got a hit
                    hits = hits+1;
                    textField.text = "Correct! :)";
                    // make the object transparent
                    obj.alpha = 0.5;
                    // kill its event listeners - object can't be moved anymore
                    obj.removeEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
                    obj.removeEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
                    // Test if we are done
                    if (hits == 3)
                              textField.text = "Well Done";
          else
                    textField.text = "wrong! :(";
the errors are: i have highlighted the lines
Scene 1, Layer 'Actions', Frame 1, Line 39
1084: Syntax error: expecting rightparen before leftbrace.
Scene 1, Layer 'Actions', Frame 1, Line 38
1084: Syntax error: expecting identifier before rightparen.

Thankyou very much that does get rid of that error now i get
Scene 1, Layer 'Actions', Frame 1, Line 42
1120: Access of undefined property textField.
Scene 1, Layer 'Actions', Frame 1, Line 51
1120: Access of undefined property textField.
Scene 1, Layer 'Actions', Frame 1, Line 56
1120: Access of undefined property textField.
now im sure this is simple but im as im sure you have figured out im a complete noob to flash
textField.text = "Correct! :)";
textField.text = "Well Done";
textField.text = "wrong! :(";
is this something to do with an instance name?

Drag and Drop 2 objects 1 target

I am fairly new to Flash and trying to create a drag and drop. I have been following the tutorial here (http://monkeyflash.com/tutorials/flash-drag-and-drop/). One change I made to this tutorial was to have the object disappear when it is dropped on the target. Following these directions I was able to successfully build a drag and drop with one object to one target. My question is what if I want to have multiple objects go to the same target? For example in the tutorial what if I added a second square object and wanted both to go to the one square target.
Any help would be greatly appreciated!

As long as the target is still accessible as a target you can drag as many objects to as you want (one at a time). To help do that, when you drop an object on the target and make it disappear, you either need to make that dropped object go away ( removeChild(dropped) ) so that it is not blocking the way or move the target above the dropped object ( addChild(target) ).

Drag and drop to create a new requisition item

Hello,
In ME51N, we use a "Document Overview on" to select a requisition and drag and drop it to the basket.
When we do this, all the items are are copied from old to the new requisition.
We have some custom fields in "Customer data" tab, and these values are copied too.
The problem is: I would like to clear one of this custom fields, when the item is created via drag and drop. I know the EXIT_SAPLMEREQ_007 is called for each item and my question is: there is a when in this EXIT (or anohter one) to know if this item is created via drag and drop? So that, I can clear the field.
Thanks a lot!

Please, any ideas?

Possible Bug with Drag-and-Drop Being Published via HTML5 - Getting "Undefined" Error When Dragging Object

Hello,
I came up with a way to use drag-and-drop interactions that will take advantage of file input so that I may create a drag-and-drop interaction that uses one draggable object over and over allowing multiple scoring/tracking possibilities. Example use...is having the draggable object be dynamic in that it randomly changes its text so that a learner can drag a term it's possible classification.........thus allowing the possibility of having many terms easily loaded without having to redo a drag-and-drop interaction for each needed terms/classifications updates/changes.
My Issue: When using a variable to represent the text for a draggable Smart Shape object, I'm getting the error message "undefined" when, clicking/pressing on the object, as well as during the drag of the object. This issue occurs when publishing the project in an HTML5 format. Flash interestingly enough seems to work perfect...but we are not interested in publishing via Flash any longer.
To better help you explore this error message, I've set up a test project so that you can see when and how the "undefined" message shows up during a drag-and-drop interaction. I've also included the Captivate 8 project file used to make the exploration project I'm sharing in this post.
Link to Captivate project I created for you all to explore "undefined" error message": http://iti.cscc.edu/drag_and_drop_bug/
Link to this Captivate 8 Project file: http://iti.cscc.edu/drag_and_drop_bug.cptx
It's pretty interesting how things react in this demo, please try the following actions to see some interesting happenings:
Drag the Yellow (or variable drag box) to the drag target.
Drag Black Hello square to Drag target and click undo or reset - watch the undefined message come up on the Yellow (or variable drag box).
Drag the Yellow (or variable drag box) to the drag target and then use the undo or reset.
Move both draggable boxes to the drag target and use the undo and reset buttons...
Anyhow, I know you all are sharp and will run the demo through its paces.
I'd really be very honored if anyone help me figure out how I could (when publishing out to HTML5) no longer have the "undefined" error message show up when using drag-and-drop with a variable for shape text. This technique has been well received at the college I work at...and I have many future project requests for using such an idea on a variety of similar interactions. I'd love see a solution or see if this might be a bug Adobe may be able to fix!
I tried to find a solution to the issue documented here for quite some time, but I was not able to find anyone with this problem much less attempting the idea I'm sharing in the help request - save the darn "undefined" message that comes up!
Many thanks in advance for any help and/or direction that you all may be able to provide,
Paul

Hello,
I just wanted to supply a minor update related to my drag-and-drop question/issue stated above:
I did another test using Captivate 7, and found that the undefined error (publishing as HTML5) does not appear and the variable data remains visible - except the variable data turns very small and does not honor any font size related settings.
I did go ahead and submit this to Adobe as a possible bug today.
Thanks again for any help related to this issue. If the issued documented above is solved, it will allow many amazing things to be done using Captivate's drag-and-drop for both regular type projects as well as interaction development for iBooks!
Matter of fact if this issue gets fixed, I'll publish a Blog entry (or video) on way's I've used Captivate's drag-and-drop to create dynamic learning activities for Higher Ed. and for use in iBooks.
~ Paul

Drag and drop counter which activates a animation when certain number is reached

     Hi there guys, I was wondering if anyone could help me with this problem, I'm using adobe edge to create a drag and drop game and I want edge to use a counter to track how many draggable parts have been dropped in their repective targets, when a certin number of elements have been dropped I would like edge to automaticly reveal a button so the user can move on. I have the code and I think I may be on the right track but I may be miss placing some code
Any help woud be great
   // insert code to be run when the symbol is created here
         yepnope({nope:['jquery-ui-1.10.4.custom.min.js', 'http://code.jquery.com/jquery-1.11.0.js'], complete: init});
         function init(){
                   //Use the code! Draggable! Droppable!!
                   sym.$('Leftpole3').draggable({opacity:.5, revert:'invalid'});
                   sym.$('Leftpole2').draggable({opacity:.5, revert:'invalid'});
                   sym.$('Leftpole1').draggable({opacity:.5, revert:'invalid'});
                   //Droppable
                   sym.$('Leftpole3target').droppable({
                             accept:sym.$("Leftpole3"),
                             drop: function () {
                                                  sym.setvarible("count", count + 1)
                             sym.getSymbol("Leftpole3").play();
                   sym.$('defaultpole3').droppable({
                             accept:sym.$("Leftpole3"),
                             drop: function () {
                   sym.$('Leftpole2target').droppable({
                             accept:sym.$("Leftpole2"),
                             drop: function () {
                                                  sym.setvarible("count", count + 1)
                                                  sym.getSymbol("Leftpole2").play();
                   sym.$('defaultpole2').droppable({
                             accept:sym.$("Leftpole2"),
                             drop: function () {
                   sym.$('Leftpole1target').droppable({
                             accept:sym.$("Leftpole1"),
                             drop: function () {
                                                  sym.setvarible("count", count + 1)
                             sym.getSymbol("Leftpole1").play();
                   sym.$('defaultpole1').droppable({
                             accept:sym.$("Leftpole1"),
                             drop: function () {
         // Set the value of a Symbol variable
         sym.setVariable("count",0);
         if("count"==3) {
            sym.getSymbol('Text2').play();

Hi,
I don't know whether you have sorted this problem out but I have a drag drop just the same as you have described and I have got it working.
I found that adding the if statement for the count ==3 to the droppable, drop: function works.
You will just have to have it like this for example:
drop: function ()
     sym.setvarible("count", count + 1)
     if (count ==3)
          sym.getSymbol('Text2').play();
This is the way have it working, hope it helps

Drag and Drop with snapping

I'm trying to create a drag and drop map where the country snaps into place on top of it's target. I have loaded all necessary libraries and the dragging works fine. I just need it to snap into it's place. Here's my code...
sym.$('Peru2').draggable();
sym.$('Peru_target').droppable({drop: function() {sym.getSymbol("Peru2").play();}});
And here's the example...
http://jzdconnect.com/map_drag/map.html
HELP!

Since all your assets positions are absolute,you can set the desired top and left values of div your are dragging in the drop callback function.
Something like
sym.$('Peru_target').droppable({drop: function() {
var symbol = sym.getSymbol("Peru2");
var ele = symbol.getSymbolElement();
$(ele).css({top:<your value>;left:<your valye>});
symbol.play();
Hopefully this helps

Drag and drop advancing when it shouldn't - Any ideas?

I have created a drag and drop interaction with 4 drop targets and 8 drop sources. All targets will accept all sources but only hold 2. If the drop is "correct" it will execute an advanced action which shows a tick if it is "incorrect" it will play an incorrect sound.
This is all working fine when you drag the correct items but if you drag 5 incorrect it advances to the next slide unexpectedly. I have everything set to pause and buttons on the screen which should stop the timeline.
Any ideas how I can stop this from auto-advancing?
Thanks in advance!

The reason is in the fact that you are using simple instead of standard advanced actions:
Why choose Standard over Simple action? - Captivate blog
I repeated that remark in: Drag&Drop tips - Captivate blog

Create a drag and drop target set

Similar Messages

Maybe you are looking for