Add a Drafted Checkbox

by HugeHugh

HTML

<link rel="stylesheet" href="http://www.fftoday.com/fftoday2.css">
<table border="0" width="100%" cellpadding="2" cellspacing="1">
                      <tbody><tr> 
                        <td colspan="26" class="tablehdr">&nbsp;Non-PPR Big Board 
                          - Top 200</td>
                      </tr>
                      <tr>
                        <td align="center" valign="bottom" class="sort1"><b>OVR</b></td>
 <td align="center" valign="bottom" class="sort1"><b>PR</b></td>
 <td align="center" valign="bottom" class="sort1"><b>Pos</b></td>
 <td valign="bottom" class="sort1"><b>Player</b></td>
 <td align="center" valign="bottom" class="sort1"><b>Risk</b></td>
 <td align="center" valign="bottom" class="sort1"><b>Tm</b></td>
 <td align="center" valign="bottom" class="sort1"><b>Age</b></td>
 <td align="center" valign="bottom" class="sort1"><b>Value</b></td>
 <td align="center" valign="bottom" class="sort1"><b>FPts/G</b></td>
 <td align="center" valign="bottom" class="sort1"><b>FPts</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>1</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>2</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>3</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>4</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>5</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>6</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>7</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>8</b></td>
                        <td width="15" align="center" valign="bottom" class="sort1"><b>9</b></td>
                        <td width="15" align="center" valign="bottom"...

CSS

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

.ripped {
    color:#ffffa0;
}
#tabs {overflow:hidden !important}

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');
        
        $('table a').click(false);
    });
});