root/other-projects/tipple-android/i-greenstone-server-files/greenstone/webapps/greenstone3/interfaces/default/js/jquery-ui-1.8.15/demos/draggable/sortable.html @ 26899

Revision 26899, 1.5 KB (checked in by davidb, 7 years ago)

Tipple reborn after Chris's Summer of Code 2013

Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <title>jQuery UI Draggable + Sortable</title>
6    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7    <script src="../../jquery-1.6.2.js"></script>
8    <script src="../../ui/jquery.ui.core.js"></script>
9    <script src="../../ui/jquery.ui.widget.js"></script>
10    <script src="../../ui/jquery.ui.mouse.js"></script>
11    <script src="../../ui/jquery.ui.draggable.js"></script>
12    <script src="../../ui/jquery.ui.sortable.js"></script>
13    <link rel="stylesheet" href="../demos.css">
14    <style>
15    .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
16    .demo li { margin: 5px; padding: 5px; width: 150px; }
17    </style>
18    <script>
19    $(function() {
20        $( "#sortable" ).sortable({
21            revert: true
22        });
23        $( "#draggable" ).draggable({
24            connectToSortable: "#sortable",
25            helper: "clone",
26            revert: "invalid"
27        });
28        $( "ul, li" ).disableSelection();
29    });
30    </script>
31</head>
32<body>
33
34<div class="demo">
35   
36<ul>
37    <li id="draggable" class="ui-state-highlight">Drag me down</li>
38</ul>
39
40<ul id="sortable">
41    <li class="ui-state-default">Item 1</li>
42    <li class="ui-state-default">Item 2</li>
43    <li class="ui-state-default">Item 3</li>
44    <li class="ui-state-default">Item 4</li>
45    <li class="ui-state-default">Item 5</li>
46</ul>
47
48</div><!-- End demo -->
49
50
51
52<div class="demo-description">
53<p>Draggables are built to interact seamlessly with <a href="#">sortables</a>.</p>
54</div><!-- End demo-description -->
55
56</body>
57</html>
Note: See TracBrowser for help on using the browser.