library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

mime-type and eol-style

Browse Source
This commit is contained in:
Richard Worth 2009-01-05 20:57:34 +00:00
parent de31d5b16c
commit 7a3c9a0c9d
2 changed files with 92 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
demos/sortable/delay.html
View File

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

92
demos/sortable/distance.html
View File

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