252 lines
16 KiB
HTML
252 lines
16 KiB
HTML
<html>
|
|
|
|
<head>
|
|
|
|
<title>Insert special character</title>
|
|
|
|
<style type="text/css">
|
|
|
|
@import url(../../../htmlarea.css);
|
|
|
|
td.character {
|
|
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
|
|
|
background: #FFF;
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.character-hilite {
|
|
|
|
background: Highlight;
|
|
|
|
color: HighlightText;
|
|
|
|
}
|
|
|
|
|
|
|
|
html, body {
|
|
|
|
background: ButtonFace;
|
|
|
|
color: ButtonText;
|
|
|
|
font: 11px Tahoma,Verdana,sans-serif;
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
body { padding: 5px; }
|
|
|
|
table {
|
|
|
|
font: 11px Tahoma,Verdana,sans-serif;
|
|
|
|
}
|
|
|
|
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
|
|
|
|
button { width: 70px; }
|
|
|
|
table .label { text-align: right; width: 8em; }
|
|
|
|
|
|
|
|
.title { background: none; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
|
|
|
|
border-bottom: 1px solid black; letter-spacing: 2px;
|
|
|
|
}
|
|
|
|
#buttons {
|
|
|
|
margin-top: 1em; border-top: 1px solid #999;
|
|
|
|
padding: 2px; text-align: right;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript" src="../../../popups/popup.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// HTMLSource based on HTMLArea XTD 1.5 (http://mosforge.net/projects/htmlarea3xtd/) modified by Holger Hees
|
|
|
|
// Original Author - Bernhard Pfeifer novocaine@gmx.net
|
|
|
|
|
|
|
|
CharacterMap = window.opener.CharacterMap; // load the CharacterMap plugin and lang file ;-)
|
|
|
|
window.resizeTo(480, 300);
|
|
|
|
// center on parent
|
|
|
|
var x = opener.screenX + (opener.outerWidth - window.outerWidth) / 2;
|
|
|
|
var y = opener.screenY + (opener.outerHeight - window.outerHeight) / 2;
|
|
|
|
window.moveTo(x, y);
|
|
|
|
|
|
|
|
function _CloseOnEsc()
|
|
|
|
{
|
|
|
|
if ( event.keyCode == 27 )
|
|
|
|
{
|
|
|
|
window.close();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function Init() // run on page load
|
|
|
|
{
|
|
|
|
__dlg_translate(CharacterMap.I18N);
|
|
|
|
__dlg_init();
|
|
|
|
document.body.onkeypress = _CloseOnEsc;
|
|
|
|
|
|
|
|
var character = ''; // set default input to empty
|
|
|
|
View( null, character );
|
|
|
|
}
|
|
|
|
|
|
|
|
var oldView = null;
|
|
|
|
function View( td, character ) // preview character
|
|
|
|
{
|
|
|
|
if (oldView)
|
|
|
|
oldView.className = oldView.className.replace(/\s+character-hilite/, '');
|
|
|
|
document.getElementById( 'characterPreview' ).value = character;
|
|
|
|
document.getElementById( 'showCharacter' ).value = character;
|
|
|
|
if (td)
|
|
|
|
(oldView = td).className += " character-hilite";
|
|
|
|
}
|
|
|
|
|
|
|
|
function Set( string ) // return character
|
|
|
|
{
|
|
|
|
var character = string;
|
|
|
|
|
|
|
|
__dlg_close( character );
|
|
|
|
}
|
|
|
|
|
|
|
|
function onCancel() // cancel selection
|
|
|
|
{
|
|
|
|
__dlg_close( null );
|
|
|
|
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body style="background: Buttonface; margin: 0px; padding: 0px" onload="Init();self.focus();">
|
|
|
|
<form method="get" style="margin:2px; padding:2px" onSubmit="Set(document.getElementById('showCharacter').value); return false;">
|
|
|
|
<table border="0" cellspacing="0" cellpadding="4" width="100%">
|
|
|
|
<tr>
|
|
|
|
<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>
|
|
|
|
<td style="background: Buttonface" valign="center"><input type="text" name="showcharacter" id="showCharacter" value="" size="15" style="background: #fff; font-size: 11px;" /></td>
|
|
|
|
<td style="background: Buttonface" width="100%"></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</form>
|
|
|
|
<table border="0" cellspacing="1" cellpadding="0" width="100%" style="cursor: pointer; background: #ADAD9C; border: 1px inset;">
|
|
|
|
<tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Yuml;')" onClick="Set('Ÿ')">Ÿ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&scaron;')" onClick="Set('š')">š</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&#064;')" onClick="Set('@')">@</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&quot;')" onClick="Set('"')">"</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&iexcl;')" onClick="Set('¡')">¡</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&cent;')" onClick="Set('¢')">¢</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&pound;')" onClick="Set('£')">£</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&curren;')" onClick="Set('¤')">¤</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&yen;')" onClick="Set('¥')">¥</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&brvbar;')" onClick="Set('¦')">¦</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&sect;')" onClick="Set('§')">§</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&uml;')" onClick="Set('¨')">¨</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&copy;')" onClick="Set('©')">©</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ordf;')" onClick="Set('ª')">ª</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&laquo;')" onClick="Set('«')">«</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&not;')" onClick="Set('¬')">¬</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&macr;')" onClick="Set('¯')">¯</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&deg;')" onClick="Set('°')">°</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&plusmn;')" onClick="Set('±')">±</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&sup2;')" onClick="Set('²')">²</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&sup3;')" onClick="Set('³')">³</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&acute;')" onClick="Set('´')">´</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&micro;')" onClick="Set('µ')">µ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&para;')" onClick="Set('¶')">¶</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&middot;')" onClick="Set('·')">·</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&cedil;')" onClick="Set('¸')">¸</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&sup1;')" onClick="Set('¹')">¹</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ordm;')" onClick="Set('º')">º</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&raquo;')" onClick="Set('»')">»</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&frac14;')" onClick="Set('¼')">¼</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&frac12;')" onClick="Set('½')">½</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&frac34;')" onClick="Set('¾')">¾</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&iquest;')" onClick="Set('¿')">¿</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&times;')" onClick="Set('×')">×</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Oslash;')" onClick="Set('Ø')">Ø</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&divide;')" onClick="Set('÷')">÷</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&oslash;')" onClick="Set('ø')">ø</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&fnof;')" onClick="Set('ƒ')">ƒ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&circ;')" onClick="Set('ˆ')">ˆ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&tilde;')" onClick="Set('˜')">˜</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ndash;')" onClick="Set('–')">–</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&mdash;')" onClick="Set('—')">—</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&lsquo;')" onClick="Set('‘')">‘</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&rsquo;')" onClick="Set('’')">’</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&sbquo;')" onClick="Set('‚')">‚</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ldquo;')" onClick="Set('“')">“</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&rdquo;')" onClick="Set('”')">”</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&bdquo;')" onClick="Set('„')">„</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&dagger;')" onClick="Set('†')">†</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Dagger;')" onClick="Set('‡')">‡</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&bull;')" onClick="Set('•')">•</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&hellip;')" onClick="Set('…')">…</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&permil;')" onClick="Set('‰')">‰</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&lsaquo;')" onClick="Set('‹')">‹</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&rsaquo;')" onClick="Set('›')">›</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&euro;')" onClick="Set('€')">€</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&trade;')" onClick="Set('™')">™</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Agrave;')" onClick="Set('À')">À</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Aacute;')" onClick="Set('Á')">Á</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Acirc;')" onClick="Set('Â')">Â</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Atilde;')" onClick="Set('Ã')">Ã</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Auml;')" onClick="Set('Ä')">Ä</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Aring;')" onClick="Set('Å')">Å</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&AElig;')" onClick="Set('Æ')">Æ</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ccedil;')" onClick="Set('Ç')">Ç</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Egrave;')" onClick="Set('È')">È</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Eacute;')" onClick="Set('É')">É</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ecirc;')" onClick="Set('Ê')">Ê</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Euml;')" onClick="Set('Ë')">Ë</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Igrave;')" onClick="Set('Ì')">Ì</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Iacute;')" onClick="Set('Í')">Í</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Icirc;')" onClick="Set('Î')">Î</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Iuml;')" onClick="Set('Ï')">Ï</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ETH;')" onClick="Set('Ð')">Ð</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ntilde;')" onClick="Set('Ñ')">Ñ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ograve;')" onClick="Set('Ò')">Ò</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Oacute;')" onClick="Set('Ó')">Ó</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ocirc;')" onClick="Set('Ô')">Ô</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Otilde;')" onClick="Set('Õ')">Õ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ouml;')" onClick="Set('Ö')">Ö</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&reg;')" onClick="Set('®')">®</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&times;')" onClick="Set('×')">×</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ugrave;')" onClick="Set('Ù')">Ù</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Uacute;')" onClick="Set('Ú')">Ú</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Ucirc;')" onClick="Set('Û')">Û</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Uuml;')" onClick="Set('Ü')">Ü</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Yacute;')" onClick="Set('Ý')">Ý</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&THORN;')" onClick="Set('Þ')">Þ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&szlig;')" onClick="Set('ß')">ß</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&agrave;')" onClick="Set('à')">à</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&aacute;')" onClick="Set('á')">á</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&acirc;')" onClick="Set('â')">â</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&atilde;')" onClick="Set('ã')">ã</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&auml;')" onClick="Set('ä')">ä</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&aring;')" onClick="Set('å')">å</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&aelig;')" onClick="Set('æ')">æ</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ccedil;')" onClick="Set('ç')">ç</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&egrave;')" onClick="Set('è')">è</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&eacute;')" onClick="Set('é')">é</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ecirc;')" onClick="Set('ê')">ê</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&euml;')" onClick="Set('ë')">ë</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&igrave;')" onClick="Set('ì')">ì</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&iacute;')" onClick="Set('í')">í</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&icirc;')" onClick="Set('î')">î</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&iuml;')" onClick="Set('ï')">ï</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&eth;')" onClick="Set('ð')">ð</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ntilde;')" onClick="Set('ñ')">ñ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ograve;')" onClick="Set('ò')">ò</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&oacute;')" onClick="Set('ó')">ó</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ocirc;')" onClick="Set('ô')">ô</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&otilde;')" onClick="Set('õ')">õ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ouml;')" onClick="Set('ö')">ö</td>
|
|
|
|
</tr><tr>
|
|
|
|
<td class="character" onMouseOver="View(this,'&divide;')" onClick="Set('÷')">÷</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&oslash;')" onClick="Set('ø')">ø</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ugrave;')" onClick="Set('ù')">ù</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&uacute;')" onClick="Set('ú')">ú</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&ucirc;')" onClick="Set('û')">û</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&uuml;')" onClick="Set('ü')">ü</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&yacute;')" onClick="Set('ý')">ý</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&thorn;')" onClick="Set('þ')">þ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&yuml;')" onClick="Set('ÿ')">ÿ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&OElig;')" onClick="Set('Œ')">Œ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&oelig;')" onClick="Set('œ')">œ</td>
|
|
|
|
<td class="character" onMouseOver="View(this,'&Scaron;')" onClick="Set('Š')">Š</td>
|
|
|
|
<td class="character"> </td>
|
|
|
|
<td class="character"> </td>
|
|
|
|
<td class="character"> </td>
|
|
|
|
<td class="character"> </td>
|
|
|
|
</table><br />
|
|
|
|
<form style="text-align: center;"><button type="button" name="cancel" onclick="return onCancel();" class="submitInsertTable">Cancel</button></form>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|