Solved

Using Jquery or similar to sort blocks on a page.

Posted on 2013-11-15
7
254 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
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

762 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

18 Experts available now in Live!

Get 1:1 Help Now