← Back to branch summary

~jstys-z/helioviewer.org/timeline

« back to all changes in this revision

Viewing changes to lib/jquery/jquery.ui-1.6rc2/tests/visual/tree.html

  • Committer: V. Keith Hughitt
  • Date: 2009-03-26 19:20:57 UTC
  • Revision ID: hughitt1@kore-20090326192057-u0x8rf8sf5lmmnwh
nightly build 03-26-2009: Using alpha-channel JPEG 2000 dataset

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/jquery/jquery.ui-1.6rc2/tests/visual/tree.html
1
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
 
<html xmlns="http://www.w3.org/1999/xhtml">
3
 
<head>
4
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5
 
<title>Untitled Document</title>
6
 
 
7
 
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
8
 
<script type="text/javascript" src="../../ui/ui.core.js"></script>
9
 
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
10
 
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
11
 
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
12
 
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
13
 
<script type="text/javascript" src="../../../branches/1.8/ui.tree.js"></script>
14
 
 
15
 
 
16
 
<script>
17
 
$(document).ready(function(){
18
 
 
19
 
$("ul.sortable").tree({
20
 
        sortOn: "li",
21
 
        dropOn: ".folder",
22
 
        dropHoverClass: "hover"
23
 
});
24
 
 
25
 
 
26
 
        
27
 
});
28
 
</script>
29
 
 
30
 
<style type="text/css">
31
 
body {
32
 
background:#fff;
33
 
color:#333;
34
 
font-size:11px;
35
 
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
36
 
}
37
 
 
38
 
.hover {
39
 
        background: green;
40
 
        color: #fff;
41
 
}
42
 
 
43
 
.placeholder {
44
 
        display: none;
45
 
}
46
 
 
47
 
.hover-up {
48
 
        border-bottom: 2px solid black;
49
 
}
50
 
 
51
 
.hover-down {
52
 
        border-top: 2px solid black;
53
 
}
54
 
 
55
 
.folder {
56
 
        border: 1px solid black;
57
 
}
58
 
 
59
 
li {
60
 
        padding: 3px;
61
 
}
62
 
 
63
 
</style>
64
 
</head>
65
 
 
66
 
<body>
67
 
 
68
 
        <ul class="sortable">
69
 
                <li><div class="folder">Item 1</div></li>
70
 
                <li><div class="folder">Item 2</div>
71
 
                        <ul>
72
 
                                <li>Sub Item 1</li>
73
 
                                <li>Sub Item 3</li>
74
 
                                <li>Sub Item 4</li>
75
 
                                <li>Sub Item 5</li>
76
 
                        </ul>
77
 
                </li>
78
 
                <li><div class="folder">Item 3</div></li>
79
 
                <li><div class="folder">Item 4</div></li>
80
 
                <li><div class="folder">Item 4</div></li>
81
 
                <li><div class="folder">Item 4</div></li>
82
 
                <li><div class="folder">Item 4</div></li>
83
 
                <li><div class="folder">Item 4</div></li>
84
 
                <li><div class="folder">Item 4</div></li>
85
 
                <li><div class="folder">Item 4</div></li>
86
 
                <li><div class="folder">Item 2</div>
87
 
                        <ul>
88
 
                                <li>Sub Item 1</li>
89
 
                                <li>Sub Item 3</li>
90
 
                                <li>Sub Item 4</li>
91
 
                                <li>Sub Item 5</li>
92
 
                        </ul>
93
 
                </li>
94
 
                <li>Item 6</li>
95
 
                <li>Item 7</li>
96
 
                <li>Item 8</li>
97
 
        </ul>
98
 
 
99
 
</body>
100
 
</html>
 
 
b'\\ No newline at end of file'