similar to: Sortable onUpdate problem

Hi folks. I''m working on a project where I need some drag and drop, but I need to implement what happens in a very different way, so I''m creating my own class for it. I don''t want to reinvent the wheel and redo Thomas'' excellent drag/drop functionality, nor do I want to copy/paste his code over into mine. So, I was wondering, has anyone tried to extract

Hi. I have gone through the scriptaculous wiki. I am trying to implement nested drag and drop but not able to do this. The situation is like this. _____________________________ | abc | => Box1Line1 | cde | => Box1Line2 | efg | => Box1Line3 | h | => Box1Line4

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

Hi all. I have some performance tips to share. I had been having problems with the overall performance of the drag/drop objects. This is due largely to the fact that my project really pushes the limits (potentially thousands of draggables and hundreds of droppables in the document at a time, although that is the extreme case). Something I discovered is that the performance of dragging goes WAY

Hello, I''m making my first steps with prototype and scriptaculous. I''m playing around with drag and drop. What I try to do: I have some Draggables and some Droppables. You can drag each Draggables to each Droppables. When I drop a Draggables I want to center the Draggables inside the Droppable. And here I get my first problems:-( I use this code: Droppables.add(

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

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

I am not sure how many of you are using draggables/droppables but I thought I would do some experimentation and try and learn how to use them on my own. Well, I have draggables, and I have droppables. I do have one question for now. The droppable onDrop event seems to pass in 2 objects, the dropped object, and the container the object was dropped on. My question is this, can I figure

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

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

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

In a sortable list, is there a way to say, pass a className whereby some of the elements in the sortable element would not become draggables/droppables? If not, it seems like it could be implemented similarly to the handle option.. Any interest? Also - I submitted a patch that adds the option "delay" so that draggables in a Sortable won''t truly become activated until after the

Hi All, I am trying to develop a dynamic form creator application, whereby we can drag objects from a "palette" and drop them onto a "form" to build the design of our form. To achieve this, when I have dragged the object, and dropped it onto the "form" area, I want to get the position of where the object was dropped. I have a droppable area:

Hi all, first post. I have a simple set of drag/drops that I''m trying to use in FF. Unfortunately on page load all of the droppables on the page fire simultaneously and then won''t respond to any futher attempts to drop anything on them. Firebug isn''t showing any errors and I''m completely stumped... Any ideas of where to look? using:

Hi, In the last few days I''ve been working a lot on rewriting the dragdrop.js code. I''ve made changes for what I think is stronger object-oriented design and made more parallels between how Droppbables and Draggables are coded and instantiated. I have multiple selection and dragging of draggables working and droppables can accept multiple draggables in one drop. There are some

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

Hi, I''ve been doing a lot of rewriting of dragdrop.js. I''ve covered at least eight open tickets, made multiple selection of draggables, droppables can accept multiple items at a time, added 21 consistently-named callbacks and have reorganized the code. I''m working on adding more things to Sortable now. I''m no JavaScript expert, this is my first project, and I