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

JQuery Sortable, Draggable and Droppable not working together

I want to create a photo organiser where you can reorder images and drop them into a trash box to remove them. My issue is that when you begin to drag an image, it is not below the cursor anymore, about 500px to the left. My current code -…
Blease
  • 1,380
  • 4
  • 38
  • 64
0
votes
1 answer

Combined Draggable, Resizeable and Aloha Editor ExtJS component

I am trying to create an Ext.Component, that I can use with Draggable, Resizable, Float and Aloha Editor. Currently I have tried: afterRender: function(me) { Aloha.jQuery('#' + me.myId).aloha(); …
0
votes
0 answers

Jquery Image not visibly dragging after first drop

I'm a jQuery neophyte but I'm trying to simulate a lightbox where a number of images may exist on a page and have I have "floating" dropzone where the user can drag and drop images to the drop zone which are then added to the lightbox. The lightbox…
0
votes
1 answer

jQuery draggable moving multiple divs in parallel

I am struggeling with a Javascript/jQuery issue for about two weeks and it drives me insane. I need multiple divs to be draggable inside a container div. If you move one div, the others just move with it, no matter where dropped in the container.…
0
votes
2 answers

How is this selector working in Jquery when it doesnt even exist yet?

I found this tutorial online to help me understand the drag and drop feature of Jquery with this card mapping little game from the following link…
0
votes
1 answer

JqueryUI Detect when a group of items are on their droppable target areas

I have 4 drag and drop items, they thay all drag and dropp onto their targets, but should then fire off a 'welldone' event and the part is not working. I've had some help but can;t get this working, what am I doing wrong? // insert code to be run…
0
votes
1 answer

jQuery + PHP - Croopzoom - IE not draggable

I'm riding a picture editor for my CMS It works perfectly in all browsers I've tried but Internet Explorer fails. Failure IE10, in version 8 and 7 also. What happens is that the selection area is NOT draggable. The red border can be dragged, but…
0
votes
1 answer

html javascript Put an image over another image and post to facebook

In my web application , the user opens a photo from his pc with javascript ( I use a preview script without uploading to my server ). Then I have a draggable image that the user drags over his photo and positions it where he wants. What I want is to…
Panos
  • 7,227
  • 13
  • 60
  • 95
0
votes
1 answer

using jquery inside ajaxcontroltookit's modal popup extender

I am having difficulty using jQuery's draggable functions inside of an ajaxcontroltoolkit's modal pop up extender. If i use this code outside of the panel that gets extended, it works fine but once it's inside the panel, I can no longer drag the…
jason
  • 3,821
  • 10
  • 63
  • 120
0
votes
1 answer

How to restrict the draggable div in this case

I have the following html structure: HTML
CSS #outer { border: solid 1px red; padding: 50px 30px…
Amitd
  • 4,769
  • 8
  • 56
  • 82
0
votes
2 answers

How to make a list of element draggable and sortable using jquery?

I have a list of element, I want to make it sortable and draggable using Jquery. But when we dragg the particular element, it should not overlap to other existing element.Please any one help me.
shama
  • 11
  • 4
0
votes
2 answers

Can't drag an element that has been dragged

I have a simple drag and drop situation at http://jsfiddle.net/stevea/zPPPV/3/. If you drag and drop the green box the drop handler clones the dragged object and insert it into the red box at the xy where the drop occurred. The green boxes have…
Steve
  • 4,534
  • 9
  • 52
  • 110
0
votes
1 answer

Strange jQuery UI - Drag and Drop NOT clone

I am new to jQuery and UI .. I can not understand whole drag & drop & clone & save to DB process of DOM Object with jQuery and jQuery UI. I got some strange situations: The helper clone does not work at all. With following Codes the original div…
Sugarmine Boy
  • 31
  • 1
  • 4
0
votes
0 answers

Why is my jQuery draggable not contained properly?

jsFiddle You'll notice the containment options for the draggable are [7, 0, 40, 0], though I feel they should be [0, 0, 32, 0]. If you click on the button so it is in the "ON" position and drag the
(circle slider thing) around, you will notice…
dezman
  • 18,087
  • 10
  • 53
  • 91
0
votes
1 answer

One draggable, two droppables (one being a sortable)

I have read a ton of posts here and elsewhere on the web and I can't quite find a solution that works for my situation. I have two divs that are set as droppables. #imgBrowser contains a set of images that are populated dynamically via AJAX. Once…
1 2 3
10
11