Solved

Using Jquery or similar to sort blocks on a page.

Posted on 2013-11-15
7
255 Views
Last Modified: 2013-11-15
Hi,
I want to build a page that offers sorting of blocks of content similar to this one:
http://www.big.dk/#projects
Does anyone know of a plugin or some code that will do a similar thing?
Commercial scripts etc considered.

Thanks nl
0
Comment
Question by:nedlogan
  • 3
  • 3
7 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39651334
It actually uses several plugins and canvas.

I doubt you are going to find a single third party product that will will give you all that.  

Your best approach is to download the code and work through it, but unless you are fairly advanced in jquery and have a very good understanding of canvas you are not like to duplicate it easily.

Cd&
0
 
LVL 30

Accepted Solution

by:
Alexandre Simões earned 200 total points
ID: 39651363
Well, I think everything except the globe effect is pretty much doable only with javascript.

Here's an example of this kind of effects without any Canvas involved: http://razorjack.net/quicksand/

How I see it would be to dynamically create the columns and make each element "fly" to them. Each element would have to have some properties associated (custom attributes) based on which they would be assigned to the correct column.

Will require some work but certainly doable... :)
0
 
LVL 2

Author Comment

by:nedlogan
ID: 39651370
@alexcode Yes forgot to say I'm not bothered about the globe effect.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 30

Expert Comment

by:Alexandre Simões
ID: 39651443
Ok, it's doable, but isn't something I can do here just for fun.

Although it would certainly be fun to do it will take quite a big chunk of time to design and develop.
Unless someone here have already done something similar it's not a EE quick help kind of work :)
0
 
LVL 2

Author Comment

by:nedlogan
ID: 39651461
Yes, I wasn't asking you to do it, just looking for a plugin. :-)

nl
0
 
LVL 2

Author Closing Comment

by:nedlogan
ID: 39651791
Thanks
0
 
LVL 30

Expert Comment

by:Alexandre Simões
ID: 39652005
The idea is cool :)
Not sure if I will ever have use for it but it's cool!

If you need help feel free to contact me.
I'll try to help in my spare time.

Cheers!
Alex
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now