diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2010-02-24 19:27:13 +0000 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2010-02-24 19:27:13 +0000 |
| commit | 1fd3e6bd0b2bbb06cb4135506e039aad84d15d62 (patch) | |
| tree | 053f9593386e1b5389a9d371dac04c18bffe24e8 | |
| parent | 8b20f1ff9b0674690160c7fa118d2bbf174192f3 (diff) | |
| download | jquery-ui-1fd3e6bd0b2bbb06cb4135506e039aad84d15d62.tar.gz jquery-ui-1fd3e6bd0b2bbb06cb4135506e039aad84d15d62.zip | |
Visual testcase for #4231
| -rw-r--r-- | tests/visual/sortable/sortable_ticket_4231.html | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/tests/visual/sortable/sortable_ticket_4231.html b/tests/visual/sortable/sortable_ticket_4231.html new file mode 100644 index 000000000..7f01b9f0a --- /dev/null +++ b/tests/visual/sortable/sortable_ticket_4231.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html> + +<head> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <script type="text/javascript" src="../../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script> +<meta charset=utf-8 /> +<title>Visual testcase for #4231</title> + <style> + .scrollArea { + overflow: auto; + width: 400px; + height: 600px; + } + .dropArea { + height: 100px; + width: 380px; + padding: 0 0 0 0; + background-color: #CCCCCC; + margin: 10px 0 10px 0; + } + .dragArea { + width: 100px; + height: 30px; + background-color: #FF0000; + margin: 10px 0 10px 0; + } + .inv { + position: absolute; + left: 450px; + top: 10px; + width: 150px; + height: 600px; + } + </style> + <script>jQuery(document).ready(function(){ + $(".dropArea").droppable({ + drop: function(ev, ui) { $(ui.draggable).html("dropped"); } + }) + .sortable(); + $(".dragArea").draggable({ + connectToSortable: '.dropArea', + revert: 'invalid', + helper: 'clone' + }); + }); +</script> +</head> +<body> + <div class="scrollArea"> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + <ul class="dropArea"></ul> + </div> + + <ul class="inv"> + <li class="dragArea">Drag me</li> + <li class="dragArea">Drag me</li> + <li class="dragArea">Drag me</li> + </ul> + +</body> +</html>
\ No newline at end of file |