Skip to main content

All Questions

0 votes
0 answers
52 views

What do I have to change so that dragging is only possible over a certain area / handle?

I have a list of two droppable boxes where the items can be moved from one box to the other. Now I would like to make it moveable via a handle area. What do I need to change so that dragging is only ...
Shenya's user avatar
  • 344
2 votes
1 answer
1k views

PrimeNG DragDrop multiple droppables

I have some columns (divs) that simulate a Kanban. I have four columns but for the last column the element could come from the second or third column. I'm using primeNG version 9.1.3 <div class=&...
João Victor de Paula's user avatar
2 votes
4 answers
4k views

dragleave event is firing on inner childs

I am trying to use HTML5 drag and drop and make the dropable container to change its style when the draggable element is over it. the problem is if the dropable container contain inner elements a ...
Shelef's user avatar
  • 658
0 votes
0 answers
39 views

JavaScript clearInterval doesn't work with drag and drop

I'm trying to count up a variable if the draggable is over an image. It counts very well. But I wanna to stop it, if its out or dropped. This is not working. var d = 0; function time() { ...
Anni's user avatar
  • 1
0 votes
2 answers
3k views

How to get value of draggable element in jQuery?

I am using the jQuery to implement drag and drop. I want to get the value of the draggable control. Draggable Control: ------------------ <li>@Html.Label(temp.Label, new { id = "droppable", ...
Chaitanya's user avatar
2 votes
1 answer
3k views

Drag and drop: Draggable append to droppable

I have a project http://jsfiddle.net/x5T4h/566/ . html: <div class="dropable base"> <div class="draggable">Div1</div> <div class="draggable">Div2</div> <div ...
prusama's user avatar
  • 89
0 votes
1 answer
307 views

Jquery drag drop is not working for the dynamic droppable section

The requirement is like, There are list of items need to drag inside Editor. Where list as draggable and editor as droppable. So when I call the Jquery drag drop functions it works fine, the items is ...
iamsonivivek's user avatar
2 votes
0 answers
975 views

React tree view: entry addition via drag, node deletion via context menu and sorting

I am working on a project that requires a tree-view component with following features, New entry will be added if a draggable component of specific type is dropped on any existing node. Nodes are ...
user7341773's user avatar
1 vote
0 answers
102 views

drag and drop generate html template on drop

i have created a draggable directive like this @Input('makeDraggable') data: any; @Output() droppedDrag: EventEmitter<any> = new EventEmitter(); constructor(private _elementRef: ...
Kokulan's user avatar
  • 1,346
2 votes
0 answers
145 views

jQuery Save all dragged element from droppable box (after a button click)

I would like to save dragged element from droppable area after button click. Example: i have a box where i can drag & drop few elements and then click 'SAVE' to get all dragged elements in a array ...
Mehedi Hasan's user avatar
1 vote
0 answers
58 views

drag "div1" then drop into "div2" open link

Good Day All Please Help... I want to drag div id="box1" into div id="box2" or div id="box3" Then what I need help with is that "on drop" next page(link) opens. Code: <script> ...
Johan_vw's user avatar
1 vote
0 answers
151 views

How to insert Rotation in draggable with clone and rezise

I am trying to deploy the rotation option of div draggable: http://jsfiddle.net/avPf6/1/ The code: $(function(){ //Make every clone image unique. var counts = [0]; var resizeOpts = { ...
Gislef's user avatar
  • 1,627
3 votes
0 answers
401 views

How can I drop drag-able items into drop-zone which contains children drop-zones in Ext JS?

I'm facing a problem with Ext JS drag and drop zones and trying to make it works as I expected: Please take a look into my Fiddle. I want to create multiple overlapping drag-and-drop-zones like the ...
enlab's user avatar
  • 31
0 votes
1 answer
396 views

jquery drag drop - draggable is not enabled after drop outside designated drop areas & disabling designated areas after drop is completed

I need help with 2 issues: 1) draggability is disabled if a draggable element didn't drop on one of designated drop areas (e.g. if a user released left-mouse button unintentionally). In all other ...
LearnForever's user avatar
0 votes
2 answers
1k views

jQuery UI - Droppable div only accept one draggable

Newbie here. I'm making a sample jQuery user interface, that is using two droppable divs and a few draggable elements. How can I make the two droppable divs to not accept more than one draggable ...
mskijom's user avatar

15 30 50 per page