-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemoFrameless.html
executable file
·195 lines (159 loc) · 7.75 KB
/
demoFrameless.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<HTML>
<!--------------------------------------------------------------->
<!-- Copyright (c) 2006 by Conor O'Mahony. -->
<!-- For enquiries, please email GubuSoft@GubuSoft.com. -->
<!-- Please keep all copyright notices below. -->
<!-- Original author of TreeView script is Marcelino Martins. -->
<!--------------------------------------------------------------->
<!-- This document includes the TreeView script. The TreeView -->
<!-- script can be found at http://www.TreeView.net. The -->
<!-- script is Copyright (c) 2006 by Conor O'Mahony. -->
<!--------------------------------------------------------------->
<!-- Instructions: -->
<!-- Follow the steps labeled SECTION1, SECTION2, and so on -->
<!-- in this file. -->
<!--------------------------------------------------------------->
<HEAD>
<TITLE>TreeView Demo: Frameless Layout</TITLE>
<!------------------------------------------------------------>
<!-- SECTION 1: -->
<!-- If you want, edit the styles for the remainder if the -->
<!-- document. -->
<!------------------------------------------------------------>
<STYLE>
/* */
/* Styles for the tree. */
/* */
SPAN.TreeviewSpanArea A {
font-size: 10pt;
font-family: verdana,helvetica;
text-decoration: none;
color: black;}
SPAN.TreeviewSpanArea A:hover {
color: '#820082';}
/* */
/* Styles for the remainder of the document. */
/* */
BODY {
background-color: white;}
TD {
font-size: 10pt;
font-family: verdana,helvetica;}
</STYLE>
<!------------------------------------------------------------>
<!-- SECTION 2: -->
<!-- Replace everything (HTML, JavaScript, etc.) from here -->
<!-- until the beginning of SECTION 3 with the pieces of -->
<!-- the <HEAD> section that are needed for your site. -->
<!------------------------------------------------------------>
<SCRIPT>
// Note that this script is not related with the tree itself.
// It is just used for this example.
function getQueryString(index) {
var paramExpressions;
var param
var val
paramExpressions = window.location.search.substr(1).split("&");
if (index < paramExpressions.length) {
param = paramExpressions[index];
if (param.length > 0) {
return eval(unescape(param));
}
}
return ""
}
</SCRIPT>
<!------------------------------------------------------------>
<!-- SECTION 3: -->
<!-- Code for browser detection. DO NOT REMOVE. -->
<!------------------------------------------------------------>
<SCRIPT src="ua.js"></SCRIPT>
<!-- Infrastructure code for the TreeView. DO NOT REMOVE. -->
<SCRIPT src="ftiens4.js"></SCRIPT>
<!-- Scripts that define the tree. DO NOT REMOVE. -->
<SCRIPT src="demoFramelessNodes.js"></SCRIPT>
</HEAD>
<!------------------------------------------------------------->
<!-- SECTION 4: -->
<!-- Change the <BODY> tag for use with your site. -->
<!------------------------------------------------------------->
<BODY bgcolor="white" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onResize="if (navigator.family == 'nn4') window.location.reload()">
<!------------------------------------------------------------->
<!-- SECTION 5: -->
<!-- The main body of the page, including the table -->
<!-- structure that contains the tree and the contents. -->
<!------------------------------------------------------------->
<TABLE cellpadding="0" cellspacing="0" border="0" width="772">
<TR>
<TD width="178" valign="top">
<TABLE cellpadding="4" cellspacing="0" border="0" width="100%">
<TR>
<TD bgcolor="#ECECD9">
<TABLE cellspacing="0" cellpadding="2" border="0" width="100%">
<TR>
<TD bgcolor="white">
<!------------------------------------------------------------->
<!-- SECTION 6: -->
<!-- Build the tree. -->
<!------------------------------------------------------------->
<!------------------------------------------------------------->
<!-- IMPORTANT NOTICE: -->
<!-- Removing the following link will prevent this script -->
<!-- from working. Unless you purchase the registered -->
<!-- version of TreeView, you must include this link. -->
<!-- If you make any unauthorized changes to the following -->
<!-- code, you will violate the user agreement. If you want -->
<!-- to remove the link, see the online FAQ for instructions -->
<!-- on how to obtain a version without the link. -->
<!------------------------------------------------------------->
<TABLE border=0><TR><TD><FONT size=-2><A style="font-size:7pt;text-decoration:none;color:silver" href="http://www.treemenu.net/" target=_blank>Javascript Tree Menu</A></FONT></TD></TR></TABLE>
<SPAN class=TreeviewSpanArea>
<SCRIPT>initializeDocument()</SCRIPT>
<NOSCRIPT>
A tree for site navigation will open here if you enable JavaScript in your browser.
</NOSCRIPT>
</SPAN>
<!------------------------------------------------------------->
<!-- SECTION 7: -->
<!-- And now we have the continuation of the body of the -->
<!-- page, after the tree. Replace this entire section with -->
<!-- your site's HTML. -->
<!------------------------------------------------------------->
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
<TD bgcolor="white" valign="top">
<TABLE cellpadding="10" cellspacing="0" border="0" width="100%">
<TR>
<TD>
<SCRIPT>
// This code is needed only for this demo, not for your site
var picURL
picURL = getQueryString(0)
if (picURL.length > 0)
document.write("<img src=http://www.treeview.net/treemenu/demopics/" + picURL + "><br><br>");
</SCRIPT>
<H4>Frameless Layout For Treeview</H4>
<P>This is the demo for the frameless layout of the TreeView. For instructions on
this type of layout and others, check the online
<A HREF="http://www.treeview.net/tv/instructions.asp">Instructions</A> on
the Web page.</P>
<P>To simplify the demo, most links on the tree actually reload the same page (only
with different arguments for different pictures). In your site, you will probably
be linking to different pages, and many of them will also contain the tree. This
way the user can jump from page to page clicking the tree.</P>
<P>Note how some of the expandable/collapsible nodes have a hyperlink on their
name (the folder itself can load a page) and others don't. The two types were mixed
here for demo purposes.</P>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>