1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
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"/>
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>
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!!!
26 <p><input type="submit" value="Continue →"></p>
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");