droppable Questions
3
Solved
With jQuery UI, is it possible to execute a drag & drop operation using javascript?
Example. When the link is clicked, drag the #pony and drop it into the #box. I've tried triggering the drag ...
Terenceterencio asked 31/5, 2013 at 0:50
5
Solved
I've got a bunch of elements with jQuery. Some are draggable, some are droppable and some are both. How can I detect if an element is draggable or droppable?
Hollerman asked 21/11, 2011 at 18:52
2
So what i'm looking for is a way for me to use both sortable and droppable on the same element.
Lets say i have a list of 5 elements, these are all sortable. What i'm trying to do is when one eleme...
Rental asked 6/12, 2012 at 14:0
6
Solved
This is probably very easy to do, but I always think too complicated.
I've just set up a simple test with #draggable / #droppable with a fixed width/height + float:left.
I then want a reset butto...
3
Solved
I'm trying to figure out the logic of how to do this.
I have many images with only a CSS class name, they are created dynamically.
These images are draggable using jQuery UI's .draggable.
I need...
2
I am trying to drag-drop elements between parent frame and iframe using jQuery.
I have a panel in parent frame which contains some draggable items which can be dropped on the child frame. I tried t...
Gio asked 4/2, 2013 at 17:49
5
Solved
I want the draggable to be reverted to its original position if the ajax call on drop returns a failure. Here is the code what I am imagining it to be.. It is OK if the draggable rests in the dropp...
1
Solved
I'm trying to make a drag and drop uploader in HTML5 with the added requirement of being able to do so with files dragged from other websites I don't own and can't edit (mostly images).
In this ca...
Epistemic asked 29/12, 2016 at 23:6
3
Solved
I have a droppable with a drop event handler:
$(this).droppable({
drop:function(){
console.log('OMG You Dropped It!');
}
});
I have a draggable:
$(this).draggable();
What I want to do is t...
Sharmainesharman asked 6/7, 2010 at 16:20
4
Solved
I'm using JqueryUI for drag and drop on one of my pages and for some reason I can't seem to get an attribute of the ui.draggable object being passed into my droppable drop event.
ui.draggable.attr...
Aiaia asked 13/4, 2010 at 20:37
3
SITUATION:
Hello guys! In my app i have a sort of kanban: there are some columns, each containing a list of items.
I need to drag and drop items among columns and reorder them inside the same co...
Baler asked 15/1, 2015 at 9:19
2
Solved
I have a set of droppable li elements that accepts a draggable icon. The list of items is in a scrollable div element. I put together a simple example here: http://www.nerdydork.com/demos/dragscrol...
8
Can anyone tell me how I can write a function in accept condition and then how does it finds out that what to accept and what not to accept.
For example, I want to accept div a and div b in accept ...
Lambent asked 18/9, 2009 at 13:10
2
Solved
When I drop something to jquery droppable, I want to get the dropped items' id. When I did it like this:
$("#here").droppable({
tolerance: 'fit',
accept: ".one",
drop: function(){
id = $(this)...
Sekyere asked 8/6, 2011 at 6:29
2
I have some drag & drop code which works fine as it is. Just have a little query. I've noticed that if I add an alert within the drop function for debugging purposes (eg. alert(draggedItem.text...
Spank asked 23/8, 2010 at 15:8
1
Solved
I have some droppable areas, which are also draggable. It can happen that two or more droppable areas will get behind each other. Is there a way to drop a draggable item only into the area that is ...
Chirrup asked 11/5, 2013 at 14:3
7
Solved
I have my screen divided into two DIVs. In the left DIV I have a few 50x50 pixel DIVs, in the right DIV I have an empty grid made of 80x80 LIs. The DIVs on the left are draggable, and once dropped ...
1
Solved
This is a part of my code.
If I try to drop an image on the block preventDefault does not work.
jQuery(document).ready(function($) {
$.event.props.push('dataTransfer');
$('#imgDropzone').on({
...
Retiring asked 3/2, 2013 at 15:59
1
Solved
I have a list of draggable items, and I wish to be able to drag them onto a sortable content block. Here’s my markup:
<div class='items'>
<div class="one">One</div>
<div cla...
Walke asked 27/9, 2012 at 16:27
3
I have a jQuery UI draggable and several separately-defined droppables. Because one of the droppables is configured tolerance: 'intersect', it's possible for a draggable to be dropped on more than ...
1
Solved
I have set up FullCalendar to accept drops, which it does. But the draggable object, which I have constructed with revert:'invalid' does not seem to recognize the dates on FullCalendar as droppable...
Oestrin asked 14/3, 2012 at 14:24
1
I have some sortable connected list, that are at the same time droppable places. The problem is that when I call the cancel method of sortable in the drop event of droppable, the sortable is broken...
Ethiop asked 28/12, 2011 at 16:26
1
Solved
How can I bind a function on the drop event, but outside of the droppable() function?
$('#list').droppable({
// ...
drop: function(e,ui) {
// this works...
},
});
// ..but I want to bind my...
1
Solved
I'm making a UI that involves sortables, in which there are droppable list items. Here's a fiddle of it:
http://jsfiddle.net/NRkwx/
The problem is this: when you start sorting, and move the list ...
Disembodied asked 4/12, 2011 at 18:4
2
Solved
I am trying to use jQuery sortable, droppable and draggable to work together. I have 3 lists: a break-point placeholder; report rows; report groups.
The user should be able to:
Drag as many pla...
Fount asked 26/4, 2011 at 18:10
1 Next >
© 2022 - 2024 — McMap. All rights reserved.