Scriptaculous Sortable.create - Can't hook the dragged element

Posted by Tom on Stack Overflow See other posts from Stack Overflow or by Tom
Published on 2009-08-20T16:01:49Z Indexed on 2010/04/16 11:03 UTC
Read the original article Hit count: 283

Filed under:

scriptaculous

|

prototype

|

sortable

When using Sortable.create I can't seem to get the element that is being dragged. Does Sciptaculous not fully implement all Draggable and Droppable features when you use sortable?

Given:

Sortable.create("sortArea", {scroll:window, onChange:orderLi});

function orderLi(){ console.log(this.draggables.each(function(e){if(e.dragging==true){return e};})); }

My console always shows all the array of draggables. How do I only grab the one that is being dragged?

© Stack Overflow or respective owner

Related posts about scriptaculous

Queueing Effect.Parallels in Scriptaculous doesn't work

as seen on Stack Overflow - Search for 'Stack Overflow'
Each block of animations, grouped in an Effect.Parallel, runs simultaneously. That works fine. Then, I want each of the Effect.Parallels to trigger sequentially, with a delay. The second block doesn't wait its turn. It fires when the function is run. Why?! ///// FIRST BLOCK ///// new… >>> More
How can I stop the flickering in Scriptaculous?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm running this script on a page which shows a box with more information when you roll over it. site for review The script works fine, except theres a flicker of the box before it actually scales. What is causing this? I use the same thing in the main navigation with the same flicking. Any ideas… >>> More
Prototype / Scriptaculous intellisense in Visual Studio

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, How do I get intellisense for Prototype / Scriptaculous like we get for jQuery in Visual Studio?? Thanks... >>> More
Rails, Scriptaculous, effect where one element pushes another out of the way

as seen on Stack Overflow - Search for 'Stack Overflow'
I really like the visual effect where a new element seems to push an old element out of the way. Pretty common thing recently. here is a static example. http://github.com/ However, I'm trying to do it with recently updated products. Also would like to use scriptaculous if at all possible with periodically_call_remote… >>> More
Generating scriptaculous ajax.autocompleter on the fly

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a form where the user can dynamically add a new table row with fields. I'm using a simple insertCell/InsertRow with innerHTML to generate the new row. One of those form fields is using scriptaculous' ajax.autocompleter. I have it generating new IDs for all the elements, but it is still not… >>> More

Related posts about prototype

Relation between [[Prototype]] and prototype in JavaScript

as seen on Stack Overflow - Search for 'Stack Overflow'
From http://www.jibbering.com/faq/faq_notes/closures.html : Note: ECMAScript defines an internal [[prototype]] property of the internal Object type. This property is not directly accessible with scripts, but it is the chain of objects referred to with the internal [[prototype]] property that is… >>> More
'click' observer in Prototype

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a page which contains several divs (each with a unique ID and the same class, 'parent'). Underneath each "parent" div, is a div with class "child" and unique ID name -child. This DIV is upon page load empty. Whenever you click on a parent DIV, the following code is executed. $$('div.parent')… >>> More
Javascript: prototype of Number

as seen on Stack Overflow - Search for 'Stack Overflow'
var x= 1; Number.prototype.test = function () { return this }; x.test() === x.test() // false Why does the === test return false? >>> More
equivalent of jQuery's "load" in prototype

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I am trying to find an equivalent for the following jQuery javascript: var x1 = setInterval(function() { $('#status').load("processor.php", {value:'name'} );}, 5000 ); I need to use Prototype for other applications on the page, and when I throw both jQuery and Prototype libraries in there… >>> More
Misunderstanding I have about javascript prototype inheritance

as seen on Stack Overflow - Search for 'Stack Overflow'
Simple questions. function p() { function A() { this.random = "random"; } A.prototype.newfunc = function(){ alert("5");} function B() { } B.prototype = new A(); var bObj = new B(); } Q1: When I… >>> More