Stack Overflow
Stack Overflow

Questions tagged [jquery-draggable]

Jquery-draggable is a jquery interface to enable draggable functionality on any DOM element. Move any draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

Jquery-draggable is a jquery interface to enable draggable functionality on any DOM element. Move any draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

162 questions
0
votes
1 answer

append draggable image to a div for print

I am using the code below to drag and scale some images. Also I am using the code below to print a specific div. All elements inside this div are print well, but when I am dragging the new images on it and trying to print... images doesn't show…
Irene T.
  • 1,393
  • 2
  • 20
  • 40
0
votes
1 answer

dragging all elements of class when one is being dragged ( jQuery UI draggable )

I'm using jQuery UI to allow elements of a class. However i'd like the rest of the elements of a class to follow when one of them is being dragged. How can I do that? So when one is dragged the rest of the class are also being dragged. I attempted…
wordSmith
  • 2,993
  • 8
  • 29
  • 50
0
votes
2 answers

Javascript Volume Slider draggable handle position update

I'm creating a volume control slider mechanism and the handle control is not positioning itself properly. I've got the code on a js fiddle volume control slider .video { background: #494b43; border-bottom-left-radius: 60px; …
alan oreilly
  • 69
  • 2
  • 7
0
votes
0 answers

how can I limit my div with draggable in jquery

i use a long gray pane which can be draggable and i have a window to over the pane. the window is overflow:hidden; on the pane. then how can I drag the pane without the white part and the pane can bounce if it can't be drag? the effect i want is…
user2956843
  • 177
  • 1
  • 10
0
votes
0 answers

Jquery draggable works fine only when its is smaller then container size, not working for images that are greater then container size

what happens is that if i place an image that is smaller then{1100px,500px} then drag works fine, but if image is greater then following dimension then horizontal drag is fine but vertical drag is totally messed up.
noobie-php
  • 6,817
  • 15
  • 54
  • 101
0
votes
1 answer

Fancytree can't use ext-edit with ext-dnd?

jQuery UI 1.11 + Fancytree 2.3.0 $("#tree").fancytree({ extensions: ["edit", "dnd"], edit{ ... }, dnd{ ... }, ... }); [DnD] Already effective. [Edit] [F2] - ignore. [Shift+Click] - effective. Couldn't F2 key when use dnd extension. Why…
Norikaz Ishii
  • 155
  • 9
0
votes
1 answer

Multiple droppable divs

I have setup a list of contact in list of categories... http://jsfiddle.net/dalkill/ny7qeep6/2/
blah blah1
…
Shaakir
  • 464
  • 5
  • 13
0
votes
1 answer

How to cover a div with another div

Say I have divs B-Z all over my webpage. I have div A, which is inserted at the very beginning with position: absolute !important; height: 100% !important; width: 100% !important; which basically spans the entire browser page. However, div A…
Darshan
  • 937
  • 3
  • 15
  • 27
0
votes
3 answers

JQuery droppable out event triggers too early

I am using JQuery droppable container for dropping other elements. A added hoverClass when users mouse is over the container. In this class I set new width of the container. But this new width in not considered when mouse is leaving the container.…
AvgustinTomsic
  • 1,809
  • 16
  • 22
0
votes
1 answer

Jquery UI Draggable not working - ui-draggable added but no drag event

I am using $('.swipeenabled').draggable({ axis: "x"}) for getting x-draggable feature. I have the following order of js files:
Pratik Poddar
  • 1,353
  • 3
  • 18
  • 36
0
votes
1 answer

How to Integrate jQuery Ui Draggable with Repeater

I want to use jquery ui draggable with Repeater. So It will work like when I click the button the draggable will clone with the id. So far it is done that way but the problem is the clone draggable box are not moving. Please view... jQuery Ui…
user3303878
  • 33
  • 1
  • 7
0
votes
1 answer

attr. ID only works once, despite different IDs

This is my site: http://marmiteontoast.co.uk/fyp/login-register/register-username-builder.php When you drag the tile from the right and drop it in the coloured box, it adds an ID to the droppable (try it for yourself and see). This works fine for…
Francesca
  • 26,842
  • 28
  • 90
  • 153
0
votes
1 answer

Sortable Containment between rows and columns of a container

How to restrict sortable to be to allow only columns inside a rows and rows inside a container? Example: Container is having rows and columns. Both rows and columns are sortable. But how to stop row inserted inside a columns? Working Link $(".demo,…
B L Praveen
  • 1,812
  • 4
  • 35
  • 60
0
votes
1 answer

how to drag an object in a limited area without containment

I have a project management system there are some div that are gantt charts and they're Resizable and Draggable, How can I make a border or area from left and top (for limitation) on Jquery UI draggable for that red dives? this is the picture of my…
Mohammad Kermani
  • 5,188
  • 7
  • 37
  • 61
0
votes
1 answer

How can I use jQuery UI to make a draggable, sortable, droppable card thing?

I want to have playing cards in a hand, but make them droppable in a new space. The cards should also be reorderable (sortable) in the hand. [ #new_space ] [ #hand [.card] [.card] [.card] ] Here's what I've tried…
Some Guy
  • 12,768
  • 22
  • 58
  • 86
1 2 3
…
10 11