similar to: Droppable to create new parent container automatically?

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

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 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 got situation that I made element draggable - and when element is dragged I want to start some action (e.g. shown AJAX indicator, and change one of CSS class in dragging element). What is the best way to achieve this? I search source code of the Draggable and I saw that there is 2 method: Draggable.initDrag and Draggable.endDrag so it looks like in initDrag method i should

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

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

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

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

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

Thomas, I''m mostly writing this to you. A couple weeks ago I grabbed the latest SVN version of dragdrop.js because I needed the auto-scroll functionality. I just fixed something in that script that wasn''t working correctly and thought you might want to hear about it. You may have already caught it since I grabbed the script but here it is anyway. In the updateDrag() function

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, I''m fairly new to script.aculo.us, so hopefully this is the right place to ask this question. I have the following situation (pseudo-code): <div> <Droppable 1> <Droppable 2> </div> <div (scrollable)> <Draggable 1> <Draggable 2> ... </div> Basically, my Draggables are inside a scrollable <div> element (the interface

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, I''m just trying out the possibilities of script.aculo.us / prototype having two problems... I have a draggable element with revert:false-property and two dropzones. (The draggables are in a <td> and the dropzones are <div>s if that is important.) 1. I want the draggable element to snap back to its original position when it gets dropped anywhere out of a dropzone. 2.

Hi I''ve a class which creates a lot of droppable icons (folders) and another class that creates some draggable file icons. When I drop one of the files in the folders I want to remove the file icon from the screen. However, doing Element.remove(droppedElement); results in a repeated js error "element has no properties" in protoype line 1588. This continues to occur until I