TableDnD/serverExample.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2    "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6         <title>TableDnD Server Example</title>
   7         <meta name="generator" content="TextMate http://macromates.com/">
   8         <meta name="author" content="DenisH">
   9     <link rel="stylesheet" href="tablednd.css" type="text/css"/>
  10 </head>
  11 <body>
  12
  13 <table id="table-1" cellspacing="0" cellpadding="2">
  14     <tr id="1"><td>1</td><td>One</td><td>some text</td></tr>
  15     <tr id="2"><td>2</td><td>Two</td><td>some text</td></tr>
  16     <tr id="3"><td>3</td><td>Three</td><td>some text</td></tr>
  17     <tr id="4"><td>4</td><td>Four</td><td>some text</td></tr>
  18     <tr id="5"><td>5</td><td>Five</td><td>some text</td></tr>
  19     <tr id="6"><td>6</td><td>Six</td><td>some text</td></tr>
  20 </table>
  21 <button onclick="alert('Serialized table is: '+$('#table-1').tableDnDSerialize())">Serialize</button>
  22 <form action="serverTest.php" method="get" accept-charset="utf-8">
  23         <input type="hidden" name="....">
  24         // TODO serialise doesn't work very well with a form does it!!!
  25
  26         <p><input type="submit" value="Continue &rarr;"></p>
  27 </form>
  28 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  29 <script src="js/jquery.tablednd.js" type="text/javascript"></script>
  30 <script type="text/javascript" charset="utf-8">
  31     $(document).ready(function() {
  32         // Initialise the table
  33         $("#table-1").tableDnD();
  34         // Make a nice striped effect on the table
  35         $("#table-1 tr:even").addClass("alt");
  36     })
  37 </script>
  38 </body>
  39 </html>