diff options
| author | Eduardo Lundgren <eduardolundgren@gmail.com> | 2009-01-09 00:15:54 +0000 |
|---|---|---|
| committer | Eduardo Lundgren <eduardolundgren@gmail.com> | 2009-01-09 00:15:54 +0000 |
| commit | 27360421ce7a64260c86c3d81b58ac98f91d1a2d (patch) | |
| tree | c1b73183efb722ca36f0eaf8aaaf95239fae4d89 /demos | |
| parent | 7f3ac69accf4f3408023cee38e01121c2383008e (diff) | |
| download | jquery-ui-27360421ce7a64260c86c3d81b58ac98f91d1a2d.tar.gz jquery-ui-27360421ce7a64260c86c3d81b58ac98f91d1a2d.zip | |
Sortable tolerance demo
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/sortable/index.html | 1 | ||||
| -rw-r--r-- | demos/sortable/tolerance.html | 54 |
2 files changed, 55 insertions, 0 deletions
diff --git a/demos/sortable/index.html b/demos/sortable/index.html index df988d0ec..22cf8f50b 100644 --- a/demos/sortable/index.html +++ b/demos/sortable/index.html @@ -19,6 +19,7 @@ <li><a href="droponempty.html">Dropping on empty lists</a></li> <li><a href="droppable.html">Connect to droppables</a></li> <li><a href="portlets.html">Portlets</a></li> + <li><a href="tolerance.html">Tolerance</a></li> </ul> </div> diff --git a/demos/sortable/tolerance.html b/demos/sortable/tolerance.html new file mode 100644 index 000000000..256b56d86 --- /dev/null +++ b/demos/sortable/tolerance.html @@ -0,0 +1,54 @@ +<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Sortable - Tolerance Demo</title> + <link type="text/css" href="../../themes/base/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"> + #sortable-tolerance-default, #sortable-tolerance-pointer { list-style-type: none; margin: 0; padding: 0; float: left; } + #sortable-tolerance-default li, #sortable-tolerance-pointer li { margin: 3px; padding: 1px; float: left; width: 100px; height: 90px; font-size: 1.3em; text-align: center; } + </style> + <script type="text/javascript"> + $(function() { + $("#sortable-tolerance-default").sortable({ + tolerance: 'default' + }); + $("#sortable-tolerance-pointer").sortable({ + tolerance: 'pointer' + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<ul id="sortable-tolerance-default"> + <li class="ui-state-default"><div class="ui-icon ui-icon-arrow-4"></div>Default tolerance</li> + <li class="ui-state-default"><div class="ui-icon ui-icon-arrow-4"></div>2</li> + <li class="ui-state-default"><div class="ui-icon ui-icon-arrow-4"></div>3</li> +</ul> + +<br style="clear:both;" /> +<br style="clear:both;" /> + +<ul id="sortable-tolerance-pointer"> + <li class="ui-state-default"><div class="ui-icon ui-icon-arrowthick-1-ne"></div>Pointer tolerance</li> + <li class="ui-state-default"><div class="ui-icon ui-icon-arrowthick-1-ne"></div>2</li> + <li class="ui-state-default"><div class="ui-icon ui-icon-arrowthick-1-ne"></div>3</li> +</ul> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p> + +</p> + +</div><!-- End demo-description --> + +</body> +</html> |