Solved

Using Jquery or similar to sort blocks on a page.

Posted on 2013-11-15
7
262 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
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

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Suggested Courses

626 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