similar to: Looking for specific drag and drop implementation

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

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(

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

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

If the containing element has it’s overflow property set to anything but "visible" and I try to drag something out of the list, the draggables are dragged underneath the “border” ( the hidden area of the container) and thus become partly or completely invisible. Any ideas to prevent this from happening? I think, a future solution might be to immediately (on startDrag) detach the

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

I''d like to drag images onto drop zones. I have a working demo with one problem: the image leaves the dock and then "snaps back" to it: (broken -- image leaves dock during drag then snaps back) http://u32.net/junq/imlib-demo-1/ I can get the image to remain in the dock during the drag using ''ghosting:true''. But how do I keep the original in the dock

Here''s the deal. I''m making an ajax-based chess game. It''s done but there''s something I''d like changed. Right now, to move pieces, you click on the piece you want and you click where you want the piece to go. People expect that, but they also expect the ability to simply drag and drop the piece. So I''ve been using the draggables and droppables,

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

Re, Would anyone happen to know how to make sortable/draggable scroll down the page while moving the object if the page happens to be larger than the screen size? These functions seem to work only within the visible working space. Right now I have workaround whereby I have an omnipresent DIV on the screen to which I drop an element, then scroll down in the browser to a certain point, and then

So, is there any way to specify a sortable to only do a callback when the dragged item is dropped? As it is, the onChange is called whenever you move the draggable to a new element (even if you don''t drop it), but I''d rather only call my function after they drop it to avoid unnecessary additional server calls. It looks like Droppable supports an ''onDrop'', but

Hi All, I''m trying to drag a copy of a string from a list into a text field so that the original string stays in the list. I''m able to drag the item and set the value of the text field onDrop. But the original text leaves the list & with revert set to true it flies back to it''s original position in the list. We''re trying to avoid the flying text. What

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

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

Hey guys. I''m trying to drag between two lists, except one list is really long so I set a height on the <ul> with overflow:auto. Unfortunately when I drag between the lists I can''t drag items outside of the <ul> with the overflow on. Does anyone know how I can make this work? I think I might be able to hack up something with rico''s live tables, but that

When using drag and drop, the browser window will not scroll if you move the mouse off the page. This makes it very difficult, if not impossible to create certain types of web applications. I know this has been mentioned before and is on the Wish List, but it''s very frustrating. If you look at this other Javascript library called "Drag''nDrop & DHTML Library"

I apologize if these questions are not relevant to Scriptaculous. I just want to get a general idea if I can acomplish some or all of these things with the framework, and then what (if any) I''ll need to do outside just using javascript. For now, I have 2 column layout. On the right I want a form palette where form elements can be dragged to the left column. I have a form inside the