|
1
|
<!--
|
|
2
|
|
|
3
|
Strangely, IE sucks with or without the DOCTYPE switch.
|
|
4
|
I thought it would only suck without it.
|
|
5
|
|
|
6
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
|
7
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
8
|
|
|
9
|
Spell Checker Plugin for HTMLArea-3.0
|
|
10
|
Sponsored by www.americanbible.org
|
|
11
|
Implementation by Mihai Bazon, http://dynarch.com/mishoo/
|
|
12
|
|
|
13
|
(c) dynarch.com 2003.
|
|
14
|
Distributed under the same terms as HTMLArea itself.
|
|
15
|
This notice MUST stay intact for use (see license.txt).
|
|
16
|
|
|
17
|
$Id: spell-check-ui.html,v 1.1.1.1 2005/01/30 10:31:42 rdjurovich Exp $
|
|
18
|
|
|
19
|
-->
|
|
20
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
21
|
|
|
22
|
<head>
|
|
23
|
<title>Spell Checker</title>
|
|
24
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
25
|
<script type="text/javascript" src="spell-check-ui.js"></script>
|
|
26
|
|
|
27
|
<style type="text/css">
|
|
28
|
html, body { height: 100%; margin: 0px; padding: 0px; background-color: #fff;
|
|
29
|
color: #000; }
|
|
30
|
a:link, a:visited { color: #00f; text-decoration: none; }
|
|
31
|
a:hover { color: #f00; text-decoration: underline; }
|
|
32
|
|
|
33
|
table { background-color: ButtonFace; color: ButtonText;
|
|
34
|
font-family: tahoma,verdana,sans-serif; font-size: 11px; }
|
|
35
|
|
|
36
|
iframe { background-color: #fff; color: #000; height: 100%; width: 100%; }
|
|
37
|
|
|
38
|
.controls { width: 13em; }
|
|
39
|
.controls .sectitle { /* background-color: #736c6c; color: #fff;
|
|
40
|
border-top: 1px solid #000; border-bottom: 1px solid #fff; */
|
|
41
|
text-align: center;
|
|
42
|
font-weight: bold; padding: 2px 4px; }
|
|
43
|
.controls .secbody { margin-bottom: 10px; }
|
|
44
|
|
|
45
|
button, select { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
|
|
46
|
button { width: 6em; padding: 0px; }
|
|
47
|
|
|
48
|
input, select { font-family: fixed,"andale mono",monospace; }
|
|
49
|
|
|
50
|
#v_currentWord { color: #f00; font-weight: bold; }
|
|
51
|
#statusbar { padding: 7px 0px 0px 5px; }
|
|
52
|
#status { font-weight: bold; }
|
|
53
|
</style>
|
|
54
|
|
|
55
|
</head>
|
|
56
|
|
|
57
|
<body onload="initDocument()">
|
|
58
|
|
|
59
|
<form style="display: none;" action="spell-check-logic.cgi"
|
|
60
|
method="post" target="framecontent"
|
|
61
|
accept-charset="UTF-8"
|
|
62
|
><input type="hidden" name="content" id="f_content"
|
|
63
|
/><input type="hidden" name="dictionary" id="f_dictionary"
|
|
64
|
/><input type="hidden" name="init" id="f_init" value="1"
|
|
65
|
/></form>
|
|
66
|
|
|
67
|
<table style="height: 100%; width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
|
|
68
|
<tr>
|
|
69
|
<td colspan="2" style="height: 1em; padding: 2px;">
|
|
70
|
<div style="float: right; padding: 2px;"><span>Dictionary</span>
|
|
71
|
<select id="v_dictionaries" style="width: 10em"></select>
|
|
72
|
<button id="b_recheck">Re-check</button>
|
|
73
|
</div>
|
|
74
|
<span id="status">Please wait. Calling spell checker.</span>
|
|
75
|
</td>
|
|
76
|
</tr>
|
|
77
|
<tr>
|
|
78
|
<td valign="top" class="controls">
|
|
79
|
<div class="secbody" style="text-align: center">
|
|
80
|
<button id="b_info">Info</button>
|
|
81
|
</div>
|
|
82
|
<div class="sectitle">Original word</div>
|
|
83
|
<div class="secbody" id="v_currentWord" style="text-align:
|
|
84
|
center; margin-bottom: 0px;">pliz weit ;-)</div>
|
|
85
|
<div class="secbody" style="text-align: center">
|
|
86
|
<button id="b_revert">Revert</button>
|
|
87
|
</div>
|
|
88
|
<div class="sectitle">Replace with</div>
|
|
89
|
<div class="secbody">
|
|
90
|
<input type="text" id="v_replacement" style="width: 94%; margin-left: 3%;" /><br />
|
|
91
|
<div style="text-align: center; margin-top: 2px;">
|
|
92
|
<button id="b_replace">Replace</button><button
|
|
93
|
id="b_replall">Replace all</button><br /><button
|
|
94
|
id="b_ignore">Ignore</button><button
|
|
95
|
id="b_ignall">Ignore all</button>
|
|
96
|
</div>
|
|
97
|
</div>
|
|
98
|
<div class="sectitle">Suggestions</div>
|
|
99
|
<div class="secbody">
|
|
100
|
<select size="11" style="width: 94%; margin-left: 3%;" id="v_suggestions"></select>
|
|
101
|
</div>
|
|
102
|
</td>
|
|
103
|
|
|
104
|
<td>
|
|
105
|
<iframe src="about:blank" width="100%" height="100%"
|
|
106
|
id="i_framecontent" name="framecontent"></iframe>
|
|
107
|
</td>
|
|
108
|
</tr>
|
|
109
|
<tr>
|
|
110
|
<td style="height: 1em;" colspan="2">
|
|
111
|
<div style="padding: 4px 2px 2px 2px; float: right;">
|
|
112
|
<button id="b_ok">OK</button>
|
|
113
|
<button id="b_cancel">Cancel</button>
|
|
114
|
</div>
|
|
115
|
<div id="statusbar"></div>
|
|
116
|
</td>
|
|
117
|
</tr>
|
|
118
|
</table>
|
|
119
|
|
|
120
|
</body>
|
|
121
|
|
|
122
|
</html>
|