I'm using the jQuery UI Sortable on DIV which contains DIV tags. Inside of each of the sortable DIV's is an iFrame with a src= to a different site. In IE7, sorting works as expected. If you've navigated within the iFrame, the iFrame retains the current state. However, in FF3, when sorting stops and the iFrame is reloaded with the ori...
Hi, I have a page using jQuery with some lists which have been made sortable. The list is inside a div which has a fixed height and overflow set to auto in the stylesheet. The scroll attribute of sortable seems to affect the scrolling of the whole page, is there any way I can make the container div automatically scroll up or down whe...
I have a list with class x and in that list is a number of lists with class y. It is possible to drag an item from any of the sublists to any of the other sublists It is also possible to arrange the order of the sublists themselves. I'm struggling with the events which are fired through the sortable Receive - only triggers when somet...
JQuery's sortable has an option to revert the item that the user drags back in line with the rest, but the animation is a little slow. Is there a simple way to specify 'fast' like some of the other methods? ...
After I move (sort) one of my list items I would like to know which position it just got dropped into. I'm pretty sure this is impossible to calculate off of ui.position/offset since I have been able to drop onto the same pixel and have the item go in two different slots, depending on which direction I dragged the element from. I suppo...
I'm trying to setup a way to sort multiple items at the same time using jQuery UI's Sortable plugin. I have come up with a partial solution, where the checked items go with the drag, but I can't get them all to move positions. Here is what I have: http://jsbin.com/ecela What do I need to add to ensure the items move to their new locatio...
I have a list of elements which I would like to make sortable and resizable using Jquery UI. Combining them works great in Chrome and Firefox. But in IE8 (both in normal and compatibility view), either behavior works great when used separately, but when combined, the resulting mixed behavior is undesirable. My expectation is that resi...
I have implemented jQueryUI sortable list and it works really nice. At some point in time, I wish to disable further sorting and keep item order as it is, without user being able to change it. It tried something this: $('.sortable').sortable('disable'); and this: $('.sortable').each(function() { $(this).sortable('disable'); }); ...
Hi all, the problem i have is that whenever i try to drag and drop with a handle, in the process of drag and drop, the body text will not stay aligned with the text, which is illustrated in the code attached at the end. The reason why I prefer not to put the handle in the <p> tags, as some of the examples on the web shows, is that i wo...
Hi i am using jquery ui sortable to make my table grid sortable.The code seems to work fine but because i am not using width to TDs when drag the TR srink the content. For examle IF my table row is 500px when start drag it becames 300px.I assume thats happening because no width is defined at grid.Thats because i am using 2 class for TDs...
Hi there, I was just wondering if anyone knows of any way to get the bassistance treeview plugin to work with jQuery UI's sortable plugin? Particularly in terms of being able to drag and drop the element from it's nested ul to the parent ul or vice versa. Two other requirements are that I have the ability to prevent dropping onto specif...
Hello. I'm using this code: $(document).ready(function() { $("#test-list").sortable({ handle : '.handle', update : function () { var order = $('#test-list').sortable('serialize'); $("#info").load("process-sortable.php?"+order); }, }); }); I want a loading indicator (GIF animation if possible) to s...
Hi All, Thanks for reading. Two issues: I am creating a task-list type of system, which will use nested sortable lists. Here's some very basic demo code: <script> $(function(){ $('.sortable_test > li').attr('style', 'border:1px solid red; padding:3px; margin:2px;'); $('.sortable_test').sortable({ distance: 5, ...
$(".someUl").sortable({ ... }).disableSelection(); $(".containerOfSomeUl").hide(); $(".someButton").click(function() { $(".containerOfSomeUl").show(); }); The above works fine in Firefox and IE, but not in Safari (but Chrome works). After I hide and later show the container, someUl loses all sortable behavior and does not work. I...
Hello everybody! On my page I have two kind of columns with several conainers in it. Now I want to be able to sort these containers in these two columns. This was not really a problem. I can sort my containers in the two colums and toggle it on or off. But now my problem: I want to sort my containers on reload. I want to sort and toggle...
Hello I created a demo: http://pastebin.me/584b9a86d715c9ba85b7bebf0375e237 When the scroll bar is at the bottom and you drag items to sort them, it causes the scroll bar to jump up. It seems to do this in FF, Safari, Chrome, and IE (at least IE8). In Firefox on my Mac, it does the jump up when the scroll bar is at the bottom, but al...
Going for a sort-of Windows explorer-style drag-and-drop folder behavior here. The "// make chapter items droppable" block isn't working - specifically, it's not appending the draggable to the dragged folder's list. <html> <head> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.7....
I've got a simple setup using jQuery UI's default sortable/draggable functionality. I now need to add a 'palette' which will will be a list of all items in all lists (and some that may not be in any lists). Like this: <ul id="palette" class="ui-sortable"> <li class="used">A</li> <li>B</li> <li class="used">C</li> <li class="used">D...
I have a challenge with CSS and Jquery Sortables. I am extremely new to Jquery so I have no idea how to achieve this. Here is the goal: To have a horizontal plane of Parent Menus. Parent menus can be sorted by dragging them from right to left. Each Parent Menu Has its own unique ID. Each parent menu can have 0 - unlimited sub menus. ...
Hi, I'm working with connected sortable lists and need the ability to add an extra list, but it just doesn't work. I have an XHTML like this: <div id="content"> <div class="line"> <span class="element">1</span> <span class="element">2</span> <span class="element">3</span> </div> <div class="line"> ...