similar to: how do I report the list order of a drag and drop list back?

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

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 ,

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

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äve built some functionality in a CMS where you can drag and drop small elements on the page between 2+ panes/containers/divs. Whenever a drag-drop event has occurred (onUpdate) I make a Ajax.Request to save the new layout in the CMS. The code is as follows: in an onload-function: var a = ["subcontent", "main"]; for (var i=0; id=a[i]; i++) { if ($(id)) {

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",

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.

Hello, I am new to Scriptaculous, and was recently brought into a project using it to create an email Newsletter builder. The idea is that the user will have lists of elements that he can add to the email page by dragging the element he wants to add from an "available sections" container, to a "loaded sections" container. Dragging from the loaded to available will

Having an odd problem with sortable_element. The :url option doesn;t seem to actually work. No AJAX calls are being generated. I can tell because Firebug extension does not show any AJAX requests, and the development.log file does not do anything when droppping the items in new positions. Here is the code I am using for sortable generation: <%= sortable_element

Hello, I''m using scriptaculous and it is great but they are very slow and don''t show the element when I drag it in IE6. Someone know something about drag and drop in IE? I''m using the latest version, 1.6 The code is: <div id="list[1]" > <div id="item_2" onclick="CSSUtils.show(''list[2]'')">Obras <div

Hi, I want to do some custom logic on items being dragged and dropped - I need an event callback that has a reference to both the element being dropped (the LI), and the target element that it''s being dropped onto (the UL). I''ve found the Sortables.create option for creating an onUpdate and onChange handler, and done the following: function selectItem(target){

I ran into this issue too. My solution was to add an "onUpdate" function to the sortable that tests the container to see if it''s got any children or not: function is_empty(container) { if ($(container).hasChildNodes()) { Element.removeClassName($(container),''empty''); } else if (!$(container).hasChildNodes()) {

Sorry if this sounds cynical, ( i do love script.aculo.us scripts ) , but I am wondering if people know of some good real world examples of uses of drag n drop and sortable lists. such a cute script will likely be *ab*used as much as it is used. obviously the point here is to use script.aculo.us to improve the user interface rather than just have some k00l eFX. e.g. the drag n drop instantly

* I sent this message previously from the wrong address so it didn''t go through so, I apologize in advance if a duplicate shows up * Hello, I am very new to script.aculo.us and prototype but was trying to implement some of the cool ajax functionality with Webwork. I have been having a little trouble with the sortable element demo. I have the following code below: <html>

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'',

Folks, It has been a whole day spent on this but I still can''t get my mind around the most probably very stupid/basic mistake here... First, the code I use: <h3>List A</h3> <ul id="lista" > <li id="item1"> Item 1</li> <li id="item2"> Item 2</li> <li id="item3"> Item 3</li> </ul>

Hello, I wanted to drag elements from one sortable to another - not a problem. the hard thing is that i want to call a JS function to reorder the elements by certain criterias (ranking f.e.). So the two involved sortables are firering two onUpdate event. When I am changing the order of the LI-elements of the first Sortable (by removing them and adding them again), the second onUpdate event will

First time poster - hope I''ve done sufficient homework to get more than an rtfm: In my view, I have a <ul> list wherein each list element is identified with an id, thusly: <ul id="todoHandle"> <% for task in @tasks %> <li id="task_<%=task.id%>"> <%= task.Description %> </li> <% end %>

Hi all: I''m using sortable (very cool stuff!) on a series of divs with an onUpdate callback. Everything appears to work alright until I try to pass a parameter to my callback function like this: Sortable.create( ''page_33'', { tag: ''div'', onUpdate: updateOrder(''page_33'') } ); When I pass that parameter to the

Hi, 1. I have 2 panes, each having approximately 45-50 slides, all the slide images are 110x82 pixels in size, enclosed in their respective div''s. 2. These divs are further enclosed in a parent div, which is defined as a Sortable on page load. 3. There is a destination div on the RHS also. Sortable.create("div_leftDiv", {ghosting:true, revert: true, dropOnEmpty:true,