File
Login or Register via GitHub
<html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <style type="text/css"> .csstdhighlight { border: 0.25pt solid blue; } .csstdred { color: White; background-color: red; } .csstdgreen { color: White; background-color: green; } </style> <body> <table id="tableMain" bgcolor="#fcfcfc" border="1" cellspacing="1" width="100%"> <tr> <td width="20%" valign="top"> <table width="100%"> <tr> <td>Button</td> </tr> <tr> <td>Button</td> </tr> <tr> <td>Button</td> </tr> </table> </td> <td width="80%"> <div id="divScroll" style="overflow-x: hidden"> <table id="tableAppointment" bgcolor="#fcfcfc" border="1" cellspacing="1" width="100%"> <thead> <tr> <td class="csstextheader" width="70px"> </td> <td class="csstextheader" width="70px"> <b>Time Slot </b> </td> <td><b>Room 7</b></td> <td><b>Room 8</b></td> <td><b>Room 9</b></td> <td><b>Room 10</b></td> </tr> </thead> <tbody> <tr class="csstablelisttd"> <td width="70px"> 08:00AM </td> <td> 00 </td> <td class="csstdred"> John </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">08:00AM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">08:00AM</span> </td> <td> 30 </td> <td rowspan="2" class="csstdred"> Jack </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">08:00AM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 09:00AM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">09:00AM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">09:00AM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">09:00AM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td class="csstdred" rowspan="3">Mancc</td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 10:00AM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">10:00AM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">10:00AM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">10:00AM</span> </td> <td> 45 </td> <td> </td> <td class="csstdred" rowspan="3">calc</td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 11:00AM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">11:00AM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">11:00AM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">11:00AM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 12:00PM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">12:00PM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">12:00PM</span> </td> <td> 30 </td> <td class="csstdred" rowspan="3"> 00 </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">12:00PM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 01:00PM </td> <td> 00 </td> <td> </td> <td> </td> <td class="csstdred" rowspan="3">Rojer</td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">01:00PM</span> </td> <td> 15 </td> <td> </td> <td class="csstdred" rowspan="3">Feder</td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">01:00PM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td><td class="csstdred" rowspan="2">Nadal</td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">01:00PM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td class="csstdred" rowspan="2">ricky</td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 02:00PM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">02:00PM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">02:00PM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">02:00PM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 03:00PM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">03:00PM</span> </td> <td> 15 </td> <td> </td> <td class="csstdred" rowspan="3">macgra</td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">03:00PM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">03:00PM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 04:00PM </td> <td> 00 </td> <td class="csstdred" rowspan="3"> sanath </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">04:00PM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">04:00PM</span> </td> <td> 30 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">04:00PM</span> </td> <td> 45 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> 05:00PM </td> <td> 00 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">05:00PM</span> </td> <td> 15 </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">05:00PM</span> </td> <td> 30 </td> <td> </td> <td class="csstdred" rowspan="2">jays</td> <td> </td> <td> </td> </tr> <tr class="csstablelisttd"> <td> <span style="visibility: hidden;">05:00PM</span> </td> <td> 45 </td> <td > </td> <td > </td> <td> </td> <td> </td> </tr> </tbody> </table> </div> </td> </tr> </table> </body></html>
Output
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| 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 + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| 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. | |
public
0viewers