draggable

jQueryUI Draggable Helper Option Help

Is it possible to modify the clone helper that jQueryUI creates with draggable element? I don't want the exact clone as the helper, I just want something similar to it. ...

how can I return jQuery Draggables to their original list after validating their drops with a button click?

This is a bit of a weird desire but I am making a matching game using jQuery UI, and I want to allow a user to drag an element from one <ul> of jQuery draggables (list A) and then drop it in a jQuery droppable (list B). After the user has decided that they think every item from list A is in the correct place in list B, they can click a b...

jQuery Draggable Handler inside IFrame

What a mouthful. Basically I have a parent <div> and inside that an <iframe>. I need an element inside the iframe to be the handle to drag the parent div. Is this even possible? I have tried: $(node).draggable("option","handle",$('iframe',node).contents().find('#handle')); $(node).draggable("option","handle",$('iframe',node).contents(...

JQuery Draggable and an <object> with an SVG?

I have an SVG file within an object tag displaying in a table cell,and I want to make the SVG draggable within the table cell using JQuery's Draggable. The code--minus the confusing bits in the tag, looks like this: <div id="container"> <div id="box"> <table align="center" border="1"> <tr> <td valign="middle">button</...

Is there a way to set HTML5 drag end effect? (i.e. no revert)

When finish dragging a HTML5 draggable element, the element will revert back to its original location. Is it possible to prevent the feedback image to revert? Instead of reverting back, I want the feedback image to disappear after the drag is completed. ...

jQuery - CSS - Rotate Div by drag mouse event

Hi, I'm searching since a few day without real result, maybe someone can help me here. I've a div on my page (can containt an image, a text area, other), it's draggable and resizable (thanks to jQuery UI), and i want to make it "rotatable", with a handle in a corner to drag and rotate it using css transform (-wekbit-transform, moz-tran...

Firebug reports mysterious JQuery draggable error

Firebug is telling me: $("#foo").draggable is not a function when: Both JQuery core and JQuery UI (with draggable) are loaded foo is a valid div element foo is in fact draggable with the mouse So everything works fine, but I'd really like to get rid of this error. ...

jQuery UI Draggable not dragging from the correct place.

When I grab my draggable(s), they seem to snap incorrectly to the grid on the right - this has me confused! Any idea how I can drag an element and have it snap closer to my cursor?? code: <html> <head> <title></title> <script type="text/javascript" language="javascript" src="sys/jquery-1.4.2.js"></script> <...

Detecting mouse move and release on a locked draggable object

I'm making a custom slider component. The head (the thing that you drag) is programmed like this: head.addEventListener(MouseEvent.MOUSE_DOWN, function():void { head.startDrag(false, new Rectangle(stubDiv,0,width - stubDiv - ((levels-maxLevel)*stubDiv),0)); }); head.addEventListener(MouseEvent.MOUSE_M...

Problem with the draggble UI at 480X320

Hi I have a problem with JQuery in that when I use the draggable UI under lower resolution settings (480X320) the draggable element does not respond properly. What happens is that when the user clicks onto the draggable video element it moves without problem, but if you click off and back on it again, the moment the mouse moves, the c...

I have a AS3 class which extends movieClip with a dynamic image, how to make this image draggable?

I need to make an item draggable (dragable?) Sorry if my terminology is not right! I have a class where I will store variable and do calculations: package Classes { import flash.display.*; import flash.events.*; import flash.net.*; public class PrintItem extends MovieClip { public var imageLoader:Loade...

Jquery UI - Sortable & Draggable revert speed

Hi, i have a problem with the revert speed. Here is a working example http://www.jsfiddle.net/V9Euk/94/ <-- updated Change something in the sortable list ... the speed is fast (revert 100). But when you drop the "four" into the sortable list, the speed is slow. But why? oO kind reagards Peter ...

jquery drag and drop help

I have this code for a drag and drop portion of my site, I use this HTML first off, <li class="drag_check"> <input type="checkbox" value="Y" class="cv_choice" name="cv_file[<?=$rslt['code'];?>]" id="inp_cv_<?=$rslt['code'];?>" /> </li> and then this code for the drag and drop: var cv_file = new Arr...

JQuery draggable - No overlap

Hi, is it possible to say "draggable div's -> no overlap" ? I think the mainproblem is the position:absolute; ... right? kind reagards Peter ...

How can i make the jQuery slider only slide when draging the handlers?

The thing is, I'm trying to use a multiple handlers slide like jQuery example, but I what to be able to drag the part between the handlers. Is this even possible? Thx jQuery example: http://jqueryui.com/demos/slider/range.html ...

jQuery - Make table rows selectable, draggable and droppable onto a box? (like SproutCore)

What I'm trying to do here is to mimic one part of the way SproutCore and Cappuccino work. You know how Mail.app works? You click on a message, it gets selected? You Shift+Click, everything in between gets selected? You Command+Click, it gets added to that selection? You drag over many, they all get selected? Then you can drag them...

JQuery draggable - The opposide from connectToSortable

Hi, i can drop a draggable element into a sortable list. $( ".selector" ).draggable({ connectToSortable: '#myList' }); But how can i drop the element back? The sortout event works only with a second list :/ kind regards Peter EDIT: working example http://www.jsfiddle.net/V9Euk/114/ ...

Can jquery UI draggable be "position-aware" of other elements?

I'm implementing jquery UI draggable and have 2 of these draggables that you see on the linked page. They're of course draggable, so I can move them around as needed. How would I make them aware of each other though, so that I could try to make them align or show alignment marks when while being dragged, they get to the same x or y as ...

jQuery combine selectable and draggable? Or in any other JS library?

I've seen these questions here before, but, I can not find any good answers. Is there a way to combine selectable and draggable? I don't want to drag the elements themselves, I just want functions like the ones in Apple's MobileMe, you know, red dot follows the mouse, it can be dropped onto another folder. If this doesn't exist in jQu...

How to stop Div Moving out of the border Jquery draggable();

How to stop the div from moving out of the border div Here is the code i got so far. <script> $(document).ready(function() { $("#draggable").draggable({ grid: [50, 20] }); }); </script> <div id="drag_border"> <div id="draggable" style="width:500; height:800">Drag me</div> </div> Thank you, ...