The jQuery UI Draggable plugin makes selected elements draggable with mouse movement.
3
votes
0answers
624 views
Jquery UI Draggable/Sortable without holding the mouse button
I was searching for the solution across the site, however did not find anything. I am facing a problem where I need to redo the style of dragging. I am using jquery ui for the draggable/sortable part. ...
2
votes
0answers
240 views
jQuery sortable / draggable iframe item sticks to cursor
I am working on a editor which uses an iframe. In that iframe i have a jQuery sortable list and outside the iframe i have draggable objects that i want to drag inside the iframe. All this is well and ...
2
votes
0answers
169 views
JqueryUI draggable/droppable mouse cursor not aligned with element when appending dragged element to different div while dragging
I am experiencing an issue with the jqueryUI draggable and droppable. The issue that i am facing is the fact that when i move an element from one div to another (during dragging using .append() ) it ...
2
votes
0answers
134 views
Detect Draggable Handle on Droppable Element in jQuery
I've defined a draggable element (menu) and its handle, which is nested (menuHandle).
There's a droppable element elsewhere. Apparently, setting the droppable's accept property to menuHandle does not ...
2
votes
0answers
120 views
Cursor doesn't blink in a ui dialog (Chrome only)
Here is a piece of code that shows an issue I'm having http://jsfiddle.net/XmqgA/
HTML:
<div id="dialogg" style="display:none">
<input type="text" id="textinp" />
</div>
...
2
votes
0answers
386 views
Increasing the tolerance of Droppable in jQueryUi
Is there any method by which we can increase the tolerance value of Droppable?
Currently it accepts 4 values: fit, intersect, pointer and touch.
But I want a specific case whenever my draggable ...
2
votes
0answers
195 views
Draggable containment alternative
I am using 2 divs that I can drag em in same container.
For example I have left float div1 and right float div2 which are in divC container.
They can drag only horizontally left and right. But the ...
2
votes
0answers
340 views
Droppable not recognising draggables
I'm using jQuery to create a droppable element - this appears to work fine, as the element gets the class ui-droppable.
I've set it up like this:
$('#trashcan').droppable({
drop: ...
2
votes
0answers
637 views
Jquery UI - Droppable block inside droppable wrapper
Im really stuck, i want to be able to drag a block in a droppable div inside a droppable wrapper.
I must get the id of the div where the block is being dropped.
Please take a look here to understund ...
2
votes
0answers
149 views
Dragging based on margin-left, margin-top, instead of top, left, using jQuery UI Dragger
How can I drag items based on their margin-top, margin-left, instead of the default top and left properties, using jQueryUI Dragger.
1
vote
0answers
38 views
Jquery only droppable if list length is less than 4?
This code will run but it won't stop accepting new items when the lists length becomes 3 or greater. Essentially it's a card pile and when it has 3 cards dropped in it I'd like it to stop accepting ...
1
vote
0answers
31 views
Prevent divs positioned absolutely from overlapping by squashing them
I have a number of square elements moving on the grid with the help of JqueryUI Draggable plugin. And they have transparent active areas on the sides that stretch outside these squares. There is a ...
1
vote
0answers
20 views
Maintain width of Bootstrap “column” element when dragging using jquery draggable
I'm facing a problem where we are using the bootstrap (3.x) framework and we've specified that a list of elements is draggable using jquery's draggable feature, but as soon as the element begins ...
1
vote
0answers
58 views
JQuery to drag item and remove from animated list panel
I have a list of draggable PNG icons, which can be dropped onto an area above the div that contains them. The containing div uses .animate to slide down, to minimize, when a tab button is clicked.
...
1
vote
0answers
40 views
scroll target div when dragging from a different div
Given 2 divs, both of which are auto scroll.
I want to be able to drag an item from Div1 into Div2, or internally within Div1.
Items will never be in Div2 - the drop event on Div2 will take care ...
1
vote
0answers
67 views
jQuery UI - detecting if a draggable is over another draggable that has been dropped
I want to be able to drag a draggable into a droppable. Then, when I drag in another draggable prevent the user from dropping it on the previously dropped draggable, but still drop it on the ...
1
vote
0answers
52 views
Move to a specific element while css-scale is enabled using jquery ui draggable
I am working with a jquery timeline project using jquery ui draggable. The timeline width is 6900px wide. The initial view of this timeline has a css-scale set to 0.6 (for a more zoomed-out version ...
1
vote
0answers
52 views
Sortable elements doesn't over on droppable elemtnts
I have a problem.
I have a ul - list of items which i can drag and sort --> sorable in jquery under directive in angular caller mySortable.
app.directive('mySortable',function(){
return {
...
1
vote
0answers
350 views
jQueryUI: How to drag onto droppable placeholders, replace an existing element, then shift existing dropped items
I'm working on an interface that requires me to do a drag and drop onto placeholders from one unordered list to another. However, I need to be able to sort on the drop even if elements already exist.
...
1
vote
0answers
51 views
OpenLayers 2.12+ and JQueryUI draggable panel
I have a problem with Openlayers 2.12+ and JQueryUI draggable panel that contains OL tools. The panel locks drag.
CSS:
herramientas {
position: absolute; top: 15px; left: 45px; width: ...
1
vote
0answers
441 views
jquery ui connect 2 tables, one sortable, one only draggable (as source)
I have 2 tables,
the left one is empty and should be sortable,
the right one serves as source and should not be sortable, I want these entries always to be sorted alphanumeric.
The function should ...
1
vote
0answers
114 views
jquery ui draggable disables accordion keys
I have ajQuery UI accordion (latest version on Windows) and want to drag its entries to another accordion. Using draggable and droppable jQuery UI plugins it works without problems.
But as soon as I ...
1
vote
0answers
42 views
jqueryUI droppable: How to execute function when element is dropped inside another valid droppable (+gets accepted)
I have a droppable, lets call it container.
Inside the container there are draggables, lets call them items.
Inside the container I want to add some text between each item and the next one (I managed ...
1
vote
0answers
95 views
jquery draggable revert programmatically
I am currently developing a calendar where activities can be drag&dropped to other days.
When an activity is dropped into a different day, I show a custom modal using durandal's dialog plugin. The ...
1
vote
0answers
87 views
jQuery UI: Accessing the droppable that a draggable was dropped on from the `dragstop` event of the draggable
I have a draggable and a droppable. The draggable has a helper which returns back to the location of the draggable itself whenever it is dropped. As far as I can tell, the dragstop event of the ...
1
vote
0answers
94 views
JQuery drag event on draggable item performance issue
I am currently trying to implement some draggable items on my website. But there is one big problem for me. If i do some calculations inside my drag handler the dragging seems to be very jigglish and ...
1
vote
0answers
100 views
Jquery ui connections of dynamically made elements not works
I have some elements like this:
$("#select_h").draggable({
connectToSortable:".group",
helper: "clone",
revert:"invalid"
});
$("#datepick_h").draggable({
connectToSortable:".group",
helper: ...
1
vote
0answers
96 views
Connecting two draggeable, sortable objects
I have two elements that are connected one is a sidebar element and the other is a chart or object that represents the data. If the sidebar is reordered then the corresponding, connected object should ...
1
vote
0answers
53 views
Jquery drop: function(event,ui) works when drop is triggered.But according to my requirement I need to traverse through list of items dropped
Requirement is something like this.
List of Draggables:
Organisation
Amount Spent
List of Droppables:
After user drags and drops the necessary elements he clicks on a button which fetches the all ...
1
vote
0answers
88 views
jQuery draggable - using margin instead of left/top
when moving elements the draggable plugin will set left/top coordinates, would it also be possible using margin-left / margin-top instead?
this way i could avoid using position:relative/absolute.
...
1
vote
0answers
126 views
Jquery returns float number for position in IE10
I have a DIV and I use Jquery UI to make it draggable inside its parent. There are grids of 10px for its dragging movement. The problem is IE10 messes with the position of the DIV. For example, it ...
1
vote
0answers
96 views
prevent draggable item to be drop over an other draggable item
I found few post about my question on stackoverflow but none with draggable div droped inside other div.
This is a good example
I would like to prevent the drop of draggable item over an other ...
1
vote
0answers
163 views
dragging from a sortable list to a drag and drop plugin
I am trying to allow dragging from a sortable list to a dynatree.
My initial though was to specify something like this:
$('#ews_pgs_clpbrd_items').sortable({
connectToDynatree: true
...
1
vote
0answers
251 views
jQuery UI Sortable and Dragable scrolling issues
we're working on creating an interface similar to a simple video creator (like Windows Movie Maker or iMovie), and we're running into trouble with our timeline-esque thing.
Basically, we have a set ...
1
vote
0answers
108 views
Draggable, dropable and sortable at same time
Here I have some example: http://jsfiddle.net/mfkDz/ and I want to know how to make it:
#thing > draggable, resizable, sortable on #row ?
#div1 > dropable for #photo ?
#row > dropable and ...
1
vote
0answers
202 views
Click, mouseenter, mouseleave, dblclick and dragable conflict
I need dynamically add "green DIVs" to the "container" with click, dblclick, mouseleave, mouseenter, dragable functions.
Onclick on some green DIV I want to prepend MENU div (with red text "I'm ...
1
vote
0answers
171 views
Wrong position in draggable elements when previous elems get higher on hover
I have this situation: I have draggables that are droppable to a special places. I've prepared a fiddle with the feature I've described: http://jsfiddle.net/8MGmb/
$('.widget').draggable({
...
1
vote
0answers
134 views
Jquery ui droppable contains elements from database does not work
UPDATE: JSFIDDLE IS WORKING :@ And not my in my project :@ may be i have done something wrong in my re-created code
I have a simple question regarding droppables
here is the link ...
1
vote
0answers
183 views
Draggable plugin bug on auto-scroll (jquery)
I am working in a project that uses jquery draggable plugin to move widgets (divs) to another place in the page, but I'm having a problem that I'm not being able to solve it.
My problem is exactly ...
1
vote
0answers
272 views
jQuery draggable(), resizable() in jsf doesn't work perfectly
I'm having a problem with jQuery: resizable() and draggable. When I move the div on datatable works perfectly and when I resize too, but after resize if drag the div it moves 1px on top and 1px on ...
1
vote
0answers
185 views
jQuery UI: Draggable to nested sortable does not remove styles from
In this Fiddle (jsfiddle.net/s6s4R/12/) I have some Draggables and a Sortable within a Sortable
The draggables are connected with sortable (.region)
Sorting between sortables seems to work fine, but ...
1
vote
0answers
259 views
jQuery Draggable with Zoom on Element instead of Container
I have a similiar problem to this and this, the difference is that the zoom is on the draggable element and not on the container. I copied the jsFiddle provided on the second question mentioned above ...
1
vote
0answers
151 views
drag and drop one dialog box to another dialog box
Having two requirements
As you could see in code that When one dialog box i.e 'Iteration 1' dragged and dropped into another dialog box then it totally dropped into div i.e Release 1 but what i ...
1
vote
0answers
179 views
JQuery UI draggable move rotated element outside grid
I use the jQuery UI draggable plugin to move some rotated (CSS3) elements. This doesn't work very well. One problem I could fix by changing a line in the library ...
1
vote
0answers
614 views
Dynamically change Jquery UI draggable helper width and change tolerance effect in dropable?
Que : Dynamically change Jquery UI draggable helper width and change tolerance effect in dropable ?
Case : when i make one helper in jquery ui draggable . then this draggable object put into dropable ...
1
vote
0answers
303 views
Jquery UI droppable - dynamically created content not responding to events
Here's my best attempt at describing my challenge. I'm trying to make content wrappers and placeable content (draggable from individually scoped unordered lists) nestable on a virtually infinite ...
1
vote
0answers
707 views
Update caret position of input and insert text on drop event
Background
I am attempting to drag-and-drop a <div> element inside an <input> using the jQuery UI Draggable and Droppable components. At the moment, I have to place the caret in the ...
1
vote
0answers
518 views
Integrating jQuery resizable with jquery.gantt
I am trying to use jquery-ui's resizable component to customize the elements in jquery.gantt.
Here is what I am trying to do in order change the size of a bar:
$('.ganttRed').resizable();
But the ...
1
vote
0answers
696 views
JQuery UI Sortable Connected Lists With Scrollable Divs Not Working
I have a web app where the user can drag items between many different groups with each group having its own list for the items to go in. The groups themselves fall into different containers that have ...
1
vote
0answers
221 views
JQuery UI draggable clone to map
I'm making some kind of grid map editor, more as an experiment to learn by now and have encounter some problem.
Situation:
I have a 20x20 grid of 10px x 10px div's (could be anything else) with ...
Related Tags
jquery × 268
jquery-ui × 238
jquery-ui-droppable × 99
javascript × 90
jquery-ui-sortable × 49
draggable × 38
drag-and-drop × 33
html × 19
css × 16
jquery-ui-resizable × 13
iframe × 9
jquery-draggable × 8
html5 × 6
google-chrome × 6
asp.net × 5
droppable × 5
angularjs × 5
jquery-droppable × 4
php × 4
drag × 4
click × 3
clone × 3
sortable × 3
more related tags
Hot Network Questions
- How are non-living things connected to the Force?
- How to align a marginpar with a section title
- Why is i++ not atomic in Java?
- align with text
- Modifying a data table of report data
- How to deal with a student who harasses the (inexperienced) teacher during class?
- Logic design to circuit -- how is it generally done?
- DRYing out some Java code and tests
- Why is pure blue darker than pure green?
- Is it possible to give colors to big (automatic) parenthesis in math mode?
- Is Stonewall High a boarding school?
- How to sort my list?
- Parametric plot using pgfplots package
- Is dried grain dead or dormant?
- How can I protect my fingers while using a band saw?
- What is a bloquers?
- How could discipline be used to aim weapons?
- Can't understand flexibilty provided by Polymorphism
- Checking if two strings are an anagram
- What does "a thrum of my love" mean in this poem?
- Why multiple PTR records in DNS is not recommended?
- How to arrange 2 Prusiks when ascending a rope?
- Interpreting QQplot - Is there any rule of thumb to decide for non-normality?
- Why aggregate operator used after unique index scan
