similar to: getting rid of dropped droppables

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

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

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 all, Is it possible to use HTML area objects from an image map as droppables for a drag/drop interface? I want to get a different response depending on which part of an image I drop a draggable div object on. The context is creating an incident report form where injuries can be dragged onto a body sketch. I''ve tried this using the code below. However, the droppable is always

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 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. 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 all, starting from the drag''n''shop demo, I started to write an AJAX Scrabble (TM) as my first script.aculo.us app. I have the 225 fields in a table and then make them droppable using var fields = document.getElementsByClassName(''field''); for (var i = 0; i < fields.length; i++) { Droppables.add(fields[i], {onDrop:addProduct}) } Unfortunately,

http://www.commoner.com/~lsimon/scriptaculous/test/functional/dragdrop7_test.html In IE, if you click on the "Reload cart droppable via ajax", and then try to move the draggable, it goes kablaam. Notice too that if you reload and try to click Remove Droppable that the # of droppables stays at 1 or whatever, instead of going back to 0. The DOM comparison in Droppables.remove

This is my first post to this mailing list so I hope its in the right location.I''m trying to use a list of draggables (not sortable) which I can drag into a droppable div. The goal is to create a new item, not to move from one list to the other. When a new draggable is dropped, a new div is added to the droppable div and a sortable is created. Everything is working fairly well, to

I''ve got some very simple drag & drop scripts that I''ve put together for testing purposes just so I can get the kinks worked out before I build the drag & drop functionality into my application. The scripts work fine in Firefox but when using IE7 it craps out after I drop a draggable on a droppable. I drag a username div to a number div drop it and the username reverts,

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

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

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

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

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