Stack Overflow
Stack Overflow

Questions tagged [draggable]

An element capable of being dragged.

In computer science usually an element is draggable if can be picked using mouse (or another pointing device) and moved around on the screen (or another visualization device).

The term is usually used jointly with the term drop to indicate the sequence needed to pick an object, move it around and then release it in a new position to perform an action.

References:

3630 questions
1
vote
1 answer

strange bug in jQueryUI draggable

i've found a bug in jQueryUI draggable.... check it out on their demo page here if you drag the object down far enough so that the page scrolls downwards, the draggable object loses it's position relative to the cursor. any ideas what's causing the…
significance
  • 4,797
  • 8
  • 38
  • 57
1
vote
0 answers

Drag and Drop Javascript - better way

I have created a little application where there is a dragzone and within it two elements. I should have possibility to drag and drop these two paragraphs within this area. Code below works pretty well, but when i drop one element at the other…
Dariusz Kwiaciński
  • 11
  • 2
1
vote
1 answer

jquery sortable cannot read property 'top'

I build drag and drop system, but when i try sort elements i get error Uncaught TypeError: Cannot read property 'top' of undefined at e.(anonymous function).(anonymous function)._mouseDrag (jquery-ui.min.js:12:536) at e.(anonymous…
Rafał Gąsior
  • 95
  • 2
  • 10
1
vote
1 answer

Drag and Drop Javascript not working on Mobile Devices

Tutorial for HTML5 drag&drop - sortable list But the Script not working on Mobile Devices. i was tried sortable.js and plugin. all are not working for project. This helped me . But mobile device are working
1
vote
1 answer

drop EventListener doesn't work

When I drag & drop the text, nothing happens. But the same script works when I change the event to "dragenter" or "dragleave". Did I miss anything? function handleDragDrop(e) { console.log("Something droped"); dropStatus.innerHTML =…
Alexey Tseitlin
  • 1,031
  • 4
  • 14
  • 33
1
vote
1 answer

Drag only the horizontal scrollbar amount

I am trying to use jQuery Ui to drag an overflowing child div, this div does drag but further than I like. I only want it to drag the scroll-able amount. Hopefully this codepen will show you want I mean…
seanjacob
  • 2,238
  • 1
  • 22
  • 25
1
vote
0 answers

combine two different scripts

i found this selectedDraggable in image preview this is exactly what i need for deleting my images and the draggable and resizable works great but their is a small problem the code that i have will allow html2canvas to save the container as an image…
user7368271
  • 73
  • 1
  • 9
1
vote
0 answers

Primefaces - disable dragging in p:log

I am trying to use in my web application but I do not want it to be a draggable component. How can I fix it as a component inside a ? I use Primefaces 6.0 and JSF 2.2.
Vivek V K
  • 1,100
  • 2
  • 15
  • 33
1
vote
0 answers

draggable is mutiplied when dragged

why would a draggable become 2 same images when they are dragged? i have been trying to get this right but i cant seem to find a solution i even changed the id name with unique name but cant seem to fix the problem. is their any solution to this…
user7368271
  • 73
  • 1
  • 9
1
vote
1 answer

JavaFX: Dynamically update (recalculate+redraw) Polyline when a node is dragged on a pane

I have a GUI that interpolates between at least three nodes drawing a Spline. A left click on the pane leads to setting a new (draggable) node at the clicked position. If at least three nodes are present a button push "Draw Spline" will draw the…
732E772E
  • 201
  • 3
  • 9
1
vote
0 answers

Draggable jQuery, convert pixel of top and left position to percentage

I'm using jQuery Draggable for my project, but the thing is I need to convert the position result of draggable content to percentage so it can be responsive with responsive parent div element. Here's my code: $(".test").draggable( { …
Deden Bangkit
  • 598
  • 1
  • 5
  • 19
1
vote
1 answer

How to make an image undroppable on another image

I need to know how to make an image undroppable on another image. I made my image draggable anywhere on the page but i don't want it to be able to be dropped on other images. Please vote +1 on my question
Ahm23
  • 338
  • 3
  • 16
1
vote
0 answers

Make tree images draggable and resizable

How do I integrate draggable, droppable and resizable into images that can be uploaded? I have 3 different upload images I can upload and I want to drag and resize. I have looked and tried but when I drag an image the same image appears as soon as I…
user7368271
  • 73
  • 1
  • 9
1
vote
1 answer

Draggable LI's connected by SVG-Lines using JavaScript

following is the image of till now done want to connect those parent and child ul li hi, will appreciate you help. I want to create a extendable list, in wich the children-li's are connected to their parant-li's trough a SVG-Line. The li-Elements…
Narayan Padhi
  • 31
  • 3
1
vote
1 answer

difference between draggable and ondragstart

while I was checking some code in a website I came with this question. In the body tag it was written ondragstart="return false" and ondrop="return false", by looking at it, I understood that they prevented their website images and links from…
Harish
  • 1,193
  • 6
  • 22
  • 45
1 2 3
…
99 100