In services like Hotmail, you have a list of contents in a table. If you allow the user to select rows and do something with them, you might want to make it more pleasing to the eye, by changing the color of the row when selected. You might also have a main control checkbox, that when clicked selects all the rows and also colors all the rows. In this article, we’ll see how to accomplish that in 2 parts: first how to create programatically the table and controls populating the checkboxes, and second we’ll create the Javascript functions that handle the client effect of changing colors.