Ticket #5068: dd-forum.html

File dd-forum.html, 1.2 KB (added by kof, 13 years ago)

demo

Line 
1<html>
2<head>
3        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" ></script>
4        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.js" ></script>
5
6        <style>
7                #sortable {
8                        float: left;
9                }
10                #draggable {
11                        float: right;
12                }
13                .overlay {
14                        position: absolute;
15                        width: 425px;
16                        height: 350px;
17                        background: red;
18                        opacity: 0.6;
19                }
20        </style>
21
22<head>
23<body>
24
25<div id="sortable">
26        Using sortable
27        <div id="test" class="container">
28                <div class="overlay"></div>
29                <embed width="425" height="350" src="http://www.youtube.com/v/SDMvw6fNDR4" allowfullscreen="true" allowscriptaccess="always" quality="best" wmode="transparent" bgcolor="#fff" flashvars="" menu="false" type="application/x-shockwave-flash"/>
30        </div>
31</div>
32
33
34<div id="draggable">
35        Using draggable
36        <div id="test" class="container">
37                <div class="overlay"></div>
38                <embed width="425" height="350" src="http://www.youtube.com/v/SDMvw6fNDR4" allowfullscreen="true" allowscriptaccess="always" quality="best" wmode="transparent" bgcolor="#fff" flashvars="" menu="false" type="application/x-shockwave-flash"/>
39        </div>
40</div>
41
42
43
44<script>
45        var $s = $('#sortable').sortable();
46        var $d = $('#draggable').draggable();
47
48</script>
49
50</body>
51</html>