Solved

Using Jquery or similar to sort blocks on a page.

Posted on 2013-11-15
7
259 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
Back Up Your Microsoft Windows Server®

Back up all your Microsoft Windows Server – on-premises, in remote locations, in private and hybrid clouds. Your entire Windows Server will be backed up in one easy step with patented, block-level disk imaging. We achieve RTOs (recovery time objectives) as low as 15 seconds.

 
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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

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
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

773 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