Ticket #3574: connectToSortable.html

File connectToSortable.html, 738 bytes (added by Flat Stanley, 14 years ago)
Line 
1<html>
2        <head>
3                <script language="JavaScript" type="text/javascript" src="jquery.js"></script>
4                <script language="JavaScript" type="text/javascript" src="jquery.ui.js"></script>
5                <style> body {margin: 0px;}</style>
6                <script>
7                        $(document).ready(function(){
8                                $("#trash").droppable({
9                                        accept: ".sortable",
10                                        drop: function(e, ui) {
11                                                ui.draggable.appendTo("#trashed");
12                                        }
13                                })
14                            $("#sortable_list").sortable({});                   
15                        });
16                </script>
17        </head>
18        <body>
19                <ul id="sortable_list">
20                        <li class="sortable">test 1</li>
21                        <li class="sortable">test 2</li>
22                        <li class="sortable">test 3</li>
23                        <li class="sortable">test 4</li>
24                </ul>
25                <div id="trash">trash</div>
26                <ul id="trashed">
27                </ul>                                           
28        </body>
29</html>