diff options
| -rw-r--r-- | demos/sortable/delay.html | 92 | ||||
| -rw-r--r-- | demos/sortable/distance.html | 92 |
2 files changed, 92 insertions, 92 deletions
diff --git a/demos/sortable/delay.html b/demos/sortable/delay.html index 037865c82..488b9c122 100644 --- a/demos/sortable/delay.html +++ b/demos/sortable/delay.html @@ -1,46 +1,46 @@ -<!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> +<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> diff --git a/demos/sortable/distance.html b/demos/sortable/distance.html index 564b307a1..2e19ea31e 100644 --- a/demos/sortable/distance.html +++ b/demos/sortable/distance.html @@ -1,46 +1,46 @@ -<!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>
+<!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> |