Comments on: Dynamic Grid Layout In JavaScript

By: J Ls2010

J Ls2010 — Fri, 30 Mar 2012 18:19:00 +0000

Totally COOL!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

By: Chris

Chris — Sun, 01 Jan 2012 03:08:00 +0000

Brilliant brilliant brilliant – that’s all I can say about this. You’ve solved a problem for me that I’ve been battling with for ages. Great job, works perfectly. Thanks!

By: lacoste polo shirts

lacoste polo shirts — Sun, 04 Sep 2011 05:45:00 +0000

This is a brilliant website. There are whole a lot of useful information that I’m looking for. It helps me a lot. I hope you will keep it up. Thank you very much, my friend.

By: trusktr

trusktr — Wed, 22 Sep 2010 06:40:11 +0000

Hello Zack, Nice little code!

I’m looking for a similar solution. I’m trying to make a grid by using float:left divs all the same width and height (boxes). So when they are all floating left it makes a grid layout. If i expand one of the boxes, then everything shifts accordingly. However, the boxes tend to “clear” the expanded divs and leave an empty space.

I think perhaps i can begin to use this script to come up with something to fix that.

To get an idea of what i mean, go to my site at http://www.atbskate.com/trusktr/ and click on any of the main boxes in the grid to load the content. When the box expands, the smaller boxes clear all the way to the bottom, leaving ugly space.

I’m looking for an effect similar to this: http://www.robclarke.com/
where the grid boxes always rearrange neatly!

Any ideas?

By: Anwaar Khan

Anwaar Khan — Wed, 28 Apr 2010 09:26:05 +0000

Hiii Zack,

it is working fine now..thanks for your help……

Good Luck!!!!

By: Zack Grossbart

Zack Grossbart — Sun, 11 Apr 2010 11:56:39 +0000

Hello Anwaar, You might want to take a look at Get The Eye. It uses this dynamic grid example as the interface for a WordPress blog. The grid is dynamically loaded with the blog posts. It also makes all the source code available. Good luck!

By: Anwaar Khan

Anwaar Khan — Sun, 11 Apr 2010 04:03:57 +0000

hiii Zack,
Thanx for your quick reply…
actually i want to display the data in a cell like ur multigrid example…
i just want to display the first four contents and then a slider to the next four and so on…
how do i use ur multigrid example for displaying dynamically….
i have a databeanlist and i m iterating that list….
hope u understood the problem..

Thanks in advance..

By: Zack Grossbart

Zack Grossbart — Thu, 08 Apr 2010 15:09:01 +0000

Hello Anwaar,

Thanks for using the code. I’m sorry you are having some troubles. I’m not really sure what you mean by having the data display in a box. It should work well to change the contents of the sliding grid, but you will have to call the alignGrid function again. Can you give me a few more details about what you are doing?

Thanks

By: Anwaar Khan

Anwaar Khan — Thu, 08 Apr 2010 13:48:11 +0000

Hii Zack,
Thanks for the code..
but i have a problem with alignMultiGrid.
I want to display the data in box.The example works fine with hard coded values but when i insert the values dynamically..the slider goes missing..

for(Bean bean:beanList)
{

beandetails

}
does not work..
Can you suggest something….
Neways the code provided by u helped a lot…
hope to hear from you soon…

By: Zack Grossbart

Zack Grossbart — Sun, 21 Feb 2010 15:34:21 +0000

It should be possible to make the grid work vertically, just change the loop in the alignGrid function. Elements with different heights is a little trickier. You would probably be better off having every grid square the same height and then changing the height of the stuff inside the square.