similar to: Sortables/Draggables and overflow

I have two scrollable div''s (overflow:auto), one with a list of elements (the source) and the other is the drop target (dest). I''ve enabled ghosting so that the drag element gets out of the scrollable box (good). Interesting, at least on Firefox, the ghosted drag ends up going ''under'' the destination div when I drag it. No amount of z-order fidding seems to

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

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 list, how can I set the top and left CSS properties for draggable divs? When I modify the properties directly, the DIV jumps to its old position when I start to drag it. Thanks in advance! Martin _________________________________________________________________________ Mit der Gruppen-SMS von WEB.DE FreeMail k?nnen Sie eine SMS an alle Freunde gleichzeitig schicken:

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

First and foremost, excellent library - excellent work. Thank you. Now, here''s what I''m doing: <div id="wrapper"> <fieldset id="page_1"> <legend>Page</legend> <fieldset id="group_1"> Group </fieldset> <fieldset id="group_2"> Group </fieldset>

Hey guys. I''m trying to drag between two lists, except one list is really long so I set a height on the <ul> with overflow:auto. Unfortunately when I drag between the lists I can''t drag items outside of the <ul> with the overflow on. Does anyone know how I can make this work? I think I might be able to hack up something with rico''s live tables, but that

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

here is my test page: http://www.brianpeiris.com/test/temp.html clicking on the buttons labeled "Edit Description", "Edit Announcement", "Add to Schedule" or "Add a Link" draggable windows should appear. if you drag anyone of them over the sortable list of links at the bottom of the page and release the drag, the sortables appear above the windows. Is this a

Skipped content of type multipart/alternative-------------- next part -------------- A non-text attachment was scrubbed... Name: not available Type: image/gif Size: 1027 bytes Desc: image001.gif Url : http://wrath.rubyonrails.org/pipermail/rails-spinoffs/attachments/20051014/b3c26edf/attachment.gif

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

Hi i posted this question earlier on how to create a droppable div(New to Ajax), and i have just realised that my code does work, however the function doesn''t work the way I expected it to, I would like my draggable to remain where it was dropped, currently I have a draggable div and a droppable div. I would like to try create a puzzle type game which has a set amount of droppables and an

Hi, What I need to know is how to change revert:true to revert:false from a draggable after I drop it on a droppable so it doesn''t return to its original place. Something like: [CODE] <!-- Draggable image --> <img alt="Product" id="item" src="icon.png"> <script type="text/javascript"> new

Sorry if this sounds cynical, ( i do love script.aculo.us scripts ) , but I am wondering if people know of some good real world examples of uses of drag n drop and sortable lists. such a cute script will likely be *ab*used as much as it is used. obviously the point here is to use script.aculo.us to improve the user interface rather than just have some k00l eFX. e.g. the drag n drop instantly

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

I''m using Draggagle on a couple of divs and when I drop the first one, it''ll always drop behind (in terms of z-index) the second one. I even added a revert function to add a CSS class to the div that should raise it up, but I think the style.zIndex is "winning." Looking at the code, it seems like the zIndex stuff is set *after* the revert function is called... is

When a ''draggable'' element is made ''sortable'', it no longer follows the mouse horizontally when you drag it. Is there a solution/workaround? TIA Alain

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

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