draggable

jquery draggable to sortable

I've created a sortable list and a draggable item to add new items. I have a remove button that I want to make visible when I add the new item from the draggable. How do I wire the events up? This is the element that gets dragged from the draggable to the sortable. <a id="btn" class="ContentItemSelect" > <span title="Remove...

Draggable div - what's the point?

I've seen many implementations of draggable divs in jQuery, .Net Ajax, and plain old javascript. While they are all novel, and solve the problem with varying ease, I've never understood what the point was. What is the value of a draggable div? What use case does a draggable div implement? Are there places where draggable divs improve t...

JQuery draggable: scroll not working when helper: clone is used

I have a folder list type of situation where I can drag items from one folder to another using jquery draggable/droppable. Folder items are draggable and folders are droppable. These are in a div that is small enough to show a vertical scroll bar. I have "scroll: true" set on the draggable items so that they can cause the div to scroll....

JQuery Drag Drop - How to Reset to Original State

Hi, I've got a Drag Drop opening in a modal dialog window and would like to reset it back to its original load state if the user cancels out of the dialog. I'm using similar concepts to the 'Simple Photo Manager' Droppable example on jqueryui.com. The problem is that when I drag from one area and drop to another, I'm modifying the html,...

jQuery Sortable+Droppable vs Draggable special functionality

Hello - I'm trying to make a functionality that allows for a draggable list of items (left column) to be dragged onto a sortable list (right column). What is different about just doing a connectToSortable is that I need the sortable list to ACT like a droppable list, in that the order of the items is retained on the right column ONLY whe...

Avoid element to get selected when its dropped with jQuery sortable

Hi! I have a function which let me select a element when its clicked. It goes like this: $('ul.grid li').click(function() { var input = $(this).find('input.select-state:first'); var value = input.attr('value'); if (value == '0') { $(this).addClass('active'); input.attr('value', '1'); } else { $(this).removeClass('active'); ...

Nested Sortable JQuery list doesn't work in IE while it does in FF

Hello everybody, While I'm using this site quite often as a resource for jQuery related problems I can't seem to find an answer this time. So here is my first post. During daytime at work I'm developing an informationsystem for generating MS Word documents. One of the modules I'm developing is for defining a default chapterselection fo...

How do you make a draggable <tr> using YUI3?

Hi! I'm using YUI3 and I've been trying to make <tr> tags inside a table draggable with no luck. I've found that I can drag <div> nodes around, but for some reason I can't drag a <tr>. It shouldn't be a limitation, I've found examples of YUI2 where this is done, but the code is completely different from YUI3 and I can't figure this out....

Drag & Drop performance issue inside Table date which is built dynamically using ASP

How to achieve droppable events on mouseover of each items instead of binding it to all events at beginning. If you can provide with an example code will be great. I googled but there is no hope or solution for the same. ...

jQuery draggable droppable compatibility issue with firefox and ie

Hi, ok bear with me, this is one of those long ones. I have a table of values which stores ID and Field. <asp:DataGrid runat="server" ID="dgFields" AutoGenerateColumns="false"> <Columns> <asp:BoundColumn DataField="ID" Visible="true" HeaderText="ID"></asp:BoundColumn> <asp:BoundColumn ItemStyle-CssClass="draggable...

jQuery Drag And Drop Using Live Events

Hello. I have an application with a long list that changes frequently, and I need this the items of this list to be draggable. I've been using the jQuery UI draggable plugin, but it is slow to add to 400+ list items, and has to be re-added every time new list items are added. Does anyone know of a plugin similar to the jQuery UI dra...

Problem making overlay draggable

I have created a script that upon clicking a button displays an overlay which loads an html table by ajax. The problem I'm having is with making the overlay draggable. The first time I click on the button the overlay is displayed and is draggable. However when I close the overlay and click the button again the overlay is displayed but is...

jQuery-Ui: Cannot drag object outside of an accordion

I have a draggable object inside of an accordion widget. When dragging it, it's constrained its parent, the accordion element. I've tried to use the 'containment' option with no success. I have tried this with FireFox 3.5.5 and Chromium 4. Is there a way to solve it? Thanks ...

Jquery\ASP.NET draggable and resizable list of items

Need to implement draggable and resizable list of items using Jquery or ASP.NET controls. Any code snippets or links? ...

JQuery UI draggable not working at all!

Why does this not work at all for me? <script type="text/javascript" src="Javascript/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" src="Javascript/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(function() { $('.selector').draggable({ axis: 'x' }); }); </script> <body...

jQuery ui.draggable event/status on revert

Is there a way to get information if an element that's draggable is reverted? I'm stuck on this. I want to make an element droppable again but only if the draggable that was lying there is moved elsewhere (meaning doesn't revert). Thanks in advance. Kind regards, flo ...

How do I manage to draw a few images in Custom View and Drag&Drop them.

Hi everyone. I'm writting a Cocoa app. I've wrote a code that can Drag&Drop one Image. But now I need to draw several Images by double click and D&D them. Each double click- new image, each click on existing image- starts D&D. Problem is in realization. I can't imagine a simple way of realization. Can anybody propose a solution? Thanks...

jquery ui - how to drop image into a modal

Hi, I have been trying hard to get this to work. I have a modal which I call when draggable - drag function is called. I want to drop the element into this modal which was called. I cannot seem to focus the draggable element into the modal. Can someone help me with this problem. Here is my code: $(document).ready(function(){ ...

[JQUERY] Triggering a draggable on mousedown.

Hi guys, This is my problem i'm trying to create a event to trigger a draggable. Here is what i already tried. <div id="ecard-canvas"> <div id="ecard-border"></div> <img id="ecard-image" src="images/content/girl.jpg" alt="chick"/> </div> and the JS. $('#ecard-image').draggable(); $('#ecard-border').mousedown( function(event...

jQuery ui.draggable - changing the current dragged object (in fullCalendar)

Hello, I've just discovered the fullCalendar jQuery plugin which does pretty much everything I need for the appointment scheduling service I'm building. However, I've hit a small problem. There are "event" elements within fullCalendar agendaDay view which are draggable, however they are locked to the tds of available timeslots. I want...