similar to: Scriptaculous, snap draggable to droppable or revert

This one is as much for Thomas as for the rest of the list (might be a good one for the official build)... I made a change to the dragdrop.js file that significantly improves overall performance of dragging when there are more than one (or many more) droppables on the page. I modified the Draggables.updateDrag method, and added another method below it, and then in Draggable.updateDrag I

I''m writing a web app in which I have several ''windows'' in which the user can perform given functionality. So for example I have one window which manages images on a server (drag an image into a folder and the file physically moved on the server via ajax ) These images can also be dragged into another window to create a slideshow. My problem

Hi all, I have a couple of droppables in my page. Each of them looks like a list and is a <div> containing other <div> for the lines, each line formed by <span>s for different fields. Each line is declared draggable (right after each line, since ithey''re created inside a loop). I have both of them inside a <div> since I need to refresh both at the same time and

Right now I am using page.remove and page.insert for some complex nested moves in RJS. I have my draggables set to revert, but they also revert when they hit a droppable. Meaning, the draggable will start reverting for part of a second before the page.remove kicks in. Is there a way to specify :revert => false for the drop_receiving_element, or something else to that affect? -- Respectfully:

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 Does any one know how to specify a different reverteffect on a draggable if its successfully dropped on a given droppable? What I need to do is when an image is dragged onto a droppable image I want the drop image to be replaced with the drag image, the drag image to fade out and then reappear where it was at the start of the drag, as opposed to the draggable scrolling across the page

Hi everyone. I hava situation that i have drag and drop on my site, and I wonder is it possible to connect this to very good pop-up javascript library, i mean: at the moment when I drag element over the dropping area that area is highlited (using hoverclass: Css_class) but i want to add pop-up effect on the droppable area. Does anyone know how to do it? It must work like this: When the dragged

Im having problems with Droppables, and read that there are some attributes on the element that must be inline. What are those? I''ve tried to copy some of the code from the shop-demo, and my code seems to have the exact same attributes and more. The problem is that the droppable refuse to react whenever I attempt to drop a draggable on it, the onDrop does''nt seem to trigger.

hi i think my example is very simple and straightforward so i''m not sure if it meets your needs (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.) i did this # 2 divs created here <script language="javascript"> new Draggable(''drag'', {revert: false});

Hello everyone! I have a little problem with ruby on rails and ajax. I have 2 sort of droppable items, 2 drop_receiving_element areas working fine; but instead of updating a div, I would like to have a form submitted with an ajax call. got it? (not so easy to explain) My solution was to add a complete action submitting the form like this: <%= drop_receiving_element "list",

Hi! I have a div called Div1 I have a style #Div1:hover that changes the background color to Div1 (want to see if the hover event is fired) I make Div1 Droppable with a hoverclass that adds a border (to see the hover event too) Then if I put the mouse above the div''s background color changes as expected (I could deduce that the z-index is not a problem) If I put a draggable above it,

Hi, I have this code which allows me to drop a draggable item in to a droppable zone. It works fine but what i want to happen is once the item ( droppable) has been dropped in to the drop zone (dropp) for the item to be draggable again. At the moment once ive dropped the item in the drop zone i can''t make it draggable again.....even if i repeat this line: new

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 on another list, but received no response, so I''m trying this one. My apologies to those who have seen this question twice. I have two columns, one of draggable elements, the other of droppable elements. These are used to add items to a particular collection. (Story :habtm ''Assets'') Column 1 (Assets) Column 2 (Stories) ==============

hi, I have a draggable element (cart-item) in a shopping cart <%= draggable_element "item_#{product}_#{i}", :revert => true %> When this element is dragged outside the cart into the "main_div", I want to show a puff effect and remove the element. When it is dragged within the cart, it should revert. So i wrote this code for drop_receiving _element <%=

I need to return both the draggable element id and the dropped on element id to a ruby method. I''m using the helper method drop_receiving_element, and it''s all good and well until the onDrop part. I really want to pass both id''s to the ruby method that I''m calling. Really. However, it seems like onDrop only accepts a javascript function. :url => {:action

Hello everyone. I have interesting problem I want to Highlight the droppable zone, the simplest solution is: give the droppable area a hover class. But there is a problem, in this case the droppable arrea is the png image and I don''t want to cover image by hover class. The best way will be transparent or half transparent hover class, but i don''t know is it possible? Is it

I have a Droppable div with overflow set to ''auto''. When there are enough items in the droppable to create a scrollbar, dragging Draggables out of the Droppable causes firefox (1.0.7) to act crazy with all kinds of flickering and ghosting of the Droppable div. Is this a known problem? Any work arounds? -- Michael Peters Developer Plus Three, LP

Hello, The question is related to Droppables and Draggable. I''m creating a splitter component with a DIV that acts as the splitter and 2 DIV zones that are the splitted zone. To do so I use the Droppables and Draggable in conjunction. The splitter DIV is a Draggable component and I define 2 Droppable zones for the splitter DIV (Zone A and B on each side of the splitter) It works fine

I am having trouble with scriptaculous'' drag & drop here. I have a div that''s droppable, and two divs contained within that first div, each of which are also droppable. The containing (outer) div seems to grab all drops. Even though I defined the inner ones as "greedy" which is supposed to mean that draggables don''t propagate through. I read elsewhere that