All Questions
Tagged with drag-and-drop draggable
635
questions
65
votes
4
answers
21k
views
Precise Drag and Drop within a contenteditable
The Setup
So, I have a contenteditable div -- I'm making a WYSIWYG editor: bold, italics, formatting, whatever, and most lately: inserting fancy images (in a fancy box, with a caption).
<a class="...
- 7,541
48
votes
4
answers
88k
views
HTML5, JavaScript: Drag and Drop File from External Window (Windows Explorer)
Can I kindly ask for a good working example of HTML5 File Drag and Drop implementation? The source code should work if drag and drop is performed from external application(Windows Explorer) to browser ...
- 4,738
41
votes
10
answers
40k
views
jQuery Drag And Drop Using Live Events
I have an application with a long list that changes frequently, and I need the items of that list to be draggable.
I've been using the jQuery UI draggable plugin, but it is slow to add to 400+ list ...
- 4,880
35
votes
2
answers
6k
views
Why is clientX reset to 0 on last drag-event and how to solve it?
I'm trying to drag elements along a line. They should push each other, not cross over or under.
To avoid having a shady element float around on drag, I drag a sub-div which then affects the position ...
- 1,304
32
votes
6
answers
14k
views
dragend, dragenter, and dragleave firing off immediately when I drag
I'm trying to make a list of elements which can be repositioned by dragging and dropping. The first element, Box 1, works just fine 100% of the time. Sometimes the second box works, but none of the ...
- 343
27
votes
2
answers
21k
views
Swing: Creating a draggable component...?
I searched the web for examples of draggable Swing components,
but I found either incomplete or non-working examples.
What I need is a Swing component that can be dragged by the mouse
inside an other ...
- 19.4k
25
votes
3
answers
29k
views
Controlling the appearance of the HTML5 drag and drop effect
Is there a way to control the appearance of "what you are dragging" using the HTML5 Drag and Drop APIs?
Normally, whatever HTML element is draggable is what becomes semi-transparent and follows your ...
user358089
24
votes
2
answers
31k
views
jQuery: How Do I simulate Drag and Drop in Code?
EDIT: Here's a link to show you my sample code: http://www.singingeels.com/jqtest/
I have a very simple page that references jquery-1.3.2.js, ui.core.js (latest version) and ui.draggable.js (also ...
- 31.7k
24
votes
4
answers
4k
views
Draggable button in Firefox
Is it possible to make a <button> (<input type="button">) work with HTML5 drag and drop in Mozilla Firefox (while still being clickable)?
The following snippet works in Google Chrome but ...
- 2,052
23
votes
3
answers
26k
views
How to get the position after drop with cdkDrag?
Hi I need to be able to drag and drop some html elements but I need to know the end position of the drop.
using the cdkDrag directive I see from the docs that there's an event cdkDragEnded.
This is ...
- 2,452
23
votes
4
answers
19k
views
HTML5 draggable='false' not working in Firefox browser
I'm simply trying to apply HTML5 draggable='false' attribute to some images but it's not working in Firefox browser. In Chrome working fine but on Firefox, after selecting that image able to drag and ...
- 1,048
22
votes
5
answers
70k
views
HTML5 UL LI Draggable
I have an unordered list:
List item 1
List item 2
List item 3
List item 4
List item 5
Implemented with this code:
<ul>
<li>List item 1</li>...
- 450
22
votes
4
answers
62k
views
Change position of divs with jquery drag an drop
I'm trying to build a website where the user can drag some items (one item in on div) to other divs on the page. It' not a table or so, just divs somewhere on the page.
With html5 drag&drop it ...
- 225
21
votes
2
answers
29k
views
Trigger :hover selector when dragging
I'm having kind of an issue about a drag & drop system I'm currently developing.
I have a :hover style on a div the user can drop something on.
It works when I simply hover over it, but not when ...
- 12.8k
16
votes
7
answers
22k
views
Drag and drop without JQuery UI
I searched a lot to find a tutorial for drag & drop with jQuery alone (without UI), but due to the popularity of JQuery UI, all drag and drop features are based on JQuery UI.
Can anyone give me a ...
- 15.5k