-
Notifications
You must be signed in to change notification settings - Fork 23
/
index.html
252 lines (195 loc) · 7.21 KB
/
index.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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<link href="/include/elib1.css" type="text/css" rel="stylesheet"/>
<link type='text/css' href='basic.css' rel='stylesheet'/>
<style>
div#mynote {
display: none;
position: fixed;
padding:10px;
top:100;
left:100;
width:600;
height:400;
background-color:white;
border: 2px solid black;
}
a.but {text-decoration:none;
font-size:0.8em;
font-family:sans}
a.but:hover {background-color:yellow;
border: solid thin #666666; }
.title {color:blue; padding-left:5px;
border:1px solid black; background-color:#ddffff}
.linkaddr {padding-left:5px;
border:1px solid black; background-color:orange}
.linkname {padding-left:5px;
border:1px solid black; background-color:yellow}
</style>
<script src="/include/jquery-1.3.2.min.js"></script>
<script src="/include/jquery.inspect.js"></script>
<script src="/include/jquery.simplemodal-1.3.3.js"></script>
<script>
function editme(){
$.modal("<div contenteditable='true'><p class='title'>Title</p><p>I'm an edit box edit me</div>");
}
function add_pre(){
document.execCommand("insertHTML", false, "<pre>Pre</pre>");
}
function add_link(){
document.execCommand("insertHTML", false,
"<span><span class='linkaddr'>http://www.google.com</span> " +
"<span class='linkname'>Google</span> " +
"<a href='#' onclick='go_link(this)' contenteditable=false>click</a></span> ");
}
function add_link1(){
document.execCommand("insertHTML", false,
"<span contentetable='false'>" +
"<a contenteditable='false' href='http://www.google.com'>Google</a> " +
"<a href='#' onclick='edit_link1(this)'>" +
"<img border='0' contenteditable='false' src='./circle.gif'/></a> "
+ "</span> ");
}
function add_button(){
document.execCommand("insertHTML", false,
"<span contentetable='false'>" +
"<button onclick='nonthing-to_do()'>Click</button>" +
"<a href='#' onclick='button(this)'>" +
"<img border='0' contenteditable='false' src='./circle.gif'/></a> ");
}
function go_link(x){
var div = x.parentNode;
var uri = div.children[0].childNodes[0].nodeValue;
var site = div.children[1].childNodes[0].nodeValue;
alert("uri="+uri+" site="+site);
}
function edit_link1(x){
var div = x.parentNode;
var uri = div.children[0].getAttribute("href");
var site = div.children[0].childNodes[0].nodeValue;
alert("edit uri="+uri+" site="+site);
}
function show(){
$("body").css("background", "#cccccc");
$("#mynote").show();
}
function cancel(){
quit();
}
function quit(){
$("body").css("background", "white");
var title = $("#title").html();
var x = $("#content").html();
alert("title:"+title+"\ncontent:"+x);
$("#value").html(x),
$("#mynote").hide();
}
</script>
<body id="body">
<div id="mynote">
<center>
<table width="100%">
<tr>
<td align="left">
<a class="but" href="#" onclick="add_button()">button</a>
<a class="but" href="#" onclick="add_pre()">pre</a>
<a class="but" href="#" onclick="add_link()">link</a>
<a class="but" href="#" onclick="add_link1()">new link</a>
</td>
<td align="right">
<a class="but" href="#" onclick="run()">run</a>
<a class="but" href="#" onclick="check()">check</a>
<a class="but" href="#" onclick="save()">save</a>
<a class="but" href="#" onclick="revert()">revert</a>
<a class="but" href="#" onclick="quit()">quit</a>
</td>
</tr>
<tr>
<td colspan="2">
<div contenteditable="true">
<p id="title" class="title">Title</p>
<div id="content">
<p>I am a hidden window</p>
</div>
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="value"></div>
<img src="/include/images/joe.jpg" width="200"/>
<h1>Welcome to elib</h1>
<p>Structure</p>
<pre>
/lib/src/*.erl
/ebin/*.beam
/doc/*.html
/supported/website/ -- website
/tagger/ -- browsable html
/indexer/ -- full text indexing program
/irc/ -- irc stuff
/template/ -- example supported application
/drivers/ -- example linked in and port drivers
/unsupported/ -- incomplete experiments
/bin/eindex -- full text indexing program
/include/ -- include files
mainly js and dtd's images etc
Makefile -- do it all
Readme -- description
</pre>
<p><button onclick="editme()">note</button></p>
<p><button onclick="show()">show</button>
</p>
<p>Run the <a href="/examples/flows/index.html">test cases</a>
<p>You are at the root of the web server ~elib2.1/index.html</p>
<a href="/cgi?mod=elib1_content_edit&func=list_dir">autogen dir</a>
<a href="doc/index.html">INDEX</a>
<p><a href="examples/flows/flow_start.html">flow start</a></p>
<p>This is using elib1_new_webkit batch server. Basically there are
two forms of URL:</p>
<ol>
<li>Regular links, like: <tt><a href="foo.html">foo</a></tt>.
Clicking on a regular link just fetches the item concerned.</li>
<li>Module links, like: <tt><a
href="mod?mod=cedit&func=edit&file=/examples/ebook/estore1.xml">Edit
George</a></tt> Module links evaluate code. In the example the
code is in the mode <tt>cedit.erl</tt> - <tt>cedit</tt> will be
dynamically recompiled if it is outofdate</li>
</ol>
<p>At the moment the code for the website is spread out all over
the place. I'll merge it later when stuff works. The general idea is
not to break things by moving too much at any one time.</p>
<p>The website has an on-line and off-line component. If you have
downloaded the site and are running locally you can do a lot more
than if you are are remotely viewing the site. Off line you can only
read the documentation, but if you download the stuff you can interact
with the programs.</p>
<ul>
<li><a href="examples/doc/content/book.html">book</a></li>
<li><a href="examples/ebook/george.html">View George</a></li>
<li><a href="mod?mod=/examples/ebook/cedit&op=edit&file=/examples/ebook/estore1.xml">Edit George</a></li>
<li><a href="mod?mod=/examples/ebook/cedit&op=edit&file=/examples/ebook/ebook1.xml">Edit Ebook1</a></li>
</ul>
<p>
<a href="/">Simple Browser</a>
<a href="examples/website/new.html">iframe Browser</a>
<a href="examples/website/editor.html">editor</a>
<p>This is a library of erlang modules</p>
<p>When you have installed the library you should also have a function
web server that you can use to interact with the applications.</p>
<p>
There are also a number of applications that are written using the
modules in the library.
</p>
<p>To view this web site and to interact with the applications
it is assumed that you are running the Erlang web server which is
an integral part of the library.</p>
<p>Top start the system and view the website you should give the
command "make" in the top-level directory of the website.</p>
<a href="lib/src/readme.html">The Library</a>
<a href="examples/find/keep.html">finder that works</a>
<a href="examples/find/work.html">finder that is Dev</a>
<p>
<a href="examples/website/browser.html">Fancy Browser</a>
</p>
<p><a href="html/doc.html">Doc</a></p>
</body>