File
Login or Register via GitHub
<html> <head> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script> <meta charset=utf-8 /> <title>DataTables - JS Bin</title> </head> <body> <div class="container"> <table id='PositionRankings' class="stripe row-border order-column nowrap compact cell-border Players" cellspacing="0" width="100%"> <div id="PositionButtons"></div> <thead> <tr> <!-- Basic Info --> <th>Lock</th> <th>Include</th> <th>PlayerID</th> <th>Position</th> <th>Name</th> <th class='dt-head-right'>FD Salary</th> <th class='dt-head-right'>DVP</th> <th class='dt-head-right'>Minute Proj.</th> <th class='dt-head-right'>FD Proj.</th> <th class='dt-head-right'>FD Value</th> <th class='dt-head-right'>FD Grade</th> <th class='dt-head-right'>FD GP$ </th> <th class="dt-head-right">Min. Exp. %</th> <th class="dt-head-right">Max. Exp. %</th> </tr> </thead> <tbody> <tr> <!-- Lock Checkbox--> <!--<td> <div id='Anthony Davis' class='toggle'> <div class='slide'> <span class='fa fa-circle-o'></span> </div> </div> </td>--> <td><input type="checkbox" class="Locked" id="30933-15755" name="30933-15755"/></td> <td><input type="checkbox" class="Locked" id="30933-15755" name="Include" checked/></td> <td>30933-15755</td> <td>PF</td> <td>Anthony Davis</td> <td class='dt-body-right'>12400</td> <td class='dt-body-right'>3</td> <td class='dt-body-right'>35.69</td> <td class='dt-body-right'>56.01</td> <td class='dt-body-right'>4.5</td> <td class='dt-body-right'>75</td> <td class='dt-body-right'>0.6</td> <td><input type="number" class="right" min="0" max="100" value="0" name="30933-15755MinE" id='30933-15755MinE'/></td> <td><input type="number" class="right" min="0" max="100" value="100" name="30933-15755MaxE" id='30933-15755MaxE'/></td> </tr> <tr> <!-- Lock Checkbox--> <!--<td> <div id='Giannis Antetokounmpo' class='toggle'> <div class='slide'> <span class='fa fa-circle-o'></span> </div> </div> </td>--> <td><input type="checkbox" class="Locked" id="30933-40199" name="30933-40199"/></td> <td><input type="checkbox" class="Locked" id="30933-40199" name="Include" checked/></td> <td>30933-40199</td> <td>SF</td> <td>Giannis Antetokounmpo</td> <td class='dt-body-right'>12300</td> <td class='dt-body-right'>16</td> <td class='dt-body-right'>35.47</td> <td class='dt-body-right'>53.51</td> <td class='dt-body-right'>4.4</td> <td class='dt-body-right'>75.7</td> <td class='dt-body-right'>0.6</td> <td><input type="number" class="right" min="0" max="100" value="0" name="30933-40199MinE" id='30933-40199MinE'/></td> <td><input type="number" class="right" min="0" max="100" value="100" name="30933-40199MaxE" id='30933-40199MaxE'/></td> </tr> <tr> <!-- Lock Checkbox--> <!--<td> <div id='Russell Westbrook' class='toggle'> <div class='slide'> <span class='fa fa-circle-o'></span> </div> </div> </td>--> <td><input type="checkbox" class="Locked" id="30933-9642" name="30933-9642"/></td> <td><input type="checkbox" class="Locked" id="30933-9642" name="Include" checked/></td> <td>30933-9642</td> <td>PG</td> <td>Russell Westbrook</td> <td class='dt-body-right'>11200</td> <td class='dt-body-right'>29</td> <td class='dt-body-right'>34.81</td> <td class='dt-body-right'>53.33</td> <td class='dt-body-right'>4.8</td> <td class='dt-body-right'>78.6</td> <td class='dt-body-right'>0.7</td> <td><input type="number" class="right" min="0" max="100" value="0" name="30933-9642MinE" id='30933-9642MinE'/></td> <td><input type="number" class="right" min="0" max="100" value="100" name="30933-9642MaxE" id='30933-9642MaxE'/></td> </tr> <tr> <!-- Lock Checkbox--> <!--<td> <div id='LeBron James' class='toggle'> <div class='slide'> <span class='fa fa-circle-o'></span> </div> </div> </td>--> <td><input type="checkbox" class="Locked" id="30933-9488" name="30933-9488"/></td> <td><input type="checkbox" class="Locked" id="30933-9488" name="Include" checked/></td> <td>30933-9488</td> <td>SF</td> <td>LeBron James</td> <td class='dt-body-right'>11100</td> <td class='dt-body-right'>26</td> <td class='dt-body-right'>35.29</td> <td class='dt-body-right'>52.24</td> <td class='dt-body-right'>4.7</td> <td class='dt-body-right'>75.7</td> <td class='dt-body-right'>0.7</td> <td><input type="number" class="right" min="0" max="100" value="0" name="30933-9488MinE" id='30933-9488MinE'/></td> <td><input type="number" class="right" min="0" max="100" value="100" name="30933-9488MaxE" id='30933-9488MaxE'/></td> </tr> </tbody> </table> </div> </body></html>body { font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #333; background-color: #fff;}$(document).ready( function () { var table = $('#PositionRankings').DataTable(); $('#PositionRankings').on('change', 'input[type="number"]', function () { var val = $(this).val(); console.log(val); })} );
You can jump to the latest bin by adding /latest to your URL
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + [ | Indents selected lines |
| ctrl + ] | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Clone Bin |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |