mochikit_v14/examples/sortable_tables/index.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3     <head>
   4         <title>Sortable Tables from Scratch with MochiKit</title>
   5         <link href="sortable_tables.css" rel="stylesheet" type="text/css" />
   6         <script type="text/javascript" src="../../MochiKit/MochiKit.js"></script>
   7         <script type="text/javascript" src="sortable_tables.js"></script>
   8     </head>
   9     <body>
  10         <h1>
  11             Sortable Tables from Scratch with MochiKit
  12         </h1>
  13         <p>
  14             This is an example of how one might do sortable tables in
  15             an inobtrusive manner.  The data is supplied by the server
  16             and is already in the table.
  17         </p>
  18         <p>
  19             For a detailed description of what happens under the hood,
  20             check out
  21             <a href="sortable_tables.js" class="view-source">sortable_tables.js</a>.
  22         </p>
  23         <p>
  24             View Source: [
  25                 <a href="index.html" class="view-source">index.html</a> |
  26                 <a href="sortable_tables.js" class="view-source">sortable_tables.js</a>
  27             ]
  28         </p>
  29         <table id="sortable_table" class="datagrid">
  30             <thead>
  31                 <tr>
  32                     <th mochi:format="str">Domain Name</th>
  33                     <th mochi:format="isodate">Creation Date</th>
  34                     <th mochi:format="isodate">Expiry Date</th>
  35                     <th mochi:format="istr">Organization Name</th>
  36                 </tr>
  37             </thead>
  38             <tfoot class="invisible">
  39                 <tr>
  40                     <td colspan="0"></td>
  41                 </tr>
  42             </tfoot>
  43             <tbody>
  44                 <tr>
  45                     <td>mochibot.com</td>
  46                     <td>2005-02-10</td>
  47                     <td>2007-02-10</td>
  48                     <td>Jameson Hsu</td>
  49                 </tr>
  50                 <tr>
  51                     <td>pythonmac.org</td>
  52                     <td>2003-09-24</td>
  53                     <td>2006-09-24</td>
  54                     <td>Bob Ippolito</td>
  55                 </tr>
  56                 <tr>
  57                     <td>undefined.org</td>
  58                     <td>2000-01-10</td>
  59                     <td>2006-01-10</td>
  60                     <td>Robert J Ippolito</td>
  61                 </tr>
  62                 <tr>
  63                     <td>python.org</td>
  64                     <td>1995-03-27</td>
  65                     <td>2007-03-28</td>
  66                     <td>Python Software Foundation</td>
  67                 </tr>
  68             </tbody>
  69         </table>
  70     </body>
  71 </html>