similar to: Droppable div with overflow: auto

I have a container ''A'' which contains Draggables and a Droppable ''Trash''. These Draggables are set with ''revert:true''. Now, if a Draggable from ''A'' is dropped in the Trash, I don''t want it to revert, I want it to just disappear. I''ve tried using draggable.destroy() but this just prevents it from being

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

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

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});

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

Hi, I''m new here, so if this turns out to be the wrong place to ask, please do tell! I''m trying my hand at creating a page using the scripts from http://script.aculo.us/ and I''ve run into a little problem. If I drag a Draggable from a <div> that has a scrollbar (css with either overflow: scroll set, of overflow:auto, since dragging the Draggable image always

I have a droppable and draggable implementation. works pretty much well except when my droppables are on a scrollbar (created via overflow:auto) since my droppables are on a list. seems that the droppables aren''t working well with scrollbars and overflow. please help! thanks! _______________________________________________ Rails-spinoffs mailing list

Get it here: http://script.aculo.us/downloads Short take on what''s new: -> Autocompletion took a notch up with incremental and local (js array) functionality -> Capability to remove draggables/droppables and redeclare sortables -> Effect.ScrollTo -> Fix memory leaks in IE and Gecko -> Make some 3rd-party js libraries comaptible, namely IE7.js -> Various tweaks and

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 have a DIV containing a TABLE whose TR elements are Droppable. The DIV has a fixed height and overflow set to auto. The onDrop callback works fine when you drop onto the rows that are initially visible, but if you scroll down and try it with a newly visible row, you get the right behavior with the wrong row. At least, wrong from my point of view (-: It''s like "it" (the

I''m modifying the GragPhoto implementation of nested draggables: http://www.gregphoto.net/sortable/advanced/ I''m uising it to allow the dragging of draggables from a column into one of the ''groups'' as shown on teh GregPhoto demo. It works well. The catch is that if I have 15 objects I want to drag onto 15 groups, I first need to create those 15 groups. This

Hi All, I am trying to develop a dynamic form creator application, whereby we can drag objects from a "palette" and drop them onto a "form" to build the design of our form. To achieve this, when I have dragged the object, and dropped it onto the "form" area, I want to get the position of where the object was dropped. I have a droppable area:

Hi all, this is a patch for 1.5_rc5 I noticed that I was not able to drag stuff out of scrolling divs. When I tried to drag it out, the draggable would remain in that div and the scrollbars would adapt to the bigger content of the div. This patch extends draggable with an option :tofront. When it is set to true, the draggable will be moved to the document body while keeping its position on the

I am not sure how many of you are using draggables/droppables but I thought I would do some experimentation and try and learn how to use them on my own. Well, I have draggables, and I have droppables. I do have one question for now. The droppable onDrop event seems to pass in 2 objects, the dropped object, and the container the object was dropped on. My question is this, can I figure

Hello community, I am a fairly new RoR programmer and I need some help with Scriptaculous Drag and Drop: So I have <%= draggable_element(@div_id, :revert => "failure", :snap => 5) -%> and a droppable: <%= drop_receiving_element(@team_div_id, :with => "''player='' + (element.id)+ ''&position='' + #{draft_position}"

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

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

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

Hello, I''m using RoR 2.0.2. In a page my app has a droppable DIV, and several draggable items in another DIV. Item''s DIV is declared overflow => auto, so when there are too many items in the list a scrollbar appears. Then, if user peeks an item and try to drag it to the droppable DIV, the item beings hidden below that DIV. Drag&drop still works fine in this situation, but