Comments on: Advanced CSS Tables II – Using Mootools JavaScript For Alternate Row Colors

By: Puneet Madaan

Puneet Madaan — Tue, 02 Jun 2009 05:02:41 +0000

anyways, this site offers great resources :) will visit it often :)

Puneet Madaan — Tue, 02 Jun 2009 05:01:42 +0000

you don’t need that heavy increment loop.. All new Browsers have inbuilt capability for this.

in mootools way, a easy way to achived by..

$$(‘tr:even’).setStyle(‘background-color’, ‘#ccc’);
$$(‘tr:even’).setStyle(‘background-color’, ‘#eee’);

davidwalsh83 — Fri, 17 Aug 2007 01:11:00 +0000

Thank you for your post and insights digitarald! Taking the count var out of play will make the code a little cleaner and easier.

I’ve enjoyed your work with MooTools and continued success!

digitarald — Thu, 16 Aug 2007 20:23:01 +0000

You don’t need count. Array::each has a second argument, the index (and a third, the Array itself).

MooTools 1.11:

$$(’table.shade-table tr’).each(function(el, i) {
el.addClass((i % 2) ? ‘even’ : ‘odd’);
});

MooTools 1.2 (dev)

$$(’table.shade-table tr:odd’).addClass(‘odd’);