ZoomGrid is a two-dimensional accordion menu inside a fixed rectangle
JavaScript HTML CSS
Latest commit f8b3525 May 6, 2016 Markus Fisch Ignore work files
Permalink
Failed to load latest commit information.
css first commit Dec 12, 2010
js Removed unnecessary IIFE Aug 20, 2013
.gitignore Ignore work files May 6, 2016
README.md Converted to Markdown Feb 3, 2013
index.html Enabled strict mode Aug 17, 2013

README.md

ZoomGrid

ZoomGrid is a grid which can zoom its cells. In other words, it's a two-dimensional accordion menu inside a fixed rectangle.

How to use

Copy ZoomGrid.js (along with any optional extension) into your web folder and add a corresponding <script/> tag for each file to the <head/> element of your page:

<script type="text/javascript"
    src="path/to/ZoomGrid.js"></script>
<script type="text/javascript"
    src="path/to/ZoomGridTransparency.js"></script>

Then invoke the grid:

var z = new ZoomGrid(
    { container: document.getElementById( "Contents" ) } );

In this case, you should have a <div id="Contents"/> somewhere on your page, of course. After that, you need to activate the extensions you want to use. For example, to activate the transparency extension do:

z.addTransparency();

Some extensions may require attributes. Just look at the corresponding source file.