search for: droppabl

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 down as you add draggables and (even more so) as you add droppables. This might be a "duh" statement, but I had originally thought the problem was more...

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 when a...

...hysically moved on the server via ajax ) These images can also be dragged into another window to create a slideshow. My problem occurs if my image manager window is positioned over my slideshow window. When I try to drag an image into a new folder and the folder icon (which is a droppable) is located above the slideshow window (again a droppable) both dcroppables receive the event. How can I ensure that the droppable with the greatest zindex receives the drop first and then how can I ensure that the event is not passed to the droppable below? Or alternatively how c...

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}); Droppables.add(''drop'',{accept:''drag'', hoverclass:''over...

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

Hi, What I need to know is how to 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. Something like: [CODE] <!-- Draggable image --> <img alt="Product" id="item" src="icon.png"> <script type="text/javascript"> new Draggable(item,{revert:true});</script> <!--...

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 removed the call to Droppables.show... Also, since I am using a version from the SVN trunk, I removed the (redundant) call to Droppables.show that was in the Draggab...

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! ___________________________...

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

...k installer which i will setup sometime soon, until such time i would like to work with scriptaculous in its native form in php files, the scriptaculous website hasn''t got sufficient information for a new comer like myself to get off the ground and start working with complex functions like droppable, draggable etc, so maybe some one can give me some tips, i have created a draggable div(dragme) it works, and I would like to create a droppable div(dropme) to hold ''dragme'' similar to the shopping cart demos, but the code examples i have found aren''t working. the code i...

Hi all, first post. I have a simple set of drag/drops that I''m trying to use in FF. Unfortunately on page load all of the droppables on the page fire simultaneously and then won''t respond to any futher attempts to drop anything on them. Firebug isn''t showing any errors and I''m completely stumped... Any ideas of where to look? using: Droppables.add(divIdName, {accept: ''prospect'',...

...ation, 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: Droppables.add(''dropArea'', {onDrop:addItem}); And a method that calls a webservice via AJAX: function addItem(element, dropon, event) { var s = element.id; // element.width,element.height,element.top,element.left, AJAXDDtest.DBAccess.Inser...

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}" ,:complete => visual_effect(:highlight), :update=>"status" , :url => { :action => "receive_drop"...

http://www.commoner.com/~lsimon/scriptaculous/test/functional/dragdrop7_test.html In IE, if you click on the "Reload cart droppable via ajax", and then try to move the draggable, it goes kablaam. Notice too that if you reload and try to click Remove Droppable that the # of droppables stays at 1 or whatever, instead of going back to 0. The DOM comparison in Droppables.remove doesn''t work when you do an AJAX upd...

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

...able1 to sortable2 I want it to gain the options that the sortable2 items have. I''ve tried all day to understand how Draggables and their observers are destroyed but I keep gettting buggy behavior. Part of the problem is the draggable and the draggableObserver are different. So confusing! Droppables.add and Droppables.remove seem to work well. Where is Draggables.add and Draggables.remove when I need them? My idea is to use the onUpdate option of Sortables to call a function that will delete and then recreate all of the draggables and droppables with all the same options. My function and 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 (line 742 or line 758) but I noticed that piece of code is executed whenever i release the mouse button...

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( ''pos_2'' , { onDrop: function( element, target ) { target.highlight();...

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! --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to...

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