Question

Anyone who know a alternative to this?

http://razorjack.net/quicksand/

Maybe something that would actually sort auto? (Yes i’m lazy, k?)

EDIT:

By auto I mean, it should just sort, after some tags etc data-name="derr" (find anyone with id derr), not have 2 different divs…

And maybe sort after more things at once…
I kinda have to do this, because, the user is suposed to choose from 0 to 4 different tags…
Don’t want to make all the possibilities in html D:

Answer 1

I haven’t seen anything in the wild anything that does what Quicksand does, as Quicksand created something entirely new.

They do have an example, complete with source code to allow sorting of the filtered results HERE. Just take a look at the example and notice you can inject a fixed value instead of reading the results of the radio button. That will take care of your auto-sorting requirements.

If that method of sorting is not needed, using jQuery .sort() can also be done as shown in this SO Post after your results have been filtered by Quicksand and prior to them being animated/displayed.

As far as “sort after more things at once“, Quicksand will read your tags that you have per-defined with filter categories which can be more than one type, but since you don’t want to do that via HTML I have to assume is because you are viewing ALL categories from the start.

That said, just configure Quicksand to show nothing from the start and as the user adds 0 to 4 different tags the filtered results are then “auto-sorted” and will always reflect the user defined tags provided.

How to configure Quicksand to show nothing from the start? Make a category that has no filtered-matches will allow this to happen. That particular category can also be hidden from the menu too.