Drag the multiples in a Droppable div

I have implemented a drag and drop system onboard, which works fine, using JQuery UI I have a droppable div and will have approximately 9 draggables.  What I try to do, is get the div droppable watching what's moved inside, and respond on this basis.  I'm not a coder for info, well that am pick up fast then feel free to be a little more technical.

Thus, for example, that if I drag in box1, does action1, however by dragging in box2 would action2 - and so on.

I can not it looks like what I'm doing drag and do the action. I tried you are looking for a solution and just can't find one that works within edge. I'd appreciate a lot of immediate help anyone could offer to get this working.  I have included my code below so far (not completed):

============

Enter the code to run when the symbol is created here
$.getScript ("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js", function() {}

Define Variables
var number = 0;
card var = sym.$('Symbol_1');
highest var point = sym.$("highlight");
var drop = sym.$('Rectangle');
var append1 = "< img src = ' images/fav1.png' id = 'append1' style =" padding-left: 5px; "' > ';
map1 var = sym.$('fav22');

Make the moveable variables
Map.Draggable ({}
return: true,

});

Map1.draggable ();

Drop.Droppable ({tolerance: "intersect",})

activate: function (event, ui) {highlight.css({"opacity":"0.3"});},)

deactivate: function (event, ui) {highlight.css ({"opacity": "0"})},

Drop: function (event, ui) {}

If (count 9 < & &! $("#append1").length) {}

Drop.Append (append1); Count ++; }

else {}

Alert ("you have already added this video") ;}

}



});



});

=========

Hey Russ,.

You can get the 'id' of the div div ignored by the line of code below (add it to your 'drop' function - so that it can access the setting "ui"). You can then add an if statement based on the "droppedId" (name) of your object.

sym.droppedId = ui.draggable.attr('id');

If (sym.droppedId == "Object1") {}

//

} Else if (sym.droppedId == "object2") {}

//

}

See this violin:

http://jsfiddle.NET/9RBJG/

Tags: Edge Animate

Similar Questions

  • dialog jquery apex 5.0 by dragging the issue

    Hello

    Always try to get used with 5.0 and its modal (or not) dialogue.

    Below is the sample app, modal dialog box stylized dialogue-based

    You questions:

    1. appendTo is only way to get response dialogue inside the shape?

    2 jQueryUI seems to have some problems with dialogue by dragging the function above problem under IE and FF (Chrome seems to have no problem with it), but it is more suitable to solve it?

    3. modal dialog in the apex gives defined resolutions of modal window: it can replace the jQueryUI however dialogue how set I've automatically adapted to the content?

    apex.jQuery( this.affectedElements ).dialog( 'destroy' ).appendTo( 'form#wwvFlowForm' );
    apex.jQuery(this.affectedElements).dialog({
        closeOnEscape   : true,
        draggable       : true,
    dialogClass : 'customStyles',
        height          : '300px',
        modal           : false,
        resizable       : true,
            width           :'900px',
    collision: 'fit',
    drag: function(event, ui) {
                    var fixPix = $(document).scrollTop();
                    iObj = ui.position;
                    iObj.top = iObj.top - fixPix;
                    $('.ui-dialog').css('top', iObj.top + 'px');
                },
      open          : function(event, ui){
        // Bind click handler on the overlay, to force dialog closing
        apex.jQuery('.ui-widget-overlay').bind('click', function() {
          apex.jQuery(this).prev().find('div:nth-child(2)').dialog('close');
          });
      }
    
    });
    

    Thank you

    Hi jareeq,

    I see now that the source of confusion may be that the application example dialogue always includes a page using the jQuery UI dialog box. Sorry about that. I had recommended to delete this page and I thought he had, but clearly, he didn't. For the reasons given in the blog referenced above, there is a lot of work to get jQuery UI dialogs well operate in an APEX application. So I highly recommend people to use the APEX for the dialogues in line (modal region) and modal pages.

    The jump from the dialog box down on the drag problem does not happen with APEX inline dialogues or modal pages so I recommend you to use those.

    Kind regards

    -John

  • Problem by dragging the PS window to the 2nd screen/monitor

    I have a MacBook Pro which is 10.10.5 and Yosemite.  I have a 2nd monitor is an ASUS.  I had been their mirror so far, but due to calibration problems, I do is no longer that.  How can I drag Photoshop CC on the 2nd monitor?  I have my put monitors in place on the Mac preferences they are upstairs and downstairs.  I drag my programs to my ASUS but PS does not allow me to drag the program.  I tried to open another window in PS.  I tried read but can't seem to get it.  Any help is appreciated!

    Try to disable multiple monitors or commit ' mirroring '. The enforcement framework will be then jump under the menu bar. See OS x: how to use several displays with your Mac in Lion mountain and even before - Apple Support

    ~ Assani

  • 'shift' key does not work in the multiple selection table

    I created a table by dragging default datacontrol vo, the multiple value RowSelection, override the SelectionListener a manageBean method as follows:

    {} public void tableMakeCurrent (SelectionEvent selectionEvent)
    RowKeySet rks = selectionEvent.getAddedSet ();
    System.out.println (RKS. GetSize());
    Iterator it = rks.iterator ();
    {while (IT.hasNext ())}
    System.out.println (IT. Next());
    }
    }

    The problem is when I use 'shift' button help me select several lines, it will only print the last line, which I selected.

    Is there a way to fix this? Thank you...

    jdeveloper11.1.1.3

    for rowSelection multiple = to work with 'shift' you should not have the selectionListener or selectedrowkeys for your af:table
    http://www.adftips.com/2010/11/ADF-UI-implementing-multi-select-table.html
    delete selectedrowkeys and ownership selectionListener in the table and you will get select using the 'shift '.

  • How to get the multiple layers of data

    Hello

    I imported two jpg files into a single composition. Please follow this procedure...

    1 created a composition, say his name testCompo

    2 imported a file1.jpg in the file-> Import-> file draft

    3 imported a file2.jpg in the file-> Import-> file draft

    4. drag the two files, file1.jpg and file2.jpg, in the testCompo

    Now, I have two layers (it is file1.jpg and nested are file2.jpg) in my testCompo. How can I get the information in pixels or pixel data of the

    the two images (IE, I mean layers).

    I knew that params [0]-> u.ld is the first data layer in

    () EntryPointFunc
    PF_Cmd cmd,
    PF_InData * in_data,
    PF_OutData * out_data,.
    PF_ParamDef * params [],.
    PF_LayerDef * output,
    void * extra)

    So what about other data layer? Then, finally how can we get the multiple images/layers data in AE?

    Thanks in advance!

    It's the thing.

    You must have a param layer (let's say it's param number 3).

    Use this param to select any layer of the model.

    Now you checkout param 3.

    what you get is a paramDef structure containing the pixels of the layer 3 Advanced param to.

    you will find this information at:

    paramDef-> u.ld.data (or something close to that. I do not have in front of me)

    This way the jpg1 affect can get jpg2 pixels and jpg3. any layer in the comp.

  • How to drag the folder main back in the sidebar of the window

    Hello

    By mistake, I dragged the main folder (root?) of the sidebar of the window. I was trying to drag in the Prefs > projector > protection of personal information in order to reindex Spotlight. When I let go, she went from Ottoman.

    I am Elmer, I think it was called "Elmer Macbook" or something like that. No idea how it go back in the sidebar of the window?

    The best

    Elmer

    Hello

    Open the Finder, then go to the Finder menu bar and click Edit > undo move

  • When I try to highlight the text my cursor turns into a hand/fist who just drag the page. I need to be able to highlight, copy and paste text.

    I have to be able to highlight text on web pages, copy and paste. But when I click on my mouse left button, he made a hand / fist which simply dragged the page.
    How can I get to where I can highlight text?

    Start Firefox in Safe Mode to check if one of the extensions (Firefox, Tools/menu key > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox, Tools/menu key > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe
  • Drag the e-mail message open mailbox

    I've recently updated to El Capitan.  In latest versions OS Mail, when you opened a message, there is an icon at the top of the window of the message before the title and you can click and drag the open message to the mailbox to check it.  The icon is now gone and I can't find a way to do this without finding the original message in my Inbox.  Is there a way to get around this?  The reason why I want to do this is because I often open the messages I need to treat and leave them open as a reminder.  The message in the Inbox becomes buried in hundreds of others and so it is easier to find and move the open message that he finds in the Inbox list.

    Try dragging the message header. I can't test this on a machine of El Capitan right now, but I think it works.

  • Hi, I can't drag the Firefox journal normally to the left of the address in the browser to the symbol of the House because it was replaced by the padlock.

    Hello

    Following a recent download of a defrag program I did not notice that he put in bitable.com. This page

    (direct access to social networks sites, Google YT etc ) has now displaced my dedicated Home Page which is Google Actualities. I cannot find a way of removing the nuisance site/page but when I try to make Google Actualities my Home Page by dragging the Mozilla logo (normally to the left of your address in my browser window I find that it has been replced by......the padlock!).
    

    Would be really grateful if someone could shed some light on my preicament. Thanks in advance in there.

    Kind regards

    David

    the only thing that should be there is the path to the firefox.exe file (something like "C:\Program Files (x 86) \Mozilla")-remove anything else of this line.

    In addition, run a scan with the adwcleaner tool recommended above.

  • How to disable him drag the text selected for searching the Web?

    How to disable him drag the text selected for searching the Web?

    Hmm, I did not forward. This is a new tab page with nothing to do with what you were dragging?

    I wonder if this might be a feature of one of your extensions. You can see their and disable/remove those that are not essential or unrecognized, here:

    Firefox orange (or the Tools menu) button > addons > Extensions category

    If you disable the extensions, usually a link will appear above at least one of them to restart Firefox. You can complete your work on the tab and click one of the links in the last step.

    If there is no difference, you could test mode without failure of Firefox - which is a standard diagnostic tool in order to avoid interference by extensions (and some custom settings). More info: questions to troubleshoot Firefox in Safe Mode.

    You can restart Firefox in Mode safe help

    Help > restart with disabled modules

    In the dialog box, click on 'Start mode safe' (not Reset)

    Any difference?

  • Open in a new tab when you drag the url in the address bar

    Hello
    When using Firefox on a Windows system, I can get a url (no hyperlink) open in a new tab by dragging the address bar while pressing the Alt key on the keyboard.
    Now I use Firefox (latest version) on a Linux system (Linux Mint 14, specifically), but I can't do the same thing. is there a solution of reproduc this behavior?

    Thanks in advance

    Dragging the URL/text next to a tab should open in a new tab. It does not?

    You should be drag text to the area shown on this screenshot.

  • New iMac has no Applications folder in the dock. Where to drag the Firefox icon for?

    A brand new iMac with the current OS X 10.8.2 has no Applications folder in the dock. When I try to download Firefox the last step shows to drag the Firefox icon in the Applications folder.
    What should I do because there is no such file?

    FYI, I had an old MacBook Pro has an Applications folder in the dock it was no problem
    Download and install Firefox.

    Hi rcarm, go to the Finder, then go to the Menu bar and then open the "Go" menu and select "go to folder...". ", and then type (or copy and paste from there) ~/Library/Application Support

    Thank you

  • Is there a another way to resize the browser to share window by dragging the corner?

    My Firefox window is slightly larger than the size of my desktop, so I put the hand on the corner down to resize the window horizontally. Y at - it a shortcut keyboard or another way to do this?

    • You can resize the window by dragging the cursor of the mouse on any part of the edge of the window, not just the lower corner.
    • Press Alt + space to display the window menu, press S to select the size option, use the arrow keys to resize the window and then Enter to confirm.
    • Click expand in the upper right of the window.
    • Click on the title bar and drag the window to the left, up, or the right edge of the desktop. For more information, see Aero snap.
    • Move the cursor to the upper edge or bottom of the window, until the cursor turns into a two-headed arrow, and then double-click the left button of the mouse.
  • How can I add the "open a new tab" button back to tabs &amp; bookmarks to the menu bar? I was able to click and drag the bookmarks there and the tab button has always been thr

    How can I add the "open a new tab" plus button back to tabs & bookmarks to the menu bar? I was able to click on and drag the bookmarks and folders containing the bookmarks in the menu bookmark to a bar of tools and click the tab + button was always on the right side of a tab before seeing ff 13.0.1 on windows 7.

    I need back, areas have red around em

    http://i48.Tinypic.com/25gue0x.jpg

    Draggin ' bookmarks toolbar items, it's done. Thank you for the mind can.

  • my firefox has been updated yesterday, and since then I can't copy any link in a text of the e-mail, more. I drag the address of the page, but the link does not work. Thank you.

    my firefox put updated yesterday, and since then I can't copy any link from a web page in an e-mail message more to send. usually, I could drag the address of the page and it automatically copied the blue link and it could open. now, it does not work. I use gmail, but I don't think it is related to the post.

    In Firefox, you usually use a string as button in the toolbar all foregoing enamel make up the zone Editor to create a clickable hyperlink.

    Sometimes, it happens automatically if you send the message, but I've never seen this in Firefox when you compose a message.

Maybe you are looking for

  • Qosmio X 875 - ECO mode does not work immediately after Win 8 upgrade

    I used the upgrade Toshiba Upgrade Wizard to Win 8. He succeeded well uninstall the incompatible software before the upgrade and install the new Toshiba and driver versions after the upgrade. I activated the ECO mode, and to my surprise, it does not

  • Satellite P200-157: Atheros AR5006EG WLan - AES encryption in question WPA

    Hello, sorry for my English. I bought a SATELLITE P200-157 with VISTA OEM 2 months, since I can't use WPA with Atheros AR5006EG AES encryption. The LAN does not work because three other computers are connected in wifi on the same router. With the Tos

  • Black ZTE 10 Usb boot

    Hello Lenovo Com, When I try to boot from a USB key (it is bootable on my laptop) on my ZTE Miix10 via the advanced Windows 8 boot parameter, I always get an error message saying "your system does not have a USB boot option, please choose another opt

  • Pavilion dv6: laptop does not charge when it is plugged

    Today my laptop stopped load so it was still plugged in, ive tried turning on with and without so that connected battery and still nothing is my battery or power cord my problem? The cord connected to the ac area seems loose also, but except that the

  • Cannot install updates error code 646

    Windows Update error 646 (KB982312 KB982308 KB979441, KB982158, KB982124, KB982135, KB983486, KB982331, KB982312, KB982308, the code have you tried the update by disabling the security settings, but the updates does not appreciate your support on thi