Add a Drafted Checkbox

by HugeHugh

HTML

<link rel="stylesheet" href="http://www.fftoday.com/fftoday2.css">
<div class="ripped">Data taken from <a href="http://www.fftoday.com/rankings/playerrank.php?o=1&Season=2013&PosID=10">here</a></div>
<table width="100%" cellpadding="2" cellspacing="1" border="0">
				<thead><tr class="tablehdr">
			   		<td colspan="7" align="center" valign="middle" nowrap="">QUARTERBACKS</td>
				</tr>
				<tr class="tableclmhdr">
                    <td align="center" nowrap=""><b>Drft</b></td>
					<td align="center" nowrap=""><b>Chg</b></td>
					<td align="center" nowrap=""><b>Rank</b></td>
					<td align="left" valign="middle" nowrap=""><b>Player</b></td>
					<td align="center" nowrap=""><b>Tm</b></td>
					<td align="center" nowrap=""><b>Bye</b></td>
					<td align="center" nowrap="nowrap" id="showadp">
					<select id="Teams" name="Teams" class="articledrop" onchange="getADP()">
					<option value="10">ADP-10
					</option><option value="12" selected="">ADP-12
					</option><option value="14">ADP-14
					</option></select>
					</td>
                    </tr></thead>
                    <tbody>
				<tr>
<td class="sort1" align="center" bgcolor="#ffffff">&nbsp;</td>
<td class="sort1" align="center" bgcolor="#ffffff">1</td>
<td class="sort1" align="LEFT" bgcolor="#ffffff"><a href="?o=2&amp;PosID=10&amp;LeagueID=&amp;order_by=Rank&amp;sort_order=ASC&amp;cur_page=0#1">Drew Brees</a>  </td>
<td class="sort1" align="center" bgcolor="#ffffff">NO</td>
<td class="sort1" align="center" bgcolor="#ffffff">7</td>
<td id="showadp_1937" class="sort1" align="center" bgcolor="#ffffff">2.10</td>
</tr>
<tr>
<td class="sort1" align="center" bgcolor="#f7f7f7">&nbsp;</td>
<td class="sort1" align="center" bgcolor="#f7f7f7">2</td>
<td class="sort1" align="LEFT" bgcolor="#f7f7f7"><a href="?o=2&amp;PosID=10&amp;LeagueID=&amp;order_by=Rank&amp;sort_order=ASC&amp;cur_page=0#2">Aaron Rodgers</a>  </td>
<td class="sort1" align="center" bgcolor="#f7f7f7">GB</td>
<td class="sort1" align="center"...

CSS

.drafted td {
    color:#888;
    background:black;
}
.drafted td a {
    color:#888;
}
.checkCon {background:#ffffa0}

.ripped {
    color:#ffffa0;
}

JavaScript

$(function() {
    // add checkbox to each row
    $('table tbody tr').each(function(index, row) {
        var $tr = $(row),
            $td = $('<td class="checkCon"/>'),
            $cb = $('<input type="checkbox">').click(function() {
                $tr.toggleClass('drafted');
            });        
        $cb.appendTo($td);
        $td.prependTo($tr);
    });    
    
    // img src fixup    
    $('table img').each(function(index, img) {
        img.src = "http://www.fftoday.com/rankings/" + $(img).attr('src');
    });
});