1 | <html> |
---|
2 | <head> |
---|
3 | <title>Insert special character</title> |
---|
4 | <style type="text/css"> |
---|
5 | @import url(../../../htmlarea.css); |
---|
6 | td.character { |
---|
7 | font-family: Verdana,Arial,Helvetica,sans-serif; |
---|
8 | font-size: 14px; |
---|
9 | font-weight: bold; |
---|
10 | text-align: center; |
---|
11 | background: #FFF; |
---|
12 | padding: 4px; |
---|
13 | } |
---|
14 | |
---|
15 | td.character-hilite { |
---|
16 | background: Highlight; |
---|
17 | color: HighlightText; |
---|
18 | } |
---|
19 | |
---|
20 | html, body { |
---|
21 | background: ButtonFace; |
---|
22 | color: ButtonText; |
---|
23 | font: 11px Tahoma,Verdana,sans-serif; |
---|
24 | margin: 0px; |
---|
25 | padding: 0px; |
---|
26 | } |
---|
27 | body { padding: 5px; } |
---|
28 | table { |
---|
29 | font: 11px Tahoma,Verdana,sans-serif; |
---|
30 | } |
---|
31 | select, input, button { font: 11px Tahoma,Verdana,sans-serif; } |
---|
32 | button { width: 70px; } |
---|
33 | table .label { text-align: right; width: 8em; } |
---|
34 | |
---|
35 | .title { background: none; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; |
---|
36 | border-bottom: 1px solid black; letter-spacing: 2px; |
---|
37 | } |
---|
38 | #buttons { |
---|
39 | margin-top: 1em; border-top: 1px solid #999; |
---|
40 | padding: 2px; text-align: right; |
---|
41 | } |
---|
42 | </style> |
---|
43 | <script type="text/javascript" src="../../../popups/popup.js"></script> |
---|
44 | <script type="text/javascript"> |
---|
45 | // HTMLSource based on HTMLArea XTD 1.5 (http://mosforge.net/projects/htmlarea3xtd/) modified by Holger Hees |
---|
46 | // Original Author - Bernhard Pfeifer novocaine@gmx.net |
---|
47 | |
---|
48 | CharacterMap = window.opener.CharacterMap; // load the CharacterMap plugin and lang file ;-) |
---|
49 | window.resizeTo(480, 300); |
---|
50 | // center on parent |
---|
51 | var x = opener.screenX + (opener.outerWidth - window.outerWidth) / 2; |
---|
52 | var y = opener.screenY + (opener.outerHeight - window.outerHeight) / 2; |
---|
53 | window.moveTo(x, y); |
---|
54 | |
---|
55 | function _CloseOnEsc() |
---|
56 | { |
---|
57 | if ( event.keyCode == 27 ) |
---|
58 | { |
---|
59 | window.close(); |
---|
60 | return; |
---|
61 | } |
---|
62 | } |
---|
63 | |
---|
64 | function Init() // run on page load |
---|
65 | { |
---|
66 | __dlg_translate(CharacterMap.I18N); |
---|
67 | __dlg_init(); |
---|
68 | document.body.onkeypress = _CloseOnEsc; |
---|
69 | |
---|
70 | var character = ''; // set default input to empty |
---|
71 | View( null, character ); |
---|
72 | } |
---|
73 | |
---|
74 | var oldView = null; |
---|
75 | function View( td, character ) // preview character |
---|
76 | { |
---|
77 | if (oldView) |
---|
78 | oldView.className = oldView.className.replace(/\s+character-hilite/, ''); |
---|
79 | document.getElementById( 'characterPreview' ).value = character; |
---|
80 | document.getElementById( 'showCharacter' ).value = character; |
---|
81 | if (td) |
---|
82 | (oldView = td).className += " character-hilite"; |
---|
83 | } |
---|
84 | |
---|
85 | function Set( string ) // return character |
---|
86 | { |
---|
87 | var character = string; |
---|
88 | |
---|
89 | __dlg_close( character ); |
---|
90 | } |
---|
91 | |
---|
92 | function onCancel() // cancel selection |
---|
93 | { |
---|
94 | __dlg_close( null ); |
---|
95 | |
---|
96 | return false; |
---|
97 | }; |
---|
98 | |
---|
99 | </script> |
---|
100 | </head> |
---|
101 | <body style="background: Buttonface; margin: 0px; padding: 0px" onload="Init();self.focus();"> |
---|
102 | <form method="get" style="margin:2px; padding:2px" onSubmit="Set(document.getElementById('showCharacter').value); return false;"> |
---|
103 | <table border="0" cellspacing="0" cellpadding="4" width="100%"> |
---|
104 | <tr> |
---|
105 | <td style="background: Buttonface" valign="center"><div style="padding: 1px; white-space: nowrap; font-family: tahoma,arial,sans-serif; font-size: 11px; font-weight: normal;">HTML value:<div id="characterPreview"></div></div></td> |
---|
106 | <td style="background: Buttonface" valign="center"><input type="text" name="showcharacter" id="showCharacter" value="" size="15" style="background: #fff; font-size: 11px;" /></td> |
---|
107 | <td style="background: Buttonface" width="100%"></td> |
---|
108 | </tr> |
---|
109 | </table> |
---|
110 | </form> |
---|
111 | <table border="0" cellspacing="1" cellpadding="0" width="100%" style="cursor: pointer; background: #ADAD9C; border: 1px inset;"> |
---|
112 | <tr> |
---|
113 | <td class="character" onMouseOver="View(this,'&Yuml;')" onClick="Set('Ÿ')">Ÿ</td> |
---|
114 | <td class="character" onMouseOver="View(this,'&scaron;')" onClick="Set('š')">š</td> |
---|
115 | <td class="character" onMouseOver="View(this,'&#064;')" onClick="Set('@')">@</td> |
---|
116 | <td class="character" onMouseOver="View(this,'&quot;')" onClick="Set('"')">"</td> |
---|
117 | <td class="character" onMouseOver="View(this,'&iexcl;')" onClick="Set('¡')">¡</td> |
---|
118 | <td class="character" onMouseOver="View(this,'&cent;')" onClick="Set('¢')">¢</td> |
---|
119 | <td class="character" onMouseOver="View(this,'&pound;')" onClick="Set('£')">£</td> |
---|
120 | <td class="character" onMouseOver="View(this,'&curren;')" onClick="Set('¤')">¤</td> |
---|
121 | <td class="character" onMouseOver="View(this,'&yen;')" onClick="Set('¥')">¥</td> |
---|
122 | <td class="character" onMouseOver="View(this,'&brvbar;')" onClick="Set('¦')">¦</td> |
---|
123 | <td class="character" onMouseOver="View(this,'&sect;')" onClick="Set('§')">§</td> |
---|
124 | <td class="character" onMouseOver="View(this,'&uml;')" onClick="Set('¨')">¨</td> |
---|
125 | <td class="character" onMouseOver="View(this,'&copy;')" onClick="Set('©')">©</td> |
---|
126 | <td class="character" onMouseOver="View(this,'&ordf;')" onClick="Set('ª')">ª</td> |
---|
127 | <td class="character" onMouseOver="View(this,'&laquo;')" onClick="Set('«')">«</td> |
---|
128 | <td class="character" onMouseOver="View(this,'&not;')" onClick="Set('¬')">¬</td> |
---|
129 | </tr><tr> |
---|
130 | <td class="character" onMouseOver="View(this,'&macr;')" onClick="Set('¯')">¯</td> |
---|
131 | <td class="character" onMouseOver="View(this,'&deg;')" onClick="Set('°')">°</td> |
---|
132 | <td class="character" onMouseOver="View(this,'&plusmn;')" onClick="Set('±')">±</td> |
---|
133 | <td class="character" onMouseOver="View(this,'&sup2;')" onClick="Set('²')">²</td> |
---|
134 | <td class="character" onMouseOver="View(this,'&sup3;')" onClick="Set('³')">³</td> |
---|
135 | <td class="character" onMouseOver="View(this,'&acute;')" onClick="Set('´')">´</td> |
---|
136 | <td class="character" onMouseOver="View(this,'&micro;')" onClick="Set('µ')">µ</td> |
---|
137 | <td class="character" onMouseOver="View(this,'&para;')" onClick="Set('¶')">¶</td> |
---|
138 | <td class="character" onMouseOver="View(this,'&middot;')" onClick="Set('·')">·</td> |
---|
139 | <td class="character" onMouseOver="View(this,'&cedil;')" onClick="Set('¸')">¸</td> |
---|
140 | <td class="character" onMouseOver="View(this,'&sup1;')" onClick="Set('¹')">¹</td> |
---|
141 | <td class="character" onMouseOver="View(this,'&ordm;')" onClick="Set('º')">º</td> |
---|
142 | <td class="character" onMouseOver="View(this,'&raquo;')" onClick="Set('»')">»</td> |
---|
143 | <td class="character" onMouseOver="View(this,'&frac14;')" onClick="Set('¼')">¼</td> |
---|
144 | <td class="character" onMouseOver="View(this,'&frac12;')" onClick="Set('½')">½</td> |
---|
145 | <td class="character" onMouseOver="View(this,'&frac34;')" onClick="Set('¾')">¾</td> |
---|
146 | </tr><tr> |
---|
147 | <td class="character" onMouseOver="View(this,'&iquest;')" onClick="Set('¿')">¿</td> |
---|
148 | <td class="character" onMouseOver="View(this,'&times;')" onClick="Set('×')">×</td> |
---|
149 | <td class="character" onMouseOver="View(this,'&Oslash;')" onClick="Set('Ø')">Ø</td> |
---|
150 | <td class="character" onMouseOver="View(this,'&divide;')" onClick="Set('÷')">÷</td> |
---|
151 | <td class="character" onMouseOver="View(this,'&oslash;')" onClick="Set('ø')">ø</td> |
---|
152 | <td class="character" onMouseOver="View(this,'&fnof;')" onClick="Set('ƒ')">ƒ</td> |
---|
153 | <td class="character" onMouseOver="View(this,'&circ;')" onClick="Set('ˆ')">ˆ</td> |
---|
154 | <td class="character" onMouseOver="View(this,'&tilde;')" onClick="Set('˜')">˜</td> |
---|
155 | <td class="character" onMouseOver="View(this,'&ndash;')" onClick="Set('–')">–</td> |
---|
156 | <td class="character" onMouseOver="View(this,'&mdash;')" onClick="Set('—')">—</td> |
---|
157 | <td class="character" onMouseOver="View(this,'&lsquo;')" onClick="Set('‘')">‘</td> |
---|
158 | <td class="character" onMouseOver="View(this,'&rsquo;')" onClick="Set('’')">’</td> |
---|
159 | <td class="character" onMouseOver="View(this,'&sbquo;')" onClick="Set('‚')">‚</td> |
---|
160 | <td class="character" onMouseOver="View(this,'&ldquo;')" onClick="Set('“')">“</td> |
---|
161 | <td class="character" onMouseOver="View(this,'&rdquo;')" onClick="Set('”')">”</td> |
---|
162 | <td class="character" onMouseOver="View(this,'&bdquo;')" onClick="Set('„')">„</td> |
---|
163 | </tr><tr> |
---|
164 | <td class="character" onMouseOver="View(this,'&dagger;')" onClick="Set('†')">†</td> |
---|
165 | <td class="character" onMouseOver="View(this,'&Dagger;')" onClick="Set('‡')">‡</td> |
---|
166 | <td class="character" onMouseOver="View(this,'&bull;')" onClick="Set('•')">•</td> |
---|
167 | <td class="character" onMouseOver="View(this,'&hellip;')" onClick="Set('…')">…</td> |
---|
168 | <td class="character" onMouseOver="View(this,'&permil;')" onClick="Set('‰')">‰</td> |
---|
169 | <td class="character" onMouseOver="View(this,'&lsaquo;')" onClick="Set('‹')">‹</td> |
---|
170 | <td class="character" onMouseOver="View(this,'&rsaquo;')" onClick="Set('›')">›</td> |
---|
171 | <td class="character" onMouseOver="View(this,'&euro;')" onClick="Set('€')">€</td> |
---|
172 | <td class="character" onMouseOver="View(this,'&trade;')" onClick="Set('™')">™</td> |
---|
173 | <td class="character" onMouseOver="View(this,'&Agrave;')" onClick="Set('À')">À</td> |
---|
174 | <td class="character" onMouseOver="View(this,'&Aacute;')" onClick="Set('Á')">Á</td> |
---|
175 | <td class="character" onMouseOver="View(this,'&Acirc;')" onClick="Set('Â')">Â</td> |
---|
176 | <td class="character" onMouseOver="View(this,'&Atilde;')" onClick="Set('Ã')">Ã</td> |
---|
177 | <td class="character" onMouseOver="View(this,'&Auml;')" onClick="Set('Ä')">Ä</td> |
---|
178 | <td class="character" onMouseOver="View(this,'&Aring;')" onClick="Set('Å')">Å</td> |
---|
179 | <td class="character" onMouseOver="View(this,'&AElig;')" onClick="Set('Æ')">Æ</td> |
---|
180 | </tr><tr> |
---|
181 | <td class="character" onMouseOver="View(this,'&Ccedil;')" onClick="Set('Ç')">Ç</td> |
---|
182 | <td class="character" onMouseOver="View(this,'&Egrave;')" onClick="Set('È')">È</td> |
---|
183 | <td class="character" onMouseOver="View(this,'&Eacute;')" onClick="Set('É')">É</td> |
---|
184 | <td class="character" onMouseOver="View(this,'&Ecirc;')" onClick="Set('Ê')">Ê</td> |
---|
185 | <td class="character" onMouseOver="View(this,'&Euml;')" onClick="Set('Ë')">Ë</td> |
---|
186 | <td class="character" onMouseOver="View(this,'&Igrave;')" onClick="Set('Ì')">Ì</td> |
---|
187 | <td class="character" onMouseOver="View(this,'&Iacute;')" onClick="Set('Í')">Í</td> |
---|
188 | <td class="character" onMouseOver="View(this,'&Icirc;')" onClick="Set('Î')">Î</td> |
---|
189 | <td class="character" onMouseOver="View(this,'&Iuml;')" onClick="Set('Ï')">Ï</td> |
---|
190 | <td class="character" onMouseOver="View(this,'&ETH;')" onClick="Set('Ð')">Ð</td> |
---|
191 | <td class="character" onMouseOver="View(this,'&Ntilde;')" onClick="Set('Ñ')">Ñ</td> |
---|
192 | <td class="character" onMouseOver="View(this,'&Ograve;')" onClick="Set('Ò')">Ò</td> |
---|
193 | <td class="character" onMouseOver="View(this,'&Oacute;')" onClick="Set('Ó')">Ó</td> |
---|
194 | <td class="character" onMouseOver="View(this,'&Ocirc;')" onClick="Set('Ô')">Ô</td> |
---|
195 | <td class="character" onMouseOver="View(this,'&Otilde;')" onClick="Set('Õ')">Õ</td> |
---|
196 | <td class="character" onMouseOver="View(this,'&Ouml;')" onClick="Set('Ö')">Ö</td> |
---|
197 | </tr><tr> |
---|
198 | <td class="character" onMouseOver="View(this,'&reg;')" onClick="Set('®')">®</td> |
---|
199 | <td class="character" onMouseOver="View(this,'&times;')" onClick="Set('×')">×</td> |
---|
200 | <td class="character" onMouseOver="View(this,'&Ugrave;')" onClick="Set('Ù')">Ù</td> |
---|
201 | <td class="character" onMouseOver="View(this,'&Uacute;')" onClick="Set('Ú')">Ú</td> |
---|
202 | <td class="character" onMouseOver="View(this,'&Ucirc;')" onClick="Set('Û')">Û</td> |
---|
203 | <td class="character" onMouseOver="View(this,'&Uuml;')" onClick="Set('Ü')">Ü</td> |
---|
204 | <td class="character" onMouseOver="View(this,'&Yacute;')" onClick="Set('Ý')">Ý</td> |
---|
205 | <td class="character" onMouseOver="View(this,'&THORN;')" onClick="Set('Þ')">Þ</td> |
---|
206 | <td class="character" onMouseOver="View(this,'&szlig;')" onClick="Set('ß')">ß</td> |
---|
207 | <td class="character" onMouseOver="View(this,'&agrave;')" onClick="Set('à')">à</td> |
---|
208 | <td class="character" onMouseOver="View(this,'&aacute;')" onClick="Set('á')">á</td> |
---|
209 | <td class="character" onMouseOver="View(this,'&acirc;')" onClick="Set('â')">â</td> |
---|
210 | <td class="character" onMouseOver="View(this,'&atilde;')" onClick="Set('ã')">ã</td> |
---|
211 | <td class="character" onMouseOver="View(this,'&auml;')" onClick="Set('ä')">ä</td> |
---|
212 | <td class="character" onMouseOver="View(this,'&aring;')" onClick="Set('å')">å</td> |
---|
213 | <td class="character" onMouseOver="View(this,'&aelig;')" onClick="Set('æ')">æ</td> |
---|
214 | </tr><tr> |
---|
215 | <td class="character" onMouseOver="View(this,'&ccedil;')" onClick="Set('ç')">ç</td> |
---|
216 | <td class="character" onMouseOver="View(this,'&egrave;')" onClick="Set('è')">è</td> |
---|
217 | <td class="character" onMouseOver="View(this,'&eacute;')" onClick="Set('é')">é</td> |
---|
218 | <td class="character" onMouseOver="View(this,'&ecirc;')" onClick="Set('ê')">ê</td> |
---|
219 | <td class="character" onMouseOver="View(this,'&euml;')" onClick="Set('ë')">ë</td> |
---|
220 | <td class="character" onMouseOver="View(this,'&igrave;')" onClick="Set('ì')">ì</td> |
---|
221 | <td class="character" onMouseOver="View(this,'&iacute;')" onClick="Set('í')">í</td> |
---|
222 | <td class="character" onMouseOver="View(this,'&icirc;')" onClick="Set('î')">î</td> |
---|
223 | <td class="character" onMouseOver="View(this,'&iuml;')" onClick="Set('ï')">ï</td> |
---|
224 | <td class="character" onMouseOver="View(this,'&eth;')" onClick="Set('ð')">ð</td> |
---|
225 | <td class="character" onMouseOver="View(this,'&ntilde;')" onClick="Set('ñ')">ñ</td> |
---|
226 | <td class="character" onMouseOver="View(this,'&ograve;')" onClick="Set('ò')">ò</td> |
---|
227 | <td class="character" onMouseOver="View(this,'&oacute;')" onClick="Set('ó')">ó</td> |
---|
228 | <td class="character" onMouseOver="View(this,'&ocirc;')" onClick="Set('ô')">ô</td> |
---|
229 | <td class="character" onMouseOver="View(this,'&otilde;')" onClick="Set('õ')">õ</td> |
---|
230 | <td class="character" onMouseOver="View(this,'&ouml;')" onClick="Set('ö')">ö</td> |
---|
231 | </tr><tr> |
---|
232 | <td class="character" onMouseOver="View(this,'&divide;')" onClick="Set('÷')">÷</td> |
---|
233 | <td class="character" onMouseOver="View(this,'&oslash;')" onClick="Set('ø')">ø</td> |
---|
234 | <td class="character" onMouseOver="View(this,'&ugrave;')" onClick="Set('ù')">ù</td> |
---|
235 | <td class="character" onMouseOver="View(this,'&uacute;')" onClick="Set('ú')">ú</td> |
---|
236 | <td class="character" onMouseOver="View(this,'&ucirc;')" onClick="Set('û')">û</td> |
---|
237 | <td class="character" onMouseOver="View(this,'&uuml;')" onClick="Set('ü')">ü</td> |
---|
238 | <td class="character" onMouseOver="View(this,'&yacute;')" onClick="Set('ý')">ý</td> |
---|
239 | <td class="character" onMouseOver="View(this,'&thorn;')" onClick="Set('þ')">þ</td> |
---|
240 | <td class="character" onMouseOver="View(this,'&yuml;')" onClick="Set('ÿ')">ÿ</td> |
---|
241 | <td class="character" onMouseOver="View(this,'&OElig;')" onClick="Set('Œ')">Œ</td> |
---|
242 | <td class="character" onMouseOver="View(this,'&oelig;')" onClick="Set('œ')">œ</td> |
---|
243 | <td class="character" onMouseOver="View(this,'&Scaron;')" onClick="Set('Š')">Š</td> |
---|
244 | <td class="character"> </td> |
---|
245 | <td class="character"> </td> |
---|
246 | <td class="character"> </td> |
---|
247 | <td class="character"> </td> |
---|
248 | </table><br /> |
---|
249 | <form style="text-align: center;"><button type="button" name="cancel" onclick="return onCancel();" class="submitInsertTable">Cancel</button></form> |
---|
250 | </body> |
---|
251 | </html> |
---|