similar to: ghosting draggables

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

Hi All I have a series of images that I''m showing in a table inside a <div> with overflow:auto on. Each of the images is a dragable. In firefox this works as expected (if the image list is longer than the div scroll bars appear to scroll the div and scrolling works). However in IE the images are shown outside the containing div and the scroll bar does nothing I think this is

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

can anyone tell me how to make a Draggable element, which after drop doesn''t disappear. draggable_element "item_#{item.id}", :revert => true, :ghosting => true - don''t work, adding element disappears. -- Posted via http://www.ruby-forum.com/.

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

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

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

I have a bunch of Sortables that can be dragged and dropped. When I set ghosting to true, the ghosted image is all garbled on the first drag in IE7. Every drag thereafter works completely fine. I have turned off all of our styling to try to isolate the issue, and it persists no matter what I do. I have also made it so Scriptaculous only includes the drag and drop and Effects libraries to try

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 a draggable, and I place it on a droppable. How do I make the draggable go back to its original postion? Thanks. -Tim --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org

I would like to capture the position of a draggable element after it''s being dragged, but I am running into problem using several options, such as "change", "revert" and "onEnd". My callback handler would only fire when the page loads, and not when the element is dragged. How can I make this happen? <html> <head> <script

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

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

I''m needing to implement some drag and drop in a way that leaves the clicked element where it is, and carries a new element over to my Droppable. Its analogous to a shopping cart: I want to drag a representation of an item into my cart, but leave the original item intact in the main product list. Does anyone have any tips on how to approach this? Its seems to use

Hello All, While performing work on an upcoming project, we are running into a problem where floats are not showing up in draggables under IE when these elements are dynamically added to a container via the DOM. Of course, we are re-initializing the Draggables on re-insertion, but IE is not rendering the floats -- although they are there, and once the element is dragged, they appear. For a

I''m wondering if there''s a max number of draggables. I have a situation where there are something like 60-80 draggable items and they work fine on the test server with only a handful of items, but in production with the full load they no longer work. It''s possible there''s something else different -- somehting with style sheets or something, but I wanted to see

I''m using Draggagle on a couple of divs and when I drop the first one, it''ll always drop behind (in terms of z-index) the second one. I even added a revert function to add a CSS class to the div that should raise it up, but I think the style.zIndex is "winning." Looking at the code, it seems like the zIndex stuff is set *after* the revert function is called... is

Hi all I''m just getting started with script.aculo.us, and prototype etc. My first mini-project was to use Draggable to adjust the column widths in a page. Here''s the code (which seems to work) and any feedback would be appreciated - especially if I''m doing things the wrong way. Here''s the code: var colSpacer function initPage() { colSpacer = new