similar to: Dropdown list to populate drag and drop sortable list

I''ve gone through Chad Fowler''s recipe for creating a drag and drop sortable list, and have been trying to extend this to a sortable tree. Has anyone come up with or seen code which allows drag and drop sorting (altering the position and parent_id variables of the relevant objects) but for data in a nested tree rather than a list form? - Justin

Is either sortable or drag and drop doable for table elements ? I looked at the wiki and didn''t see anything. Noticed the demos and such are done with <ul><li> ''s I''m wondering about <td> ''s ? TIA Stuart --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby

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

We are creating a simple widget portal for our site and trying to use Sortables. Each of our widgets is an iframe. But when you try to drag an element containing an iframe the Sortables api causes the iframe to reload at each possible drop point. This causes the ui to shutter and become unusable. I have narrowed the issue down the onEmptyHover where dropon.insertBefore is called. Is there a

Hi, I am creating a form that a user can post a message based on his selection on category and subcategory. (A category has many subcategories.) How do I dynamically populate subcategory dropdown list when user chooses a category from category dropdown list? Thanks in advance. -- Best regards, Ming Ma

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

I''m trying to create a dropdown list that''s populated from a model but which has the 2nd item in the model as the default selection. This is possible. Here''s the model snippet. PROPERTY_TYPES = [[''Choose'', ''''], [''Residential'', ''Residential''],

No rocket science on the surface, but there is something slightly clever happening here - note that the green scriptaculous draggables take on a different CSS class or something when they''re moved over the right hand droppable. This warrants a look under the hood ... --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google

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:

Well I have it dragging and dropping but its not saving! def sort @prices = Price.find(params[:id]) @prices.each do |@price| @price.position = params[''price''].index(@price.id.to_s) + 1 @price.save end render :nothing => true end Current error in the view after dropping is - undefined method `each'' for #<Price:0xb74ec4ac>

Hello, I have an unordered list with 1 or two sub-lists - I like to convert it to a drop down list using prototype/scriptaculous. Does anybody have an example or some code to share - I''m specifically interested in the event observers (clicks, mouseover and mouseout events). Thank you in advance for your input. _______________________________________________

Hello everyone I have made some strange expirience yesterday. I have an unordered list with sortable list items (basic). Within these are various contents (forms, divs, more lists) etc.. Now on only some of them the whole page (all text) begins to flicker / redrawn in Internet Explorer 6 if i pick up a dragable and move it above its original position (like moving it above the ghost of the

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

Hello, I try to report the new order of a list back to the server, after the drag & drop is done, but I am not sure how to do it. My ids are underscore separated like this: <ul class="sortablelist" id="ja"> <li class="green" id="item_1">Item 1</li> ... </ul> I define the sortable like this: Sortable.create("ja",

I''ve got a "Sortable" list that is sorting just fine. But in the list items, there is a link. If you mousedown on the link, drag it to a new location and mouseup, the list gets reordered appropriately, but then the link is followed (you did - after all - click it). Is there a way to either stop the mouseup/click event before activating the link after you''ve dragged

Hi everybody, Could somebody have a look at a little sortable example at http://www.weisshuhn.de/diagnose/sortable.html It implements two Sortables and a Draggable. You can drag elements from the "source" Sortable to the main Sortable, sort them (surprise) and drag them to a trash. Whenever you drag from the "source", a new element is created (by cloning an invisible

I''ve been stuck on this particular problem for quite some time now. If I don''t explain it well enough I''d be happy to explain more. I have a group of draggables and a droppable object. I''ve created a function for the Droppable.onDrop event so when I drop one of these items I check (via an array) to see if it has already been added to the droppable. If it

I am trying to create a screen like Google''s personalized home pages or start.com, i.e., with draggable sections, with the extra feature that the child items under the parent headings could be dragged and dropped from one parent heading to another. I have set up nested droppable sortables (dropOnEmpty=true) but the behavior is very inconsistent, i.e, parents do not become droppable

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

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