similar to: Clone Sortable item

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 multiple drag and drop lists. If you sort within one list, you can pass the list back to the server using: <%= sortable_element ''task-list'' << person.id.to_s , :url => { :action => "noop", :id => @user }, ... %> Which causes this to be included in the javascript: onUpdate:function(){new

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ä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)) {

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

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

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

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

Using Rails to generate a sortable list, I get the draggable/sortable page elements, but Ajax never fires back the post-sorted list. (I''ve checked with IE & Firefox, the "save this order to the DB" controller hasn''t been called.) The View: <p>Drag to sort.<span id="sort_info"></span></p> <ul id="sort1">

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, I have some images and I want to be able to drag them into the order I want and have the database updated accordingly. I have an unordered list elsewhere in the application that works well, but for the images I cant get it working. In my controller I have: def updateorder params[:images].each_with_index { |id,idx| ProductImage.update(id, :display_order => idx) } render :text

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:

Is there a way to know what is the ID of the element during the onUpdate handler? I''ve seen in Draggable and the notify(''onEnd''9 function, but I''m not able to register an handler on this function. Tkz! Chiacchiera con i tuoi amici in tempo reale! http://it.yahoo.com/mail_it/foot/*http://it.messenger.yahoo.com

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

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

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