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
0 answers

draggable connect to sortable (change the id)

I have a ui draggable that connects to a sortable list with helper clone. $(".mydrag").draggable({ helper:'clone', handle: '.drag', connectToSortable:'.new', start: function(event, ui)…
ntan
  • 2,195
  • 7
  • 35
  • 56
1
vote
1 answer

dragging and rotating a Rigidbody2D (with HingeJoint). Shadow Play / Puppetry Simulation

I'm trying to make a program in Unity for playing around with shadow play puppets (mostly "Karagöz"). The characters i want to use made out of jointed limbs. There is a hole on their upperbody which allows to use sticks to move them behind curtain…
Enestezi Abdel Qader
  • 15
  • 8
1
vote
1 answer

How to implement reference line on jquery-ui draggable as the guidance for dragging?

I have an answer from this question: Javascript drag/drop - Illustrator style 'smart guides' From one of the answers, I tried to implement it to my project, but there is one thing that I am still struggling with it. The "guide" line still doesn't…
Yusril Maulidan Raji
  • 1,682
  • 1
  • 21
  • 46
1
vote
0 answers

Fixed marker and draggable map in MAF jdeveloper

I'm trying to make a draggable map and fixed marker in MAF JDeveloper, but I can't align the marker to the middle of the map and make the marker get coordinates of this position by clicking the marker. Here's the sample code:
Ayman Xamin
  • 11
  • 4
1
vote
0 answers

Jquery UI draggable containment parent leaves empty space at bottom and right side

I implemented Jquery UI draggable,droppable,selectable and resizable. My draggable implementation : Draggable: { init: function(el, options) { $(el).draggable(options, { scroll: false, snap:…
FAndrew
  • 248
  • 4
  • 22
1
vote
0 answers

Starting a jQuery UI draggable from HTML5 drag

I have one window with an HTML5 draggable element. When I drag this element to a different window I can receive the event like so. For instance, the following code allows me to drag an element from the other window and drop it into a the…
micbenner
  • 11
  • 1
1
vote
0 answers

jQuery draggable() element doesn't start till after the second tap (on double tap only), any explanation?

I have a draggable element that responses to a tap/touch event to be dragged on a slider. It works fine on iOS devices. But on Android, it only works if I second tap the slider's icon! I need it to work from the first tap. I'm using the JQuery Touch…
Saeed Badran
  • 21
  • 4
1
vote
1 answer

React Native Pan Responder

I need some clarification about the PanResponder API in React native. This is the simplest implementation (found in the Animated Docs): class DraggableView extends React.Component { constructor(props) { super(props); this.state = { …
rick_zan
  • 71
  • 10
1
vote
3 answers

Dragula - passing class on dragula drop event

So i have an object thats draggable to multiple columns and I need to make it so that when it is dropped a variable in that object gets updated depending on what column that is, as another object manipulates that variable for display. i have been…
Erudaki
  • 250
  • 3
  • 16
1
vote
1 answer

JQuery droppable out event is not fired sometimes draggable with cursorAt

Sometimes JQuery droppable out event not fired when draggable has param cursorAd (before start dragging draggable moves out of droppable to set cursor position like in cursorAd). For example (try to drag it by right bottom corner):
Mikhail
  • 11
  • 2
1
vote
3 answers

Can we make ol.Overlay draggable on OpenLayers 3?

I am trying to make that an ol.overlay is draggable, but I am not able to do it. I have found this example (http://openlayers.org/en/v3.2.1/examples/drag-features.html?q=drag), but it is done using ol.Features and what I need is an overlay, since I…
Alberto
  • 13
  • 1
  • 3
1
vote
4 answers

JQuery draggable DIV centered with negative margin... issue

I have a small issue trying to make a centered div draggable. The div is centered by using absolute position and negative margin (a workaround found maybe right here). The issue is that these top and left negative margins, change the limit of the…
Fabio
  • 229
  • 3
  • 5
1
vote
1 answer

Let draggable UIImage move back to origin position

Edit: I was able to change the code in a way, that the program does not crash anymore. However, there is just one tiny problem left for the code to work: As you can see in my console output, the coordinates for origin2 are not the same as in origin…
Jake2Finn
  • 516
  • 5
  • 19
1
vote
3 answers

Need help to re-enable dragging of a draggable

I have a draggable element $(".element").draggable({ helper: "clone", revert: 'invalid', containment: '#parent', appendTo: '#parent' }); I have two issues: After this element is dropped, the original gets disabled automatically. A close anchor…
Rohit
  • 5,631
  • 4
  • 31
  • 59
1
vote
1 answer

Jquery event for breaking draggable containment

I want to add a callback for when a draggable item breaks it's containment. I have this function: function makeDraggable(){ $( ".draggable" ).draggable({ containment: "parent" , grid: [ 25, 25 ] }); } Is there a simple way to achieve this,…
Robin Andrews
  • 3,514
  • 11
  • 43
  • 111
1 2 3
…
99 100