similar to: scriptaculous drag and drop question

Hello, I''m making my first steps with prototype and scriptaculous. I''m playing around with drag and drop. What I try to do: I have some Draggables and some Droppables. You can drag each Draggables to each Droppables. When I drop a Draggables I want to center the Draggables inside the Droppable. And here I get my first problems:-( I use this code: Droppables.add(

Using older versions of prototype.js (1.4.0_rc2) and scriptaculous (1.5._rc4), I had a master table containg other tables (sections), each of which had rows. Using tbody''s as containers, I could drag the section tables up and down over the other section tables AND drag the rows in a section table up and down within that table or into the rows of the other section tables, all very

Hello, I have created a Yahoo style Drag and Drop using Scriptaculous Drag and Drop. I have hooked my custom functions to the Drag and Drop using the following code: new Draggable(element, {revert:true, ghosting:true, handle: handle, onStart: CollectionDragDrop.dragStart, onEnd: CollectionDragDrop.dragEnd, onDrag: CollectionDragDrop.dragMove, reverteffect:

You should open up dragdrop.js in the scriptaculous directory and take a look at the interface for Draggables/Draggable. There is an event for dragStart, dragging, and dragEnd (not by those exact names but you should see them)... sorry I can''t offer more help than just pointing you in the right direction... very busy. Good luck, nice start! The information transmitted in this

Hi. I have gone through the scriptaculous wiki. I am trying to implement nested drag and drop but not able to do this. The situation is like this. _____________________________ | abc | => Box1Line1 | cde | => Box1Line2 | efg | => Box1Line3 | h | => Box1Line4

I finally started playing with delicious and am liking it! I''m building an app where people can have various ''folders'' of images and then ''sets'' of said images. A set is simply a object that links to any number of specific image in the folders. To create/organize a set, I''ve set up two draggables. One being a selected folder, the other being

Thomas suggested posting these here so they don''t get lost. Making Scriptaculous Snappy: *) Drag/Drop - make release cost proportional to remaining distance For drag/drop - change the ''release'' animation time to be proportional to the remaining distance the dropped item has to travel. If a user drags the item almost all the way to the final location, the release time

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 folks. I''m working on a project where I need some drag and drop, but I need to implement what happens in a very different way, so I''m creating my own class for it. I don''t want to reinvent the wheel and redo Thomas'' excellent drag/drop functionality, nor do I want to copy/paste his code over into mine. So, I was wondering, has anyone tried to extract

Hi, I found that Sortable is the most similar solution, but it seems draggables cannot be dragged back to the original container if all draggables were dragged out the container. And I have to drag & drop a draggable element overlap another one. -- Regards. Yufan -------------- next part -------------- An HTML attachment was scrubbed... URL:

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

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

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

No rocket science on the surface, but there is something slightly clever happening here - note that the green scriptaculous draggables take on a different CSS class or something when they''re moved over the right hand droppable. This warrants a look under the hood ... --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google

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 - my first post here so first of all can I say how impressed I am with this library Now to my first question - I''m simply trying to make a div draggable, here''s my test page: http://localhost:85/folio11.co.uk/js_tech_demo/scriptalicious_test.html what seems to be happening is that the first drag works fine, but on subsequent drags the div''s initial coordinates

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

Cheers, I have some elements inside a div with overflow:auto. When I trie to drag them outside of the div, the div starts to scroll. Is there a way to stop this behaviour for drag and drop? I thought of maybe using callback to disable the overflow and restoring it againg after the drop. Did someone implemented something like this? Thanks, Jonathan -- Jonathan Weiss

Hi, I have implemented the drag and drop feature to move around some divs, but I have a small side effect i am trying to clear: When the draggable div contains links, and if the user grab the div on the link, the drag is done but the link is also visited, leading to unwanted issues. What I''ve tried to do is to look for all ''a'' tags in the draggable elements in order