similar to: Add new lists to existing sortables container

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

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

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>

Hi all, I''m trying to create a recycle bin for elements from a Sortable. To do that I created an <img> (image of a recycle-bin ofcourse) and made it a Droppable. However what should I do with the element in the onDrop function of the Droppable to stop it from going back into the Sortable? How do I remove it altogether from the page? thanks and regards, Jeroen

Hi all, is there a way to define the containment option for a sortable so that it is a class name instead of an id list? I have a case very similar to the sortable lists demo, the only difference is that I'm adding new list containers dinamically, so either I need to redo the Sortable.create calls for all new elements to include the newly added container, or having someway to have them

Hello, please take a look at http://test.reasonmaker.com/sort/ where I made some hacks to allow for nested sortables. I need a hierarchical, sortable list, so I hacked away. It generally works quite nicely, but: ( - The code needs my debug stuff and failed attempts removed ) - The code needs to be adapted to also work with vertical sortables. It probably breaks vertical sortables.

hi i got a problem with a Sortable.create. i got an array containing the ID of the elements i want to make an sortable of, that is no problem, but i want to be able to drag between the sortables and that where my problem is. i dont know how to assign an array to containment: until now the script looks like this: for (i=0;i<id_gruppe.length;i++) { Sortable.create(id_gruppe[i]

I apologize if these questions are not relevant to Scriptaculous. I just want to get a general idea if I can acomplish some or all of these things with the framework, and then what (if any) I''ll need to do outside just using javascript. For now, I have 2 column layout. On the right I want a form palette where form elements can be dragged to the left column. I have a form inside the

Hello All, I''m wondering if it''s possible to nest sortables: <ul id="first"> <li>One</li> <li>Two</li> <li> <ul id="second"> <li>Three</li> </ul> </li> <li>Four</li> </ul> <script> ... create sortables out of

Hi there, I''m started to use scriptaculous yesterday and it''s really great. Hovever, there is one problem that I cannot solve: I have a page with a sortable list and a droppable "trash can". I would like to drag and drop items between the list and the trash can, but it don''t work. Which options should I set to make it works correctly? Thanks!

I would love to get some feedback and test a patch to rev. 4380. First, the money shot - check out this demo of a scriptaculous DataGrid: http://development.finetooth.com/?p=13 I''m using the <tr> as a sortable with the <th>''s as the sortable elements. The Patch file: http://www.commoner.com/~lsimon/scriptaculous/delay_and_ignorePosition_forSortables.diff The patch

Hey folks, On the Drag and Drop demo page in the Sortable Lists Demo section: http://script.aculo.us/drag-and-drop If you drag all of the items from the first list into the second list, it appears that you cannot drag a list item back into the first (now empty) list. Is there a way to allow a Sortable that is empty of draggable items to accept dropped items? Danilo

Hi guys, I''m trying to make a drag''n''drop portal using sortable element. I would like to apply the "hoverclass" option only on the droppable zone instead of the column border. Any idea a about the solution? Thanks for any help, Sabri --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups

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,

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 all. I have specific situations - I use sortable on html list, and after I move elements I want to do ajax reqeust to serwer with the id of dragging element and id of the element that was droppable. How to do it? which function in Sortable class i have to overrider or modify? i try to modife onhover method in sortable and put a ajaxRequest call before methods dropon.parentNode.insertBefore

Hi all, I''ve applied an experimental patch today to the scripaculous trunk. Setting the scroll option on Draggables or Sortables to an element (or an element id) will attempt to auto-scroll this element when dragging. See test/functional/dragdrop3_test.html for a demo/usage. It''s modelled after the behaviour in the Mac OS X finder, with variable scrolling speed depending

Hi, I''m trying to use sortables to sort table rows and move them between different tables (yes, it''s actual tabular data ;). However, either I don''t know how to use the tag property of Sortable.create properly, or it''s only working for li''s. Since it''s probably the first option, could someone post an example of sorting tr tags and move them

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

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