sortable

jquery ui sortable - How to disable sortable if it is triggered?

Hi I'm new to jquery and I'm not a programer either. I've tried searching for the answer on google but I just couldn't find the answer. Here is my quetion, i have a list of items to sort only after I click the button "sort". And the list of items should not be able to be sorted atfer I click the the button "confirm". My script just does...

jquery sortable with php and mysql

Have two connected sortable lists inside a div.Need to be able to reorder items in each list,updating with ajax.And I want to use it with php and mysql.but I don't know how to do it? could anyone can help me? thanks! ...

jQuery Drag from a List (without removing element) and Drop into another List

How can I have two lists (div or table elements) in which I can drag & drop items from one to the other (I think jQuery droppable does this), but without actually removing it from the source list? Example: List1 List2 AAA 111 BBB 555 CCC 999 DDD 777 Now I'm dragging BBB from the left to the right between "55...

Jeditable not working with Jquery sortable

I was using Jeditable(with type autogrow) for editing text within a div which has similar siblings. Then I used Sortable for all the siblings and then jeditable wont cancel edit when click outside. Really in a pickle as I need sortable functionality and dont want to lose the editing. Edit: Also, once I click to edit a text, It will not...

jquery sortable handle IE vs Firefox

i'm trying to use jquery to implement a portlet/widget style interface, with 3 columns and drag and drop within and between them. it's working almost completely, except for the following little bug. the portlets have a header, h2, that i've set as the handle in my sortable options. in firefox and chrome, this is working exactly as exp...

jquery sortable update can work only one time?

Need a way to make element show in the div,but when i use ajax send data to list.php.it can not work? PHP: <?php mysql_connect('localhost','user','password'); mysql_select_db('fruit'); $days = 3; for($i=1;$i<=$days;$i++) { ?> <ul id="sortable"> <?php $sql = "select * from menu where columnNo = '$i' order by orderNo ASC"; ...

Does a sorted queue exist in .NET?

I have a need for a fairly specialised collection .NET, and I don't think that the BCL can help me, but I thought I'd throw it out there for if anyone knew of something similar. Basically, my requirements are thus: I have a list of pairs of values, such as: (3, 10), (5, 10), (3, 7), (5, 5) Order is important, ie. (3, 10) != (10, 3) Du...

Jquery UI - Sortable add class on update

Hi, I'm using jqueries UI sortable plugin with 2 connected lists. I'm trying to get sortable to add a certain class to the li when it is dropped into certain uls. So depending on the ul it goes to, I want it to remove the old class and add a new different class which will be ul dependent. For example: I have a complete list and a arch...

How to force an hidden+empty <div> to take up space?

Note that my question is not about how to fill remaining space with <div>. Background: I'm trying to use jQuery sortable with a series of horizontally laid out <div>, with class "column" .column { display:inline-block; } Now in FF, everything looks good. During dragging, the "placeholder" which jQuery sortable injects is an empty <...

jQuery UI sortable issue

When I try to use a sortable event . (For instance the stop() event) It only works when I bind it using : $('.selector').bind('sortstop', function(event, ui) { ... }); rather than $('.selector').sortable({ stop: function(event, ui) { ... } }); Is there a missing piece in this? The only reason I ask is because when I bind using...

Selecting multiple items with jQuery Sortable()?

I need to drag multiple items simultaneously within a jquery sortable container. In this case, it's a series of nested divs within a parent div which has the sortable() behavior applied. Any suggestions? ...

jQuery How do you scroll the droppable / sortable element from a draggable?

I have a simple setup, a div with a list of items and a second div to add those items to. The second div is sortable, and css is set to overflow: scroll. When arranging the items in the sortable div, it scrolls as expected. When adding a new item to the sortable, it does not scroll. I want the same scrolling behavior, no matter where...

jQuery sortable item height

I've got a simple jQuery sortable based on a list as follows: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> I've created a helper function so that regardless of what the contents of an item may be, the helper is always the same fixed size. My problem is that if I drag an item that has a lot of con...

JQuery Sortable Item Change Value when Dropped

I have two connectedSortable lists and when I move the items between each list, I want to change the prefix text of the item. Eg. If I move List 1: Item 1 to List 2, it would be rename List 2: Item 1 once it has been moved across to the new list. Greatly appreciate any help on this one, cheers ...

mootools sortables vs jquery sortables effect

Hello, I've been using mootools for some time and trying jQuery for a week so this probably is a newbie question - though I've found nothing in the manuals. In mootools, when you use the option clone in a sortables list it creates a clone of your image/object that helps you visualize where the image/object will be droppped - works gre...

jQuery iframeFix on a Sortable

Hello! On my CMS I have a list of thumbnails (Sortable). The thumbnails work great and now I'm writing a plug-in to drag-them to a tinyMCE window. As the tinyMCE window has an iFrame it doesn't work that well. jQuery has an option for Draggables called iframeFix that works exactly as I need. However that list must be a Sortables. I'v...

jQuery UI Sortable, how to determine current location and new location in update event?

I have: <ul id="sortableList">   <li>item 1<li>   <li>item 2<li>   <li>item 3<li> </ul> I have wired into the update: function(event, ui) { } but am not sure how to get the original and new position of the element. If i move item 3 to be above item 1, I want the original position to be 2 (0 based index) and the new position of item...

jquery draggable to sortable

I've created a sortable list and a draggable item to add new items. I have a remove button that I want to make visible when I add the new item from the draggable. How do I wire the events up? This is the element that gets dragged from the draggable to the sortable. <a id="btn" class="ContentItemSelect" > <span title="Remove...

jQuery UI: sortable('toArray') returns an empty array

This has me stumped. The follow code returns ",,,,,,": <script type="text/javascript"> $(function() { $('#listB').sortable({ connectWith: '#listA', update: function(event, ui) { var result = $(this).sortable('toArray'); alert(result); } }); $('#listA').sortable({ connectWith: '#listB' }); }); </script> <div id="boxA"...

jQuery + Sortable + live

I'm adding list items to a page dynamically with $.get, then appending them to the OL element. Pretty usual to this point. But jQuery isn't aware of these new items when they get loaded into the page, and I'm not being able to make them sortable. I made some trials with jQuery Live, but didn't get anywhere whit that... ...