Add htmlarea http://www.htmlarea.com/ tool to appdb
This commit is contained in:
251
htmlarea/plugins/CharacterMap/popups/select_character.html
Normal file
251
htmlarea/plugins/CharacterMap/popups/select_character.html
Normal file
@@ -0,0 +1,251 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user