• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2255
  • Last Modified:

Tile and Cascade Divs with jquery

I am looking for a way to tile and cascade divs (like windows), using jquery. A Google search brings up nothing resembling any div re-arranging functions. Jquery would be first prize, but I'd be happy if anyone can show me any example of it being done in any javascript, or something close to it. I would think it should be easy. I would approach it by getting the browser width and height, counting the divs and resizing them. Maybe there are examples of this, and I am perhaps just using the wrong terminology.
0
andrejonker
Asked:
andrejonker
  • 2
1 Solution
 
level9wizardCommented:
Take a look here: http://www.quirksmode.org/js/dragdrop.html
Is that what you're looking for? The example is there too, click and move around the little boxes on the left.
0
 
andrejonkerAuthor Commented:
Actually, I have my boxes resizing and floating and dynamically multiplying and deleting, and hiding and minimizing. Haven't maximized them yet... but I think it should be easy. All I am getting stuck on is tiling and cascading. In other words if I have 6 divs (my theme is colored boxes) of different sizes, wherever on the screen, one button must resize them equally and put them side by side in 2 rows, 3 boxes above and 3 boxes below.
0
 
andrejonkerAuthor Commented:
OK, any tile code. I think I figured out a plan for cascade. Gimme some tiling logic and I'll share my cascade plan.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now