MooTools - Create Chessboard

by pythondave

HTML

<div id="div1"></div>

CSS

#div1 td {
    width: 30px;
    height: 30px;
}

JavaScript

Array.implement('pushN', function(object, number) {
    for (var i = 0; i < number; i++) { this.push(object); }
    return this;
});

new HtmlTable({
    properties: { border: 1, cellspacing: 0 },
    rows: [].pushN([].pushN('', 8), 8)
}).inject($('div1'));

$$('#div1 td').each(function(e, i) {
    if ((i + Math.floor(i / 8)) % 2 == 1) {
        e.setStyle('background-color', 'black');
    }
});