Comments on: Element Position Swapping Using MooTools 1.2

By: fred

fred — Tue, 18 Jan 2011 05:44:38 +0000

other than postion swap, how about Dom index swap

By: jerome

jerome — Thu, 28 May 2009 16:07:25 +0000

hey david i got few questions for you !!! hope you can answer me :)

is it possible to move fixed div ?

and

how can i do to move more than to object on a single click ?

thks !

By: chintan

chintan — Mon, 12 Jan 2009 05:29:09 +0000

hey i want to swap the elements of the webpage.. means to swap position of two images on some event… how is it posiible using javascript..

By: kevinseo

kevinseo — Fri, 31 Oct 2008 03:37:22 +0000

good tips,thanks for sharing.

By: Abba Bryant

Abba Bryant — Thu, 30 Oct 2008 22:41:53 +0000

This would work as a visual cue for moving list items from one list to the other. Create the element as an overlay to the li’s, swap them and destroy them.

I am sure there is a better use for it, but that is what popped into my head when I saw it.

By: Garrick Cheung

Garrick Cheung — Thu, 30 Oct 2008 01:16:25 +0000

@David
Very cool method. I think changing the position from absolute to relative isn’t the way to go. Because the markup for the two elements wouldn’t have changed, thus causing the elements to snap to a different position based on their new left and top values. Have you tried just swapping the left and top values and keeping the element position:relative intead of making them absolute?

As for a ‘lock’ option, since you’re using Fx.Morph, Fx has a link option that you can set to ignore, thus applying the lock option.

@Michael
I think you can still do this with floats. The reason why position relative/absolute is required is because left, top, right, bottom only work on elements with the position style.

By: Catar4x

Catar4x — Wed, 29 Oct 2008 22:06:31 +0000

Good effect, I think that I use this effect for a inventory in PHP Game.
Thanks ;)

By: Michael

Michael — Wed, 29 Oct 2008 21:04:16 +0000

Can you do something similar using floats? I’ve never fully understood why these kind of animations require absolute or relative positioning.

By: david

david — Wed, 29 Oct 2008 16:51:56 +0000

@Elmas: Thank you for your comment.

The "main div" bug is caused by changing the elements to "absolute" positioning -- I'm still contemplating whether or not to change the elements to relative positioning when the move is complete.

The "double-click" issue, technically, isn't a bug because the items do switch places during the click. I may, however, add some sort of "lock" option.

By: Elmas

Elmas — Wed, 29 Oct 2008 16:33:19 +0000

I’m using firefox 3 and when i click swap, the height of the main div or something that’s holding that thing drops by half.

Oh and double click causes also a bug with the starting-ending position of those boxes
If you continue to double-click eventually those two boxes stay in the same place.

I mean no harm, i just wanted you to know this :D