search for: droponempty

...dartworks can be in any order and I don''t care. I can then delete those artworks that were in category artworks but aren''t in the serialised list, plus reorder the category artworks. Here''s the code: <%= sortable_element ''categoryartworks'', :dropOnEmpty => true, :containment => ["categoryartworks","unlinkedartworks"], :constraint => false, :parameters => "Sortable.serialize(\"categoryartworks\")", :url => { :action => "order", :category =&gt...

I would like to be able to move Sortables among table cells, including empty ones. However, dropOnEmpty does not seem to work inside tables. I can always emulate tables using CSS, but I was just wondering if something in the javascripts is preventing this. Thanks, Shane

How come in the latest version of script.aculo.us the dropOnEmpty feature turns off the hoverclass? I just updated my version because I was running into some weird display positioning issues (my app is a calendar with my draggable items being table elements) and now I have no feedback when I am hovering over a sortable. I can hack the dragdrop.js to make it wor...

Hi. I have gone through the scriptaculous wiki. I am trying to implement nested drag and drop but not able to do this. The situation is like this. _____________________________ | abc | => Box1Line1 | cde | => Box1Line2 | efg | => Box1Line3 | h | => Box1Line4

Hey folks, I''m having a little trouble with the hoverclass parameter of the Sortables.create method. Unfortunately I can''t post a demo page at this time, but I''m creating three lists with the following code: Sortable.create("listOne", {dropOnEmpty:true,containment:["listOne","listTwo", "listThree"],constraint:false, hoverclass:"myHover"}); Sortable.create("listTwo", {dropOnEmpty:true,containment:["listOne","listTwo", "listThree"],constraint:false, hoverclass:&qu...

...images are 110x82 pixels in size, enclosed in their respective div''s. 2. These divs are further enclosed in a parent div, which is defined as a Sortable on page load. 3. There is a destination div on the RHS also. Sortable.create("div_leftDiv", {ghosting:true, revert: true, dropOnEmpty:true, tag:''div'', containment:["div_leftDiv","div_rightDiv"], constraint:false, overlap:''vertical''}); Sortable.create("div_rightDiv", {ghosting:true, revert: true, dropOnEmpty:true, tag:''div'', containment:["...

...ant new stuff (since V1.1b1): * Added a main scriptaculous.js file to load in the other libraries transparently. * Fixed a condition where standard a href=xxx links wouldn''t work in autocomplete results. These do now, the onclick event is not cancelled. [thx to Jasper Slits] * Added dropOnEmpty option to Sortables to allow dropping on empty lists * Added util.js which contains various utlity functions and extensions to Prototype (note some of this might be included with the next Prototype version, so don''t rely on any stuff in util.js for now) * Allow to choose the parameter...

...slth = slist.length; for (var i = 0; i < slth; i++) { flist.appendChild(slist.options.item[i]); } slist.length = 0; Sortable.destroy(\''firstlist\''); Sortable.destroy(\''secondlist\''); Sortable.create(\''firstlist\'', {dropOnEmpty:true,containment:[\''firstlist\'',\''secondlist\''],constraint: fal-se}); Sortable.create(\''secondlist\'', {dropOnEmpty:true,handle:\''handle\'',containment:[\''firstlist\'',\''secondl ist-\''],co...

...I am not sure how to pass the order of the lists as parameters so that the controller''s action can update the position. Below is the related code. <script type="text/javascript" language="javascript"> // <![CDATA[ Sortable.create("left", {dropOnEmpty:true,containment:["left","right"],constraint:false, onUpdate:updateOrder}); Sortable.create("right", {dropOnEmpty:true,containment:["left","right"],constraint:false, onUpdate:updateOrder}); function updateOrder(){ var url = '...

-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 Hi *, I am new to this list, so please excuse me if this has been covered before (unfortunately the search function at http://www.ruby-forum.com/forum/10 is disabled at the moment). If yes, then a pointer to a solution would be great. I want to create a sortable tree with scriptaculous Sortable. There are several categories and subcatgories: cat_a

...ght3">right 3</div> <div class="rail" id="right4">right 4</div> <div class="rail" id="right5">right 5</div> </div> </div> <script> Sortable.create("list1", {tag:''div'',dropOnEmpty:true,constraint:false,containment:["list1","list2","list3"],accept:["rail"]}); Sortable.create("list2", {tag:''div'',dropOnEmpty:true,constraint:false,containment:["list1","list2","list3"]}); Sortable....

So, is there any way to specify a sortable to only do a callback when the dragged item is dropped? As it is, the onChange is called whenever you move the draggable to a new element (even if you don''t drop it), but I''d rather only call my function after they drop it to avoid unnecessary additional server calls. It looks like Droppable supports an ''onDrop'', but

...trying to create a screen like Google''s personalized home pages or start.com, i.e., with draggable sections, with the extra feature that the child items under the parent headings could be dragged and dropped from one parent heading to another. I have set up nested droppable sortables (dropOnEmpty=true) but the behavior is very inconsistent, i.e, parents do not become droppable until they have been moved to the top of their containers and/or a child is dragged onto another parent from another sortable. Has anyone got something like this working?

...6? 2) What is greedy refering to? 3) (this.findElements(element, options) || []).each is a JavaScript idiom to avoid problems when findElements returns null? 4) why unimplement tree? 5) what is overlap? 6) what is dropon? 7) Why the underscore in Sortable._marker 8) what are onEmptyHover and dropOnEmpty about? What is ''empty''? 9) what is the ghosting option about? Thanks! Peter [1] http://trac.vaillant.ca/store.rb [2] JavaScript The Definitive Guide, David Flanagan

Hi guys, I''m trying to make a drag''n''drop portal using sortable element. I would like to apply the "hoverclass" option only on the droppable zone instead of the column border. Any idea a about the solution? Thanks for any help, Sabri --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups

...ts i want to make an sortable of, that is no problem, but i want to be able to drag between the sortables and that where my problem is. i dont know how to assign an array to containment: until now the script looks like this: for (i=0;i<id_gruppe.length;i++) { Sortable.create(id_gruppe[i] {dropOnEmpty:false, containment:[id_gruppe],constraint:false, ghosting: false}); } but this doesnt work any suggestions.. Jonas S. T. _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mai...

..."item4"> Item 4</li> <li id="item5"> Item 5</li> </ul> <%= sortable_element "lista", :containment => "list", :url => { :action => "lista_action" } %> <%= sortable_element "listb", :droponempty => true, :complete => visual_effect(:highlight, ''listb''), :containment => ["lista", "listb"], :url => { :action => "listb_action" } %> Next the things that are getting me crazy: 1 - I CAN''T get listb_action or lista_a...

...of the draggable and get the draggable''s corresponding div (XHTML fragment), setting it''s display to block. Here''s my code: Sortable.create("availableSectionsDiv", { tag:''div'', dropOnEmpty:true, containment:sections, only:''templateSelectItem'', onChange:function(drg){g_draggedElement = drg.id;}, onUpdate:function(drp) { var bDroppe...

I ran into this issue too. My solution was to add an "onUpdate" function to the sortable that tests the container to see if it''s got any children or not: function is_empty(container) { if ($(container).hasChildNodes()) { Element.removeClassName($(container),''empty''); } else if (!$(container).hasChildNodes()) {

Hi. I read most of the postings here but unfortunately I didin''t found a complete example which could be used. Of cource the ones who are professionals in javascript could implement the missing peaces from the puzzle. What I''m required to do is a tree (sortable list) where items can also be deleted and at each modification a function (ajax) is called to save the changes. For