Ticket #2984: sortable.html

File sortable.html, 1.4 KB (added by gordon, 12 years ago)

Demo of the problem senario

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>Untitled Document</title>
6<script type="text/javascript" src="/js/jquery/jquery.js"></script>
7<script type="text/javascript" src="/js/jquery/ui/ui.core.js"></script>
8<script type="text/javascript" src="/js/jquery/ui/ui.sortable.js"></script>
9<script type="text/javascript">
10<!--
11$(document).ready (function ()
12{
13        $('ul.sort').sortable ();
14        $('ul.sort ul').sortable ();
15});
16-->
17</script>
18</head>
19<body>
20<ul class="sort">
21  <li>
22    <fieldset>
23    <legend>Item 1</legend>
24    <ul>
25      <li>Item 1</li>
26      <li>Item 2</li>
27      <li>Item 3</li>
28      <li>Item 4</li>
29    </ul>
30    </fieldset>
31  </li>
32  <li>
33    <fieldset>
34    <legend>Item 2</legend>
35    <ul>
36      <li>Item 1</li>
37      <li>Item 2</li>
38      <li>Item 3</li>
39      <li>Item 4</li>
40    </ul>
41    </fieldset>
42  </li>
43  <li>
44    <fieldset>
45    <legend>Item 3</legend>
46    <ul>
47      <li>Item 1</li>
48      <li>Item 2</li>
49      <li>Item 3</li>
50      <li>Item 4</li>
51    </ul>
52    </fieldset>
53  </li>
54  <li>
55    <fieldset>
56    <legend>Item 4</legend>
57    <ul>
58      <li>Item 1</li>
59      <li>Item 2</li>
60      <li>Item 3</li>
61      <li>Item 4</li>
62    </ul>
63    </fieldset>
64  </li>
65</ul>
66</body>
67</html>