[795] | 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> |
---|