Ticket #6259: example.html

File example.html, 1.1 KB (added by avuori, 12 years ago)
Line 
1<html>
2<head>
3<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script> 
4<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.js"></script>
5</head>
6<body>
7
8        <script>
9        $(function() {
10                $("tbody.sortable").sortable({});
11                $(".draggable").draggable({
12                        helper: "clone",
13                        connectToSortable: "tbody.sortable"
14                });
15                $(".droppable")
16                .droppable({drop: function () { alert("dropped"); } });
17                $("td").disableSelection();
18        });
19        </script>
20        <table>
21                <tbody>
22                        <tr class="draggable ui-state-highlight"><td>Drag me down above the sortable, then quickly drag me up directly over and past the droppable</td></tr>
23                        <tr class="droppable ui-state-highlight"><td>Droppable</td></tr>
24                </tbody>
25                <tbody class="sortable">
26                        <tr class="ui-state-default"><td>Item 1</td></tr>
27                        <tr class="ui-state-default"><td>Item 2</td></tr>
28                        <tr class="ui-state-default"><td>Item 3</td></tr>
29                        <tr class="ui-state-default"><td>Item 4</td></tr>
30                        <tr class="ui-state-default"><td>Item 5</td></tr>
31                </tbody>
32        </table>
33</body>
34</html>