diff options
| author | Richard Worth <rdworth@gmail.com> | 2009-02-07 17:19:25 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2009-02-07 17:19:25 +0000 |
| commit | 849ed445c0991d09bba8912f98ff8269a6cb43e6 (patch) | |
| tree | a42ac4753941b6b25df2130d8498a75c70b157eb /demos | |
| parent | c55162bd726fd06a53220b1cb110fce7a517c622 (diff) | |
| download | jquery-ui-849ed445c0991d09bba8912f98ff8269a6cb43e6.tar.gz jquery-ui-849ed445c0991d09bba8912f98ff8269a6cb43e6.zip | |
moved test page (#4088) from demos/sortable to tests/visual/sortable
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/sortable/with-droppable.html | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/demos/sortable/with-droppable.html b/demos/sortable/with-droppable.html deleted file mode 100644 index d9b62f5b7..000000000 --- a/demos/sortable/with-droppable.html +++ /dev/null @@ -1,64 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Sortable - Connected With Droppable</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.1.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.droppable.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } - #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } - #sortable li span { position: absolute; margin-left: -1.3em; } - - #trash { width: 58%; height: 8em; padding: 1%; margin-top: 1%; } - #trash h4 { line-height: 16px; margin: 0 0 0.4em; } - #trash h4 .ui-icon { float: left; } - </style> - <script type="text/javascript"> - $(function() { - $("#sortable").sortable(); - $("#trash").droppable({ - accept: '#sortable > li', - activeClass: 'ui-state-highlight', - drop: function(ev, ui) { - if (ui.draggable.is('#special')) { - setTimeout(function() { ui.draggable.remove(); }, 1); - } else { - ui.draggable.remove(); - ui.draggable.html('<strong>I was dropped and removed, but still here I am!</strong>'); - } - } - }); - }); - </script> -</head> -<body> -<div class="demo"> - -<ul id="sortable"> - <li class="ui-state-default" id="special"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1 - I am special! I will be removed when I'm dropped.</li> - <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li> - <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li> - <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li> - <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li> - <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li> - <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li> -</ul> - -<div id="trash" class="ui-widget-content ui-state-default"> - <h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Drop us here</h4> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p>This is a testcase for <a href="http://dev.jqueryui.com/ticket/4088">#4088</a>. Burn after resolving.</p> - -</div><!-- End demo-description --> - -</body> -</html> |