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/
...
Damn, I'm so ignorant. I'm looking to replicate this in Silverlight
http://jqueryui.com/demos/sortable/
But where to start?
Thanks
...
I have some drag & drop code which works fine as it is. Just have a little query. I've noticed that if I add an alert within the drop function for debugging purposes (eg. alert(draggedItem.text());) it fires the alert twice when I drop something into the draggable area. I've read in another post that using droppable & sortable together c...
I have several draggable/hideable boxes based on the code posted here:
http://webdeveloperplus.com/jquery/saving-state-for-collapsible-drag-drop-panels/
I also have an area with a list of blocks which I can drag into any one of these boxes, and then sort them. This works fine. It's only when I start toggling these boxes, or moving their...
Hey.
I got a problem I cannot manage to resolve.
I have a Basecamp alike list of items with a small menu on the left with Drag, Edit and Trash icons.
The handle is there. He is sitting outside of the scope of the sortable element, and this is why he doesn't influence the sorting at all.
As you can see, my dragging icon is on the ...
I need to sort some elements depend on it attribute. For an example:
<div id="sort">
<div n="1"></div>
<div n="2"></div>
<div n="3"></div>
<div n="4"></div>
</div>
And array_num
{3, 2, 1, 4}
pseudo code:
$('#sort').sort(array_num, 'n');
results will be:
<div id="sort">
<div n="3"></div>
<div n="2"></div>
<div n="1"></div>
<div...
Hi there,
I have a row where I can drag items into it, and sort them. This all works ok. I even have a delete event on each item, so it can be removed from the row.
I want an option where I can clone the row. I do this by using the clone function below:
clonedrow = $("#row1").clone(true);
clonedid = "row"+nextRowNumber; //nextRowNumbe...
I have two dimensions sorting bug in IE8 and below.
IE just doesn't know to handle this thing.
As you can see, there are two levels of sorting items. Two dimensions.
In all of the browsers this thing works perfect. Only IE get crazy.
My code
$("#experienciasProfissionais").sortable({
placeholder: 'ui-state-highlight',
cur...
I have followed the instructions on http://railscasts.com/episodes/147-sortable-lists for creating a sortable list.
The list drags and drops as it is supposed to, but the sort action is not being fired when the link is released. I have tested this by putting a render :text command into the sort.
No error's appear, it just doesn't fire ...
This is my code :
$("#demo1").jstree({
"themes": {
"theme": "default",
"dots": true,
"icons": true,
"url": "themes/default/style.css"
},
"ui" : {
// this makes the node with ID node_4 selected onload
"initially_select" : [ location.ha...
First of all, huge kudos to 'Web Developer Plus' for writing most of the initial code!
I have a list of 'items' which I can drag into any one of the blue boxes inside the widgets, and then sort them. This works fine. It's only when I start toggling these widgets (showing/hiding), or moving their positions, that things start going weird....
I have a very vanilla jqGrid with "sortable: true" (which allows you to drag/drop to reorder the columns). There are 8 columns, none are hidden, none have any properties set other than name, index, and width.
The column drag/drop works initially. I drag a column header, and drop it in a new location. The header and the data in the colum...
I have a sortable DatagridView with a summary last row containing sum of some columns, i want to keep this summary row always as the last line(bottom) of datagridView.
At the moment, when i sort a column of datagridView also the summary row get sorted, i don't want this. I want to keep the last row (summary row) of DatagridView not sort...
I am using the jQuery plugin from http://mjsarfatti.com/sandbox/nestedSortable/
It does an excellent job on easily sorting the list, but I am having issues with saving it a DB and loading it back up.
My question is once you get the array into PHP, serialize it and store it into a database, you end up with something along the lines of
a...
You can see the full problem here: http://users.cjb.net/syn4k/test.htm
I have described the problem in full at this location.
Edit: since you have asked to see the problem here as well,
Drag and drop the outlined items from one column to another and then try sorting the items in that column
Issue: The items do not stack after sort but r...
Hi
I've got some jQuery sortable tabs and accordions which I want them to be in the same order whenever the user fetches that page. I was thinking about using cookies to do this.
How can I do this?
Thanks in advance.
...
Hi - I am creating an application using ROR and would like to know how I can implement a function which I want to call when using "sortable.create".
Below is a sample code from my "*.html.erb" file.
<script type="text/javascript">
Sortable.create("table_retain", {
tag:"tr" , dropOnEmpty: true, onUpdate: function() { alert ('Up...
I have two connected tbody elements allowing me to drag rows between two tables. Everything works fine until all rows are removed from either table.
When all rows have been dragged to the other table the tbody height decreases making it (near)impossible to drop rows back inside.
Is there a known workaround for this problem? (min-heigh...
I have two HTML lists, and am using JQuery sortable to drag between them. This works perfectly.
The receive event is raised upon dropping a dragged list item into the second list. In this event handler, in some circumstances I am calling
$(ui.sender).sortable('cancel');
which cancels the drop and returns the list item to its orig...
I'm trying to get it so that each sub list can only be ordered within its group.
This works perfectly in FF, but in IE it either moves the entire parent(s) or, using e.stopPropagation(); kills the functionality completely within the child. I need the functionality alive within the child.
Suggestions?
$(document).ready(function() {
...