Comments on: script.aculo.us – Sortable.create move Element Up and Down with Arrows

By: Berny

Berny — Sat, 22 Mar 2008 16:31:55 +0000

hi nick! i already implemented your requirements in my wordpress plugins timezonecalculator and generalstats. maybe you want to have a look. berny

By: nickmorss

nickmorss — Wed, 19 Mar 2008 15:41:12 +0000

Hi davo,

im trying to work on a drag and dropable / sortable list which allows me to also move data into another list.

the idea is that the user drags the items into an intially blank list they want to use and then they can sort them there.

any ideas on how i can chianve this?

Nick

By: Berny

Berny — Thu, 08 Nov 2007 12:54:34 +0000

hi davo! sorry, i don't know a way to get the element id while dragging. - perhaps you should have a look in the script.aculo.us wiki. berny

By: davo

davo — Thu, 08 Nov 2007 02:06:28 +0000

Hi is there anyway for me to get the id of the element that was moved in the onupdate function? this is when they drag the element to another position as i need to check attributes of only that element before i finish the onupdate function

By: Berny

Berny — Sat, 22 Sep 2007 18:29:55 +0000

hi nikk!

thanks for your contribution. – nice you refactored my source code.

i changed the algos in my wordpress plugins after adoption and credited you with your homepage. the new versions will be published in the upcoming weeks…

berny

By: Nikk Folts

Nikk Folts — Fri, 21 Sep 2007 17:22:23 +0000

I abstracted your’s a little to make it much shorter:

function moveUp(list, row) {
moveRow(list, row, 1);
}

function moveDown(list, row) {
moveRow(list, row, -1);
}

function moveRow(list, row, dir) {
var sequence=Sortable.sequence(list);
for (var j=0; j var i = j – dir;
if (sequence[j]==row && i >= 0 && i <= sequence.length) {
var temp=sequence[i];
sequence[i]=row;
sequence[j]=temp;
break;
}
}
Sortable.setSequence(list, sequence);
}

Hope you find it as useful as I found yours…

By: Berny

Berny — Wed, 11 Jul 2007 09:21:33 +0000

hi joel! i totally agree, Sortable.sequence is not documented at all. - i got all my infos from the scriptaculous wiki. you could perhaps post your question there or do reverse engineering (like me)... berny

By: joelbloch

joelbloch — Tue, 10 Jul 2007 19:32:57 +0000

Hello,
Thanks a lot for your example, it is very helpfull. I am currently discovering scriptaculous, and all the effects which can be added in javascript.
I must say I am little confused about Sortable.setSequence, escape, unescape, Sortable.sequence… I can’t find any documentation on these methods. Would you have some?

Thanks and regards,
Joel