Skip to content
Permalink
Browse files

Visual testcase for #4231

  • Loading branch information
jzaefferer committed Feb 24, 2010
1 parent 8b20f1f commit 1fd3e6bd0b2bbb06cb4135506e039aad84d15d62
Showing with 79 additions and 0 deletions.
  1. +79 −0 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>

0 comments on commit 1fd3e6b

Please sign in to comment.
You can’t perform that action at this time.