draggable

jQuery tab order kills drag/drop/sort lists

Hi everyone! I am stuck in a problem with jQuery. I try to make a list from elements, that can be dragged and dropped in many lists. But this whole thing is inside a tab. Here is it shown as it supposed to work: http://redbird.lv/problem/jquery_doeswork.html The interesting thing starts if I try to change the order of tabs. If the ta...

How could I implement new JFrame functionality.

I am trying to remove the drag bar across the top of the JFrame. I would like to keep the minimize maximize and close options that appear on this bar available. What I was thinking was to remove the bar (and icons). Then add the icons as embedded images, that implement the JFrame actionlistener. It would also be necessary for this to wor...

is there a way to make divs not overlap eachother while dragging via jquery draggable [or etc..]?

is there a way to make divs not overlap eachother while dragging via jquery draggable()? i have a bunch of divs that user can drag around but i can not have them overlap eachother. basically i'm creating a canvas where user can freely move the site's contents around the site but it needs to not overlap the other content while moving t...

Qt: Dragging a widget to scroll the widget's parent QScrollArea?

I've got a long horizontal QLabel displaying a png (the image shows a signal/time graph). Under that, I've got a QTableWidget. Both of these are in a QScrollArea because I want them to stay vertically aligned (the cells in the table correspond with the signal seen directly above them). I'm trying to add a handler to the QLabel such that ...

jQuery draggable list with clickable objects within - preventing click on drag

I have a ul that is draggable, and there are anchors in the li's that I want to deactivate during the drag so that they're not triggered once the draggable.stop() event triggers. <ul class="draggable-list"> <li class="list-item"><a href="#">clickable child</a></li> <li class="list-item"><a href="#">clickable child</a></li> ....

jqueryui draggable question: how to drag multiple elements at the same time ?

Let's say I have something set to be dragged: <div class="container"> <div id="draggable-1"></div> <div id="draggable-3"></div> <div id="draggable-4"></div> <div id="draggable-5"></div> </div> Is it possible to set jqueryui's draggable api so I can drag multiple draggable elements at the same time? Thanks. ...

Editing draggable after it's added to a sortable

Hey, I'm trying to work out what event I need to bind to and what property I need to use to get a reference to the DOM element for the dropped item (That is the item in the receiving list. Here's what I have so far... <ul id="toolbox"> <li>A</li> <li>B</li> <li>C</li> </ul> <ul id="existing"> </ul> <script language="javascr...

[jQuery] Update item attributes when sorting

Hi. I'm new to jQuery and I need help with my little project. I'm making drag&drop list to move movie clips and count their times when dropped to destination target... and this is working OK... But main problem is that I want to sort positions in destination div. I don't know how to make all elements time update with sortable->change eve...

JavaScript, MooTools and variable/object scope

I might be using the wrong patterns here, but if I am, I hope someone can correct me! I have an object which represents a user's workspace and, in response to a server action, it clones a div, changes some of its properties, positions it on the workspace, makes it draggable and adds an onComplete action. This action is intended to call ...

jQuery Cookie with 'iGoogle/Netvibes' UI

Hi, I have this single-page site that has 4 columns with draggable/droppable/collapsible boxes. I can drag and drop boxes in any of the 4 columns and collapse/expand the boxes. The interface actually works real fine. I'm now trying to get jQuery Cookie to remember the placement of the boxes, how the users have rearranged the boxes and if...

draggable out the parent element

Hi i have 2 div <div style="width:50px;height:100px;overflow:auto" id="outer"> <div class="kind_div">hello</div> </div> i tried the draggable function of jquery ui: $("div.kind_div").draggable({ cursor: 'crosshair', containment: 'document', appendTo: 'body' }); i can drag the kind_div but it remains into the outer div I want drag...

uiimageview location against another image

I have several uiimageviews on my view which the user can drag around. I have them "snapping" to coordinates based on the view... but... I'm wondering if it's possible to snap these to coordinates based on an image. So I have say one image in the background, a box. When I then drag images around, if they fall inside the box they snap t...

jQuery drag & drop and drag again...

Hi there, I'm working on a drag & drop page where you can drag elements from a list into various droppable containers. This works perfectly. What I am now trying to achieve is then have the ability to drag these from one container to another (or re-order them inside a container). But I cannot seem to do this. The list looks like a succ...

jQuery Sortable and Droppable

I want to have a list that is sortable, but I also want the elements in that list to be droppable to the divs I have defined as droppable. I can't seem to find a way to do it. Any ideas? ...

Can't drag jQuery UI dialog

I am using jquery 1.3.2 with jquery ui 1.7.2 and in one of my pages I can only drag the dialog when I click and hold on the text in the title bar? When I hover over the blank areas of the title bar title bar the icon changes to the move icon, however, when I attempt to drag via a blank area of the title bar I simply end up highlighting ...

Multiple drag and drop in JQuery: event after dragging

Hey everyone, I am actually trying to make a .php page where I am going to have 3 draggable elements which have to be dragged to 3 droppable elements -each draggable to a droppable, and they are unique, so one each droppable will only accept a certain draggable. The thing is that I need to control that all of the elements have been dra...

jQuery drag element into sortable list that has initial state as hidden...

I can't seem to drag an element into sortable list that has initial state as hidden (ie. display:none). Each row's html looks like this: <div class="dragbox" id="item1" > <h2>Expression 1<span id="exp1"></span></h2> <div class="dragbox-content" > <ul class="dragrow1"></ul> <ul class="dragrow2"></ul> </div> </div> But in...

jquery UI sortable: how to leave the original visible until the drop?

In the standard behavior demonstrated at http://jqueryui.com/demos/sortable/ when you drag an item in the list a placeholder element is displayed where the item would be dropped. However, the original location of the item to be dropped is not indicated. I would like to leave the original location visible until the drop, so that the v...

How to connect to arbitary DOM elements using draggable in jQuery?

I've found a article that explains how to connect draggable elements to sortable ones: http://the-stickman.com/files/jquery/draggable-sortable.html But what I need is to connect draggable elements to arbitary DOM elements, I need to do something when I drop it on some element. But how know the element that the draggable is on when I ...

Drag a layer using a drag helper div, and have imagemaps in layer behave as if area outside imagemap is -not there-?

Items are stored with x,y coordinates. The .items div starts at [0,0] and is repositioned based on movement of .dragger (which is made draggable). Everytime the user stops dragging / releases, .dragger is repositioned to the center of the screen, and an AJAX request is made which places the next x/y coordinated items which are in the cur...