similar to: Multiple dynamic Sortables

Hi, maybe I am using this the wrong way but I have a list as follows <ul id="secondlist"> <li>bla bla</li> <li> bla bla </li> </ul> and then I add dynamically further <li> elements and create a Sortable but the onUpdate only fires for <li> items that have not been created via Javascript. Any clues? <script

Hi, I''ve just been having a look at the scriptaculous drag-n-drop library, which looks exceedingly good. I''m running across a show-stopper here, though - something that''s cropping up in both the online demos and my own test scripts. If I set up two lists so that I can drag items between them, then if either list becomes empty, I can''t drag elements back into

Can''t seem to get the onUpdate to work in for a sortable list. I am following the documentation and the included functional tests but nothing is firing for me. Any idea why? Sortable.create(''list1'', { tree:true , onUpdate:function(sortable){ alert(''onUpdate'') } , handle: ''handle'' , scroll:window ,

I have this code. <script type="text/javascript"> Sortable.create(''orderable'', {onUpdate: doAlert}); function doAlert() { alert("Hello"); } </script> But when I move an item it doesn''t fire the doAlert command, am I missing something?

Hi all, In the following code, it doesn''t look like the onUpdate() event is firing. Am I doing something wrong? <ul id="testSort"> <li id="item1">item 1</li> <li id="item2">item 2</li> <li id="item3">item 3</li> <li id="item4">item 4</li> <li id="item5">item

I just upgraded to the new version and now my storable containers are not working. here is my code. Sortable.create("leadstories", {handle:''handle'',tag:''div'',containment:''leadstories'',onUpdate: function(element) { new save_order(issueId,Sortable.serialize(element)); }}); Sortable.create("rightnav",

Maybe a newb question, maybe not. It''s not well documented, and I want to know how to know the id of my newly dropped item. The usage, would be to attach the newly dropped id to its *new* parent in a DB. Thanks. ???????????????????????? http://www.samueldr.com http://www.hostingquebec.ca

I''m having some difficulty adding drag-and-drop sorting to my application. I''m hoping that someone can help me figure out what I''m doing wrong: #view <table> ... <tbody id="item-list-body"> <tr id="view-item-<%= item.id %>"....</tr> </tbody> ... <%= sortable_element(''item-list-body'',

I have two sortable lists, one after the other. I can drag from the first to the second but not from the second to the first. The behavior is consistent if n > 2. For example, I can drag from 1 to 2, 3 or 4 from 2 to 3 or 4 and from 3 to 4, but not in the reverse order: I can''t drag from the 4th list to anything (besides itself). From the third list I can drag only to itself and 4.

I have two sortable lists that you can drag and drop to and from. Each object in the lists have a position field in the object''s table. I want to be able to update the position in the database automagically once a user has sorted the list. I can drag and drop just fine but I am not able to store the new positions in the database. I am trying to use Ajax.request in the onUpdate callback

Hi all, I''m trying to create a recycle bin for elements from a Sortable. To do that I created an <img> (image of a recycle-bin ofcourse) and made it a Droppable. However what should I do with the element in the onDrop function of the Droppable to stop it from going back into the Sortable? How do I remove it altogether from the page? thanks and regards, Jeroen

Hi, I have two sortables with different options (but same tags. just ''li''). When I drag an item from sortable1 to sortable2 I want it to gain the options that the sortable2 items have. I''ve tried all day to understand how Draggables and their observers are destroyed but I keep gettting buggy behavior. Part of the problem is the draggable and the draggableObserver are

I have a Sortable that''s working like a charm, but now I would like to be able to drop objects from that Sortable onto a Droppable that''s not part of my Sortable. I just did a small test page where it didn''t work, so my first question has to be "is this supposed to work?", before I dig too deep into it. "accept" for the droppable is set to the

Assuming that $(ids[i]) is the hidden input field, wouldn''t the following line need to reference it as a form element? > $(ids[i]).innerHTML = i; I would assume it should be (the "'''' + " makes it a string, not sure if you can set a form element value to an int, maybe you can): $(ids[i]).value = '''' + i; Or maybe I''m not

Hi there, I''ve got the following code to generate two sortable elements but whenever someone drags and drops an item, i only want it to return a serialised list of the items in categoryartworks, the unlinkedartworks can be in any order and I don''t care. I can then delete those artworks that were in category artworks but aren''t in the serialised list, plus reorder

Hi, I''m trying to play with sortable tree and have two issues: I have an AJAX Tree looking like: <ul class=''TreeCat'' id=''work''> <li class=''open''> <img src=''s.gif'' class=''node'' onclick="Ajax.Tree.toggle(event,this);"/> <a

So, is there any way to specify a sortable to only do a callback when the dragged item is dropped? As it is, the onChange is called whenever you move the draggable to a new element (even if you don''t drop it), but I''d rather only call my function after they drop it to avoid unnecessary additional server calls. It looks like Droppable supports an ''onDrop'', but

I am attempting to do the sortable_element tutorial from scriptaculous. (http://demo.script.aculo.us/ajax/sortable_elements) Upon viewing the script.aculo.us source, I see this line is generated... <script type="text/javascript">Sortable.create(''list'', {onUpdate:function(){new Ajax.Updater(''list-info'', ''/ajax/order'',

I hav the following code: <div id="puzzle"> <div id="divImage" style="float:left; cursor: move;>test 1</ div> <div id="divImage" style="float:left; cursor: move;>test 2</ div> <div id="divImage" style="float:left; cursor: move;>test 3</ div> <div

Hi guys, I''m trying to make a drag''n''drop portal using sortable element. I would like to apply the "hoverclass" option only on the droppable zone instead of the column border. Any idea a about the solution? Thanks for any help, Sabri --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups