Mercurial > hg > MPIWGThesaurus

annotate jquery-ui/development-bundle/demos/sortable/default.html @ 0:b2e4605f20b2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
beta version
author dwinter
date Thu, 30 Jun 2011 09:07:49 +0200
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1 <!DOCTYPE html>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
2 <html lang="en">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
3 <head>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
4 <meta charset="utf-8">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
5 <title>jQuery UI Sortable - Default functionality</title>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
7 <script src="../../jquery-1.5.1.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
8 <script src="../../ui/jquery.ui.core.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
9 <script src="../../ui/jquery.ui.widget.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
10 <script src="../../ui/jquery.ui.mouse.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
11 <script src="../../ui/jquery.ui.sortable.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
12 <link rel="stylesheet" href="../demos.css">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
13 <style>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
14 #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
15 #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
16 #sortable li span { position: absolute; margin-left: -1.3em; }
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
17 </style>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
18 <script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
19 $(function() {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
20 $( "#sortable" ).sortable();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
21 $( "#sortable" ).disableSelection();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
22 });
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
23 </script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
24 </head>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
25 <body>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
26 <div class="demo">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
27
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
28 <ul id="sortable">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
29 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
30 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
31 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
32 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
33 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
34 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
35 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
36 </ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
37
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
38 </div><!-- End demo -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
39
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
40
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
41
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
42 <div class="demo-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
43 <p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
44 Enable a group of DOM elements to be sortable. Click on and drag an
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
45 element to a new spot within the list, and the other items will adjust to
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
46 fit. By default, sortable items share <code>draggable</code> properties.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
47 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
48 </div><!-- End demo-description -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
49
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
50 </body>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
51 </html>