The XHTML

<table class="list-table" cellpadding="0" cellspacing="0">
	<tr>
		<th><b>Award</b></th>
		<th><b>Actor</b></th>
		<th><b>Film</b></th>
	</tr>
	<tr>
		<td>Actor In A Leading Role</td>
		<td>Daniel Day-Lewis</td>
		<td>There Will Be Blood</td>
	</tr>
	<tr>
		<td>Actress In A Leading Role</td>
		<td>Marion Cotillard</td>
		<td>La Vie en Rose</td>
	</tr>
	<tr>
		<td>Actor In A Supporting Role</td>
		<td>Javier Bardem</td>
		<td>No Country For Old Men</td>
	</tr>
	<tr>
		<td>Actress In A Supporting Role</td>
		<td>Tilda Swinton</td>
		<td>Michael Clayton</td>
	</tr>
	<tr>
		<td>Directing</td>
		<td>Joel Coen and Ethan Coen</td>
		<td>No Country For Old Men</td>
	</tr>
</table>

You may have as many tables as you want.

The CSS

.highlight			{ background:#d5fcdc; }
.even					{ background:#fff; }
.mo					{ background:#e3f1fb; }
.odd					{ background:#eee; }
.list-table th		{ padding:5px; background:#ddd; border-bottom:1px solid #999; text-align:left; font-weight:bold; }
.list-table td		{ padding:5px 20px 5px 5px; border-bottom:1px solid #ddd; }

The above are the classes are configurable using the plugin’s options.

The MooTools JavaScript

var ZebraTable = new Class({
	//implements
	Implements: [Options,Events],
	
	//options
	options: {
		elements: 'table.list-table',
		cssEven: 'even',
		cssOdd: 'odd',
		cssHighlight: 'highlight',
		cssMouseEnter: 'mo'
	},
	
	//initialization
	initialize: function(options) {
		//set options
		this.setOptions(options);
		//zebra-ize!
		$$(this.options.elements).each(function(table) {
			this.zebraize(table);
		},this);
	},
	
	//a method that does whatever you want
	zebraize: function(table) {
		//for every row in this table...
		table.getElements('tr').each(function(tr,i) {
			//check to see if the row has th's
			//if so, leave it alone
			//if not, move on
			if(tr.getFirst().get('tag') != 'th') {
				//set the class for this based on odd/even
				var options = this.options, klass = i % 2 ? options.cssEven : options.cssOdd;
				//start the events!
				tr.addClass(klass).addEvents({
					//mouseenter
					mouseenter: function () {
						if(!tr.hasClass(options.cssHighlight)) tr.addClass(options.cssMouseEnter).removeClass(klass);
					},
					//mouseleave
					mouseleave: function () {
						if(!tr.hasClass(options.cssHighlight)) tr.removeClass(options.cssMouseEnter).addClass(klass);
					},
					//click 
					click: function() {
						//if it is currently not highlighted
						if(!tr.hasClass(options.cssHighlight))
							tr.removeClass(options.cssMouseEnter).addClass(options.cssHighlight);
						else
							tr.addClass(options.cssMouseEnter).removeClass(options.cssHighlight);
					}
				});
			}
		},this);
	}
});
	
/* do it! */
window.addEvent('domready', function() { 
var zebraTables = new ZebraTable();
});

The improvements to this class include:

1. General MooTools style consistency
2. CSS class flexibility
3. Checks to make sure the table heading rows (rows with “th”) are untouched
4. You may use the zebraize method after class initialization
5. Table highlighting has been separated

The class is still very basic. This plugin does not contain sorting functionality nor was it designed to.

Need basic table highlighting? Download it!

MooTools Zebra Table Plugin is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

mooSlide is a customizable MooTools-based slider that pops into the page whenever and wherever you’d like. Potentially very useful — just make sure you aren’t covering a bunch of content up (like the demo).

http://www.artviper.net/test/mooSlide2/index.html

Spam-Proof Email Links

MooTools core developer Michelle Steigewalt describes how she uses MooTools to prevent spambots from collecting emails from a website. Of course we all do this in one way or another — is this better than your method?

http://msteigerwalt.com/articles/2008/07/21/Spamproof

JSMiner

Us programmers love games that make us think, like Minesweeper. JSMiner is a great translation to a web version. Kudos to this person — seems like a loftly goal but they succeeded.

http://stcamp.net/jsminer/demo.html

MooScroll

MooScroll is an awesome class that allows you to create and style your own scrollbars. These scollbars can be used within any element on the page.

http://greengeckodesign.com/projects/mooscroll.aspx

9 Web Developers That Must Be Followed on Twitter

I’ve heard of all of the these people which made the list disappointing. I also don’t know why you’d follow their Twitter profile instead of their website. Chris Coyier of CSS-Tricks made the list, which is cool. Look forward to seeing me on their next list: 9 MooTools Bloggers (All of Them).

http://nettuts.com/web-roundups/9-web-developers-that-must-be-followed-on-twitter/

Weekend Links – mooSlide, Spam-Proof Email Links, JSMiner, MooScroll, Twitter is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

This new MooTools-based script allows you to pick a specific time by dragging and dropping hour and minute hands. Pretty cool, although I’m not sure it makes picking times on forms much easier.

http://www.nogray.com/time_picker.php

Former Employees of Google Prepare Rival Search Engine

A novel story, but I don’t see Cuil becoming anything close to Google. Neat search engine but Google is just too far ahead.

http://www.nytimes.com/2008/07/28/technology/28cool.html?_r=1&oref=slogin

AJAX-Alexa-Thumbnails: API to Get Site Thumbnails

I’ve long wanted to figure out how to get site thumbnails. Now Alexa offers site thumbnails via ajax. Awesome.

http://ajaxian.com/archives/ajax-alexa-thumbnails-api-to-get-site-thumbnails

Transparent PNGs in Internet Explorer 6

Yet another attempt at a solution to fix IE6′s PNG problems. Good, but not perfect — still has position issues.

http://24ways.org/2007/supersleight-transparent-png-in-ie6

Auto Twittering is Ridiculous

Chris Coyier rants on how ridiculous it is to auto-Twitter. I agree.

http://chriscoyier.net/auto-twittering-is-ridiculous/

And Just For Fun…

http://digg.com/comedy/The_Ugliest_Facebook_Profile_You_Will_Ever_See

Weekend Links – JavaScript Time Picker, Cuil Search, AJAX Site Thumbnails, IE6, Twitter is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

Firebug is a powerhouse in itself, but why not install some Firebug plugins to make it even more useful?

http://www.webmonkey.com/blog/The_Five_Best_Firebug_Extensions

Updating Extensions for Firefox 3

Have a Firefox plugin that you want to use in the newest version, but it isn’t officially up to snuff? Here’s how you can bypass that problem.

http://developer.mozilla.org/en/docs/Updating_extensions_for_Firefox_3

jqPuzzle — Customizable Sliding Puzzles Using jQuery

Have a picture you’d like to split into a puzzle? Try jqPuzzle, a jQuery puzzle.

http://www.2meter3.de/jqPuzzle/

Google Walks Away From Digg Deal

Simply put, I think Digg needs to sell fast before the site loses its prestige. And now they’ve lost a potential sale to Google.

http://www.techcrunch.com/2008/07/26/google-walks-away-from-digg-deal/

5 Rules of Variable Naming

Amen to this system of variable naming. I agree with every one of these.

http://ianhickman.blogspot.com/2008/07/5-rules-of-variable-naming.html

Weekend Links – Firebug Extensions, Updating Firefox Extensions, jQuery Puzzles, Digg/Google Sale is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

HeatMap allows you to create heat maps on top of Google Analytics. A very impressive script that requires little code from the developer.

http://jeffreybarke.net/2008/07/density-map-tutorial/

googleDrive

googleDrive is a script written by PhatFusion. Why drag the Google Map when you can just drive around it? Grand Theft Google!

http://phatfusion.net/googleDrive/

10 MooTools Scripts For Enhancing Your Web Forms

Web forms can be bland and boring but they don’t have to be! Here’s a list of MooTools scripts that will make your forms pop!

http://www.catswhocode.com/blog/web-development/10-mootools-scripts-for-enhancing-your-html-forms-28

jQuery Sparklines

Sparklines is a mini chart-building script built with jQuery. The charts aren’t anything too special but they’re simple and effective.

http://www.omnipotent.net/jquery.sparkline/

John Resig — Firebuggin’

John Resig as joined the Firebug team at Firefox! Glorious!

http://ejohn.org/blog/firebuggin/

Weekend Links – Google Maps API, HeatMap API, googleDrive, MooTools Forms, jQuery Sparklines, Firebug is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

MooWhool is an unbelievable feat. This visualization library builds connections from the data you pass to it…all with MooTools! You have to see this to really understand its power.

http://www.unwieldy.net/moowheel/

Should Links Open In New Windows?

Yes. Next question.

http://www.smashingmagazine.com/2008/07/01/should-links-open-in-new-windows/

mooZoom

mooZoom is an great tool for allowing users to zoom in on images. I was going to write something like this but no point now. Great work from R’born.

http://www.rborn.info/moozoom.php

eXtplorer

eXtplorer is a Ext JavaScript and PHP based file manager. Very slick and functional. If you need a file manager, make this your first choice.

http://extplorer.sourceforge.net/

Understanding YSlow

There’s a lot to learn if you want to use YSlow to improve your website. Let this be your guide.

http://www.hostscope.com/templature/understanding-yslow/

Find Is A Beautiful Tool

Eric Wendelin has written about Cygwin’s “Find” tool. In his examples, he uses Find to manage CSS files from the command line.

http://eriwen.com/productivity/find-is-a-beautiful-tool/

Weekend Links – MooWheel, mooZoom, eXtplorer, YSlow, Cygwin Find is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

This jQuery progress bar is as good as it gets. The progress bar animates to the next step and is very lightweight.

http://t.wits.sg/2008/06/20/jquery-progress-bar-11/

Kwicks 1.5 Released!

Jeremy Martin has released a new version of his jQuery Kwicks plugin. Jeremy’s added more options and smoother animations.

http://blog.jeremymartin.name/2008/06/kwicks-15-released.html

An Epic Bill Gates Email Rant

Wow, even Bill Gates dislikes Microsoft-created software.

http://blog.seattlepi.nwsource.com/microsoft/archives/141821.asp

When to Fire Your Client

There are time when firing a client is necessary. This article explains when, why, and how.

http://colbowdesign.com/blog2/

Calling All Plugins

Moo wants you! Send your MooTools plugins to the Moo team!

http://blog.mootools.net/2008/6/24/calling-all-plugins

Weekend Links – jQuery Progress Bar, jQuery Kwicks, Bill Gates Email, MooTools Plugins is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

Chris was snooping around Yahoo’s source code and found a sprite generator. It’s a really nice way to create headers. I helped Chris make his jQuery work with space, but don’t tell him I told you!

http://css-tricks.com/yahoos-secret-text-sprite-generator/

Dojo Modules for AIM

The only thing AOL’s ever done right is AIM…although I’d rather die than use their client. Anyways, Dojo now has AIM modules within the toolkit. Sweet! I’ve not tried Dojo but I may have to now.

http://dojotoolkit.org/2008/06/16/dojo-modules-aim

CNET Clientside MooTools Plugins 1.2 Released

Of course Clientside would need to update their plugins to version 1.2! They’ve got some really sweet plugins. If you’re a MooFool like me, check it out!

http://clientside.cnet.com/cnet-js-standards/cnet-clientside-mootools-plugins-12-release/

Jack Sparrow – Pirate of Caribbean Speed Painting

This is nuts. I’d much rather be a designer than a developer, but I have no empty-canvas abilities.

http://www.5min.com/Video/Jack-Sparrow—Pirate-of-Caribbean-speed-painting-25317006

Weekend Links – Yahoo! Sprite Generator, Dojo AIM Modules, Clientside MooTools 1.2 Plugins, Speed Photoshop is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

As you know, MooTools 1.2 was officially released this week. As great as the online documentation is, wouldn’t you rather have an all-on-one-sheet reference card? Of course. If you’re a Moo programmer, you must download this cheat sheet.

http://mediavrog.net/blog/2008/06/11/mootools/mootools-12-cheat-sheet/

Is Google About To Swallow Up Digg?

Yet another Digg rumor. The site has to sell at some point, so why not Google? Kevin Rose, as much as it’s his baby, needs to sell his site before the Web 2.0 phase and the Digg community blows over.

http://valleywag.com/5016035/is-google-about-to-swallow-up-digg

PHP Twitter API Client

I’ve been putting off joining Twitter for quite a while because of the obession that seems to come with creating the account. When I do sign up, I’ll use this PHP Twitter API to pull my current Twitter status into this site.

http://lab.arc90.com/2008/06/php_twitter_api_client.php

Bot Detection with PHP

Recognizing bots is an important part of statistical tracking. If you aren’t using Google Analytics or another stat-tracking program, you can monitor bot visits using this script.

http://www.insanevisions.com/article/214/Bot-Detection-with-PHP/

CSS Support in Email Clients

I do a fair amount of email templates for customers and they can be a pain when it comes to the CSS rendering. This chart serves as a great guide as to what properties each client covers.

http://www.campaignmonitor.com/css/

Weekend Links – MooTools Cheat Sheet, Google / Digg Acquisition, PHP Twitter API, Bot Detection, CSS Support In Email Clients is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.

Chris Coyier drops a sweet iPhone-like script for any RSS feed. Chris used SimplePie (PHP RSS API) and jQuery to create this hot page.

http://css-tricks.com/create-a-slick-iphonemobile-interface-from-any-rss-feed/

mooVRotatingMenu

The people that brought you MooPan bring you mooVRotatingMenu, a slick-as-hell animated element rotation script. Comes in horizontal and vertical flavors.

http://www.virtual-gadjo.com/mooVRotatingMenu.php

How I Hacked Digg

Dominic at Phoboslab discovered some insecure code at Digg, told them about the issues, and didn’t hear back. What’s a blogger to do? Write about it, of course. Oddly enough, Digg’s Lead Architect was the first one to comment.

http://www.phoboslab.org/log/2008/06/how-i-hacked-digg

Load Content While Scrolling With jQuery

This article details how you can forget pagination and server up more content when the user hits the bottom of page. DZone employs this type of virtual pagination.

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Prototip 2 – Create Beautiful Tooltips with Ease

Prototip allows you to easily create both simple and complex tooltips using the Prototype JavaScript framework. The Prototip site also provides some sweet examples.

http://www.nickstakenburg.com/projects/prototip2/

Compress jQuery Even Further

In our never-ending battle to compress our JavaScript libraries, this article describes compressing jQuery even more.

http://brightscape.net/compress-jquery-even-further/

Weekend Links – iPhone Interface, mooVRotatingMenu, Digg Hacked, jQuery Scrolling, Prototip is a post from: David Walsh :: Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.