-<!doctype html>\r
-<html lang="en">\r
-<head>\r
- <title>jQuery UI Sortable - Delay / Distance Demo</title>\r
- <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
- <script type="text/javascript" src="../../jquery-1.3pre.js"></script>\r
- <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
- <script type="text/javascript" src="../../ui/ui.sortable.js"></script>\r
- <link type="text/css" href="../demos.css" rel="stylesheet" />\r
- <style type="text/css">\r
- .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px; }\r
- .demo li { margin: 5px; padding: 5px; font-size: 1.2em; }\r
- </style>\r
- <script type="text/javascript">\r
- $(function() {\r
- $("#sortable").sortable({\r
- delay: 1000\r
- });\r
- });\r
- </script>\r
-</head>\r
-<body>\r
-<div class="demo">\r
-\r
-<p>Delay of 1000ms</p>\r
-\r
-<ul id="sortable">\r
- <li class="ui-state-default">Item 1</li>\r
- <li class="ui-state-default">Item 2</li>\r
- <li class="ui-state-default">Item 3</li>\r
- <li class="ui-state-default">Item 4</li>\r
- <li class="ui-state-default">Item 5</li>\r
-</ul>\r
-\r
-</div><!-- End demo -->\r
-\r
-<div class="demo-description">\r
-\r
-<p>\r
-\r
-</p>\r
-\r
-</div><!-- End demo-description -->\r
-\r
-</body>\r
-</html>\r
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Sortable - Delay / Distance Demo</title>
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.3pre.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <style type="text/css">
+ .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px; }
+ .demo li { margin: 5px; padding: 5px; font-size: 1.2em; }
+ </style>
+ <script type="text/javascript">
+ $(function() {
+ $("#sortable").sortable({
+ delay: 1000
+ });
+ });
+ </script>
+</head>
+<body>
+<div class="demo">
+
+<p>Delay of 1000ms</p>
+
+<ul id="sortable">
+ <li class="ui-state-default">Item 1</li>
+ <li class="ui-state-default">Item 2</li>
+ <li class="ui-state-default">Item 3</li>
+ <li class="ui-state-default">Item 4</li>
+ <li class="ui-state-default">Item 5</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
-<!doctype html>\r
-<html lang="en">\r
-<head>\r
- <title>jQuery UI Sortable - Delay / Distance Demo</title>\r
- <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
- <script type="text/javascript" src="../../jquery-1.3pre.js"></script>\r
- <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
- <script type="text/javascript" src="../../ui/ui.sortable.js"></script>\r
- <link type="text/css" href="../demos.css" rel="stylesheet" />\r
- <style type="text/css">\r
- .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px; }\r
- .demo li { margin: 5px; padding: 5px; font-size: 1.2em; }\r
- </style>\r
- <script type="text/javascript">\r
- $(function() {\r
- $("#sortable").sortable({\r
- distance: 50\r
- });\r
- });\r
- </script>\r
-</head>\r
-<body>\r
-<div class="demo">\r
-\r
-<p>Distance of 50px</p>\r
-\r
-<ul id="sortable">\r
- <li class="ui-state-default">Item 1</li>\r
- <li class="ui-state-default">Item 2</li>\r
- <li class="ui-state-default">Item 3</li>\r
- <li class="ui-state-default">Item 4</li>\r
- <li class="ui-state-default">Item 5</li>\r
-</ul>\r
-\r
-</div><!-- End demo -->\r
-\r
-<div class="demo-description">\r
-\r
-<p>\r
-\r
-</p>\r
-\r
-</div><!-- End demo-description -->\r
-\r
-</body>\r
-</html>\r
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Sortable - Delay / Distance Demo</title>
+ <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.3pre.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <style type="text/css">
+ .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px; }
+ .demo li { margin: 5px; padding: 5px; font-size: 1.2em; }
+ </style>
+ <script type="text/javascript">
+ $(function() {
+ $("#sortable").sortable({
+ distance: 50
+ });
+ });
+ </script>
+</head>
+<body>
+<div class="demo">
+
+<p>Distance of 50px</p>
+
+<ul id="sortable">
+ <li class="ui-state-default">Item 1</li>
+ <li class="ui-state-default">Item 2</li>
+ <li class="ui-state-default">Item 3</li>
+ <li class="ui-state-default">Item 4</li>
+ <li class="ui-state-default">Item 5</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>