similar to: Sortable.create containment:

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,

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

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

Hi, I''ve been playing with sortable, the demos on script.aculo.us and reading the javascript. I hope I''m not just missing the documentation somewhere but I can''t find it. I want to do something like Sortable for the admin side of an open source ecommerce project I''m working on [1]. I''m relatively new to DHTML but understand the basic ideas. If someone

-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 Hi *, I am new to this list, so please excuse me if this has been covered before (unfortunately the search function at http://www.ruby-forum.com/forum/10 is disabled at the moment). If yes, then a pointer to a solution would be great. I want to create a sortable tree with scriptaculous Sortable. There are several categories and subcatgories: cat_a

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>

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

Hey folks, I''m having a little trouble with the hoverclass parameter of the Sortables.create method. Unfortunately I can''t post a demo page at this time, but I''m creating three lists with the following code: Sortable.create("listOne", {dropOnEmpty:true,containment:["listOne","listTwo", "listThree"],constraint:false,

Heya, I''ve just released script.aculo.us V1.5_pre1. Please give it a try! Important new stuff (since V1.1b1): * Added a main scriptaculous.js file to load in the other libraries transparently. * Fixed a condition where standard a href=xxx links wouldn''t work in autocomplete results. These do now, the onclick event is not cancelled. [thx to Jasper Slits] * Added

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

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 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. I read most of the postings here but unfortunately I didin''t found a complete example which could be used. Of cource the ones who are professionals in javascript could implement the missing peaces from the puzzle. What I''m required to do is a tree (sortable list) where items can also be deleted and at each modification a function (ajax) is called to save the changes. For

i did some searching through the archives and didn''t really find an answer to my question, so i''m going to just ask it. i have a situation where there are 3 sortable lists. list1, list2, and list3 i need list2 to accept divs from all 3 lists, but list1 and list3 to only accept divs from the list1 and list3 i''ve added two classes to the divs in my sortables: .rail

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

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

I have an HTML table I am trying to "retro-fit" with a sortable such that a cell in one column/row and be moved to another. What I have tried in tyerms of formatting looks akin to: <div id="schedule"> <table> <tr> <td><div id="one">Some Text</div></td> <td><div

ok, first off. i love script.aculo.us! anywho on to business. the hoverclass doesn''t seem to work in the sortables.create. and the handle doesn''t work (yeah i have the id="handle" ) this is what i have ..