|
Hello,
I want to use jquery draggable/droppable to let the user select a group of objects (each one has a checkbox in the corner) and then drag all the selected objects as a group...
I can't figure out for the life of me how to do it haha.
Here is what...
Started by Jim Robert on
, 4 posts
by 4 people.
Answer Snippets (Read the full thread at stackoverflow):
For example so:
$('#dragSource li').draggable....
I hope they implement it sooner than later
You could use the draggable's helper option to drag groups of items.
This should be a feature in draggable.
Maybe you could do somthing with that.
|
|
Is there a way to just use html to make an item draggable? (not just classifying an element as draggable)
Started by natas on
, 7 posts
by 7 people.
Answer Snippets (Read the full thread at stackoverflow):
HTML5 adds a couple of extra/lab/html5/demodragdrop.....
If you are happy using HTML5, then there is support for draggable elements, but it does still use javascript.
Have a look at JQuery.
Nope Javascript.
For their draggable component.
|
|
I'm creating a day planner using jquery, draggable and droppable.
When a job is dragged from the unassigned column into a hour time slot, the original draggable item is removed, and a new div is placed into page, with the job details.
This newly created...
Started by Matt on
, 3 posts
by 3 people.
Answer Snippets (Read the full thread at stackoverflow):
Rather than replacing the new div, why not disable the draggable?
$(element).draggable('disable');
Then when you want it to be draggable agian, use this
$(element).draggable('enable');
Simply apply draggable to the ....
|
Ask your Facebook Friends
|
I've seen many implementations of draggable divs in jQuery, .Net Ajax, and plain old javascript. While they are all novel, and solve the problem with varying ease, I've never understood what the point was.
What is the value of a draggable div? What use...
Started by Ryan Michela on
, 5 posts
by 5 people.
Answer Snippets (Read the full thread at stackoverflow):
If something can be ....
The blogspot blog page editor uses draggable divs sense to the user.
Selecting multiple items from a list is another use case .
The user interface is quite easy to use and modify because of draggable divs.
Home page.
|
|
I want to disable jquery draggable during an update panel post back. help?
Started by ErnieStings on
, 4 posts
by 4 people.
Answer Snippets (Read the full thread at stackoverflow):
draggable on drop—use ui.draggable to reference the object being dragged from inside the drop function.
|
|
I want the draggable object to revert back to its original position when i click a button. i used 'destroy' option but it doesnt seem to work. it disables the dragging but doesnt revert back to original position.
can someone help?
EDIT PART:
$('#Zoom'...
Started by amit on
, 6 posts
by 6 people.
Answer Snippets (Read the full thread at stackoverflow):
Would revert help you out?
http://docs.jquery.com/UI/Draggable#option-revert
EDIT: I'm pretty sure this will do the trick:
//reposition the draggable after it has finished $(".selector").draggable).ready(function() { var originalTop....
|
|
I have a div i want to drag confined in a particular container. i tried using the containment: parent option but this results in the div getting snapped to upper or lower bounds without dragging. i have overflow:hidden set, i hope that is not a problem...
Started by amit on
, 5 posts
by 5 people.
Answer Snippets (Read the full thread at stackoverflow):
draggable element dimensions though):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http;/script> <script type='text/javascript'> $(document).ready(function(){ $("#draggable").draggable({ containment: [-15....
|
|
Hello everyone!
I am wondering if there is a way to make the jQuery draggable to only drag straight up, down and left, right. I want to prevent the user from dragging a div diagonally. Using the grid option in the draggable UI is not possible in my situation...
Started by Fred Bergman on
, 6 posts
by 6 people.
Answer Snippets (Read the full thread at stackoverflow):
You just have to figure out how be to enable/disable the draggable....
It has a child (another draggable div) constrained to move in the y direction.
Part (it'll be a draggable div) is constrained to move only in, say, the x direction.
|
|
(Hopefully) Simple question:
Is it possible to make the jQuery UI Datepicker draggable? If so, can someone give me some sample code?
Started by Andrew on
, 3 posts
by 3 people.
Answer Snippets (Read the full thread at stackoverflow):
Using JZ's example....
$('#myCalendarInput').datepicker(); $('#ui-datepicker-div').draggable();
EDIT : There is a subtle difference between the answer @JZ supplies and mine.
$(".ui-datepicker").draggable() does not work?
The order is important.
|
|
If I have markup like this:
<!-- Other Content --> <div id="container"> <div class="draggable"> </div> <div class="draggable"> </div> </div> <!-- Other Content -->
How can I have the container div expand...
Started by Nate Wagar on
, 4 posts
by 3 people.
Answer Snippets (Read the full thread at stackoverflow):
Best way is to do it with callback:
$('.draggable').draggable({ start: function(event, ui); $(this).css('top', event.pageY - containerOffset); } }; $(this).each(function() { $(this).draggable({ grid: [117,....
From draggables.
|