similar to: Scriptaculous Sortables: dragging between sortables and reordering them by javascript?

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

I''m writing an appliation that contains several dynamically created lists. I had hoped that the following method for using the Sortable library from scriptaculous would work: 1) create the list 2) create a Sortable for it 3) create another list 4) create a Sortable for it and so on. Unfortunately this doesn''t work. I can''t find any info in the documentation for

Hello, I''m implementing sortables in Rails and I can''t seem to get the lovely effect from the Sortable Floats Demo on Thomas'' wonderful site: http://script.aculo.us/drag-and-drop#sortable-floats-demo Simply put, I can''t get the effect whereby you''re dragging the image. When I have a vertical or horizontal constraint on a list, the effect

i know someone just recently asked about queueing ajax requests, my question is similar in the regards that i don''t want my application to send multiple requests. i have 2 sortabbles lists left, and right. when i move an item from left to the right the onUpdate callback will send 2 ajax requests. one for each sortables. however. i want it to serialize and send back the results from

Hello all, I''m using Scriptaculous 1.6.1 on a project I''m developing. My generated HTML (generated by PHP) looks something like this: <ul id="admin-list"> <li id="li-13">Singletary, Bob (President/CEO)</li> <li id="li-12">Chatman, Jim (Vice President of Finance/CFO)</li> ... </ul> <script

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

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

I have a ul that is set to be Sortable. The id naming scheme for the underlying elements is the proper format "{name}_{number}". On FF 2 and IE 6, my onChange and onUpdate methods are fired. However only on IE7 (7.0.5730.13 to be exact), after I move the list item and mouse up the drop never seems to finish, the list items reverts. No events: onChange or onUpdate are ever fired. Has

When a sortable has ''ghosting'' enabled, it seems to include the dragged element twice in the list which is submitted in the onUpdate AJAX request. By the looks of it, it''s appended onto the end of the list when Sortable.serialize is called. IE in the following list: - 1 - 2 - 3 If I drag 3 to be at the top, what we expect is: [3, 1, 2] What we get is: [3, 1, 2, 3]

Hey all I have a project that i''m working on where I''m making extensive use of sortables. I''ve noticed that when my sortable item height is approximately less than 30 pixels, when I try to reorder the sortable it jitters between 2 positions and causes a nasty effect. I expect it''s to do with the tolerance percentages and pixels- when you start to get that

Re, Would anyone happen to know how to make sortable/draggable scroll down the page while moving the object if the page happens to be larger than the screen size? These functions seem to work only within the visible working space. Right now I have workaround whereby I have an omnipresent DIV on the screen to which I drop an element, then scroll down in the browser to a certain point, and then

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 recently added MochiKit to my server for the key event monitor thing and now my sortable isn''t working. I get Sortable is not defined (Sortable.create(''item_list'', {tag : ''li'', overlap : ''horizontal'', onUpdate :...) They told me I had to move MochiKit''s script src reference above scriptaculous to get it to work right. Well

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.

Hi all, I have an unordered-list, made Sortable using dragdrop.js. When the onUpdate() event fires, is there a way to get the (new) index of the child list-item that was just moved? Or would I have to compare the results of serialize() before and after the move? Thanks, Best Regards, Ed C. -------------- next part -------------- An HTML attachment was scrubbed... URL:

Hi, Background: I''m writing a piece of code to display etsy.com items in a squidoo module. Squidoo provide a module development kit which uses ajax and php. See the example here: http://www.demido.co.uk/etsy (Currently only works in FF). The user enters a valid etsy userID, hit go, an ajax.updater passes the userid to a php script the php script goes off and finds the items returns

*** don''t know if i''ll be clear... if not, tell me Hi. http://favoris.lichenmedia.com/untitled.htm I don''t know why, but when I drag those sortables (tagged with the handle handle) filled with the sortables (the lists with lorem ipsum) The handled-one "stays" where you dropped them. When you drag the li between the uls that are the big containers, no

Hello everyone: I''ve been using scriptaculous for very long time and it''s really good. However, I just came across another problem about using sortables in a scrollable div. The basic structure is: <div style="overflow:auto; height=400px"> <div id=''Item1''></div> <div id=''Item2''></div> ....

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