similar to: Droppable with overflowing elements in scrolling DIV

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

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

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

Im having problems with Droppables, and read that there are some attributes on the element that must be inline. What are those? I''ve tried to copy some of the code from the shop-demo, and my code seems to have the exact same attributes and more. The problem is that the droppable refuse to react whenever I attempt to drop a draggable on it, the onDrop does''nt seem to trigger.

I have a list of pages from which I want to delete one. This I want to do with draggable/droppable(trash can like). Which, strange enough, does not work. This does work: {{{ link_to_remote("delete", :url => project_wiki_page_path(@project, page), :method => :delete, :title =>project_wiki_page_path(@project, page)) }}} But this doesn''t: {{{ <script

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

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

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

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

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

Hello everyone. I have interesting problem I want to Highlight the droppable zone, the simplest solution is: give the droppable area a hover class. But there is a problem, in this case the droppable arrea is the png image and I don''t want to cover image by hover class. The best way will be transparent or half transparent hover class, but i don''t know is it possible? Is it

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

Hi there, I''m started to use scriptaculous yesterday and it''s really great. Hovever, there is one problem that I cannot solve: I have a page with a sortable list and a droppable "trash can". I would like to drag and drop items between the list and the trash can, but it don''t work. Which options should I set to make it works correctly? Thanks!

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

Hi! I have a div called Div1 I have a style #Div1:hover that changes the background color to Div1 (want to see if the hover event is fired) I make Div1 Droppable with a hoverclass that adds a border (to see the hover event too) Then if I put the mouse above the div''s background color changes as expected (I could deduce that the z-index is not a problem) If I put a draggable above it,

This one is as much for Thomas as for the rest of the list (might be a good one for the official build)... I made a change to the dragdrop.js file that significantly improves overall performance of dragging when there are more than one (or many more) droppables on the page. I modified the Draggables.updateDrag method, and added another method below it, and then in Draggable.updateDrag I

Hi all, I have a couple of droppables in my page. Each of them looks like a list and is a <div> containing other <div> for the lines, each line formed by <span>s for different fields. Each line is declared draggable (right after each line, since ithey''re created inside a loop). I have both of them inside a <div> since I need to refresh both at the same time and

Skipped content of type multipart/alternative-------------- next part -------------- A non-text attachment was scrubbed... Name: not available Type: image/gif Size: 1027 bytes Desc: image001.gif Url : http://wrath.rubyonrails.org/pipermail/rails-spinoffs/attachments/20051003/b23e1821/attachment-0001.gif

I''m modifying the GragPhoto implementation of nested draggables: http://www.gregphoto.net/sortable/advanced/ I''m uising it to allow the dragging of draggables from a column into one of the ''groups'' as shown on teh GregPhoto demo. It works well. The catch is that if I have 15 objects I want to drag onto 15 groups, I first need to create those 15 groups. This

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,