Solved

Using Jquery or similar to sort blocks on a page.

Posted on 2013-11-15
7
261 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses how to implement server side field validation and display customized error messages to the client.
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…

734 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