search for: droppables

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

...mething on the outer div. Only after that happens is the inner div created and made droppable. So is there no way to make this inner div droppable in the way I wish with scriptaculous? I have read one or two people asking this same question, getting no reply (or just a suggestion to create their droppables in reverse order) and apparently giving up. I thought the ''greedy'' option would do what I''m trying to do, but apparently it does not. I even tried Droppables.remove(''outer_div'') after the inner div is made droppable, but that failed. The outer div rem...

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

...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''}); </script> this stops the div from returning from where it appears onload, however you cannot see it in its new position, i would like it to be visible(ontop of the droppable), i was looking...

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

...src="icon.png"> <script type="text/javascript"> new Draggable(item,{revert:true});</script> <!-- Droppable Div --> <div id="droparea" style="height:100px;width:100px;"><script type="text/javascript">//Droppable CartDroppables.add(''droparea'', {onDrop:function(element, dropon, event){ /* REVERT FALSE */ }});</script>[/CODE] Thank you in advance! _________________________________________________________________ Express yourself instantly with MSN Messenger! Download today it''s FREE! http:...

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

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 Rails-spinoffs-1W37MKcQCpIf0INC...

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

...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''m using goes like this <script type="text/javascript" language="javascript"> Droppables.add(dropme, {accept: ''dragme'' onDrop: function(element)}); </script> <div id="dropme" ></div> any advice on how to create a droppable area would be awesome charl _______________________________________________ Rails-spinoffs mailing list Rails-spinof...

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'', on...

...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.InsertField(s,element.in...

...to its original position. I have found some example code such as: <script type="text/javascript"> //<![CDATA[ new Draggable(''kimballben'', { revert: true, }); document.getElementsByClassName (''dropbox'').each ( function (e) { Droppables.add(e, { hoverclass: ''over'', onDrop: function (drag, drop) { drag.revert = false; drop.appendChild(drag); drag.style.position = ''absolute''; drag.style.left = drag.style.top = 0; }, }); }); // ]]>...

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 update of the content containing the droppable. The element.id stays the same, but the element==element part resolves to false. Should we use element.id==element....

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

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

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!

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