| 1 |
lars |
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 42 2007-04-18 10:07:34Z tiefland $
|
|
|
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>
|