corrade-http-templates – Blame information for rev 57

Subversion Repositories:
Rev:
Rev Author Line No. Line
57 office 1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery UI Draggable + Sortable</title>
7 <link rel="stylesheet" href="../../themes/base/all.css">
8 <link rel="stylesheet" href="../demos.css">
9 <style>
10 ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
11 li { margin: 5px; padding: 5px; width: 150px; }
12 </style>
13 <script src="../../external/requirejs/require.js"></script>
14 <script src="../bootstrap.js" data-modules="sortable disable-selection">
15 $( "#sortable" ).sortable({
16 revert: true
17 });
18 $( "#draggable" ).draggable({
19 connectToSortable: "#sortable",
20 helper: "clone",
21 revert: "invalid"
22 });
23 $( "ul, li" ).disableSelection();
24 </script>
25 </head>
26 <body>
27  
28 <ul>
29 <li id="draggable" class="ui-state-highlight">Drag me down</li>
30 </ul>
31  
32 <ul id="sortable">
33 <li class="ui-state-default">Item 1</li>
34 <li class="ui-state-default">Item 2</li>
35 <li class="ui-state-default">Item 3</li>
36 <li class="ui-state-default">Item 4</li>
37 <li class="ui-state-default">Item 5</li>
38 </ul>
39  
40 <div class="demo-description">
41 <p>Draggables are built to interact seamlessly with <a href="http://jqueryui.com/sortable">sortables</a>.</p>
42 </div>
43 </body>
44 </html>