similar to: Draggable ghosting

hi, I have a draggable element (cart-item) in a shopping cart <%= draggable_element "item_#{product}_#{i}", :revert => true %> When this element is dragged outside the cart into the "main_div", I want to show a puff effect and remove the element. When it is dragged within the cart, it should revert. So i wrote this code for drop_receiving _element <%=

Hi All I''m not sure if this is possible but.... Currently what happens is this *I have a draggable which is ghosted on drag * On release of the draggable the orgional element (the one that doesnt move) disappears and the ghosted element reverts back to the origional elements postion what I''d like is: *have a draggable which is ghosted on drag * On release of the draggable

Loving using draggables/sortables in rails... two small issues though - First bug: creating a draggable object with a handle in rails: <%= draggable_element "item_#{item.id}", :handle=>"myhandle" %> this generates code like this: <script type="text/javascript">new Draggable(''item_7'', {handle:myhandle})</script> ***

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

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:

Hi everyone, I am writing a ruby on rails application, and making heavy use of AJAX calls and evaluate_remote_response. In my remote responses I often have several update_element_function calls going on, to update several divs on the page. What I am doing is calling update_element_function, with the content as a block. Inside the block I usually have html, or make calls to other partials or

This one''s kicking me in the *(&#^. All I want to do is create a draggable item and then detect the coordinates where it is dropped. So my first approach was to just use the draggable_element with :revert => false, like so: <%= draggable_element "my_element", :revert => false %> That works great and lets me drag stuff all over the place. In the scriptaculous

Hello guys, I''m a scriptaculous newbie (I started working with it only yesterday) and I have already the first problem. I''m trying to implement a drag & drop list (fallowing the shopping cart example http://demo.script.aculo.us/shop) and I''m almost done but after dropping an item on the target div I need to refresh the page to see that the item has been moved.

Hi all, I have an index.rhtml page which calls a partial called _tasks.rhtml. In the latter i call <%= draggable_element("icon#{@tasks.id}", :revert => true)%>. The first display of my page works fine and I get <script type="text/javascript"> //<![CDATA[ new Draggable("icon32", {revert:true}) //]]> </script> But then if I have an ajax

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

Hi - I posted this on another list, but received no response, so I''m trying this one. My apologies to those who have seen this question twice. I have two columns, one of draggable elements, the other of droppable elements. These are used to add items to a particular collection. (Story :habtm ''Assets'') Column 1 (Assets) Column 2 (Stories) ==============

hi! i am working on a tree which allows moving nodes/subtrees via drag&drop. since i am not a javascript expert i try to stick to the script.aculo.us library without modifying anything. the nodes are loaded dynamically from my rails-app and have a unique ID. when a node gets moved to another folder, it disappears at its original destination (via Element.remove()) and gets drawn as soon

Actually, it''s a bit more complicated than that... I have a div (we''ll call it the "portal") of a fixed size and absolute positioning, with an overflow: scroll set. Inside, I have a container div with relative positioning. This inner container has a series of absolutely-positioned elements which are draggable with a vertical constraint. The height of the container is

I am having trouble with draggable_element and come IE7 css. I have a list where I want the items in the list to be draggable. I need the list to have a fixed height so I would like a scrollbar. I use overflow:auto and everything works great in Firefox and Safari. But IE doesn''t respect the overflow:hidden. Well, it kind of does. It creates the scroll bars but lets everything spill

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

Is there any component in rails that makes a draggable window? My current application needs to have windows containing controls that can be moved to new locations on the browser. Thanks Rob -- Posted via http://www.ruby-forum.com/.

When a ''draggable'' element is made ''sortable'', it no longer follows the mouse horizontally when you drag it. Is there a solution/workaround? TIA Alain

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! The code works fine in FF but in IE if I don''t indicate any handle, it works fine but When i specify the handle, the item itself cant be dragged. I am using Script.aculo.us lib 1.6.4. Kindly help for the fix! Sample Code: .create("leftCol", {dropOnEmpty:true, handle:''tabNav'', hoverclass:''colhover'', tag:''div'',