Added new rich editor and removed old ones.
This commit is contained in:
JT Smith
parent
c9168a442f
commit
6bc0736348
55 changed files with 2877 additions and 1798 deletions
|
|
@ -20,6 +20,7 @@ Contributing Developers..............Peter Beardsley / Appropriate Solutions, In
|
|||
Andy Grundman
|
||||
Koen de Jonge / ProcoliX
|
||||
Martin Kamerbeek / ProcoliX
|
||||
Len Kranendonk
|
||||
Christophe Marcant
|
||||
Tavis Parker / ParkerOne Consulting
|
||||
Daniel Quinlan
|
||||
|
|
@ -45,7 +46,7 @@ to WebGUI, but who's work has made WebGUI possible:
|
|||
|
||||
Perl.................................Larry Wall / O'Reilly
|
||||
|
||||
IE Rich Edit.........................Brattli
|
||||
Rich Edit............................interactivetools.com
|
||||
|
||||
Data::Config.........................Sébastien Aperghis-Tramoni
|
||||
|
||||
|
|
|
|||
|
|
@ -25,10 +25,9 @@ alter table discussion add column userDefined2 varchar(255);
|
|||
alter table discussion add column userDefined3 varchar(255);
|
||||
alter table discussion add column userDefined4 varchar(255);
|
||||
alter table discussion add column userDefined5 varchar(255);
|
||||
|
||||
--- SMB authentication module ----------------------------------------------
|
||||
delete from international where languageId=1 and namespace='WebGUI' and internationalId=495;
|
||||
insert into international (internationalId,languageId,namespace,message,lastUpdated) values (495,1,'WebGUI','htmlArea (default)', 1038159820);
|
||||
insert into settings (name,value) values ('smbPDC','your PDC');
|
||||
insert into settings (name,value) values ('smbBDC','your BDC');
|
||||
insert into settings (name,value) values ('smbDomain','your NT Domain');
|
||||
----------------------------------------------------------------------------
|
||||
|
||||
|
|
|
|||
|
|
@ -638,7 +638,7 @@ sub hiddenList {
|
|||
=cut
|
||||
|
||||
sub HTMLArea {
|
||||
my ($output, $value);
|
||||
my ($output, $rows, $columns);
|
||||
$output = '<script language="JavaScript">function fixChars(element) {element.value = element.value.replace(/~V/mg,"-");}</script>';
|
||||
if ($session{setting}{richEditor} eq "edit-on-pro") {
|
||||
$output .= '<script language="JavaScript">
|
||||
|
|
@ -649,30 +649,30 @@ sub HTMLArea {
|
|||
}
|
||||
</script>';
|
||||
} else {
|
||||
$output .= '<script language="JavaScript">
|
||||
var formObj;
|
||||
var extrasDir="'.$session{config}{extras}.'";
|
||||
function openEditWindow(obj) {
|
||||
formObj = obj;
|
||||
if (navigator.userAgent.substr(navigator.userAgent.indexOf("MSIE")+5,1)>=5)
|
||||
window.open("'.$session{config}{extras}.'/ieEdit.html","editWindow","width=490,height=400,resizable=1");
|
||||
else
|
||||
window.open("'.$session{config}{extras}.'/nonIeEdit.html","editWindow","width=500,height=410");
|
||||
}
|
||||
function setContent(content) {
|
||||
formObj.value = content;
|
||||
} </script>';
|
||||
}
|
||||
$output .= '<input type="button" onClick="openEditWindow(this.form.'.$_[0]->{name}.')" value="'.
|
||||
WebGUI::International::get(171).'" style="font-size: 8pt;">'."<br>\n";
|
||||
$output .= textarea({
|
||||
name=>$_[0]->{name},
|
||||
value=>$_[0]->{value},
|
||||
wrap=>$_[0]->{wrap},
|
||||
columns=>$_[0]->{columns},
|
||||
rows=>$_[0]->{rows},
|
||||
extras=>$_[0]->{extras}.' onBlur="fixChars(this.form.'.$_[0]->{name}.')"'
|
||||
});
|
||||
$output .= '<script language="Javascript1.2" src="'.$session{config}{extras}.'/htmlArea/editor.js"></script>'."\n";
|
||||
$output .= '<script>'."\n";
|
||||
$output .= '_editor_url = "'.$session{config}{extras}.'/htmlArea/";'."\n";
|
||||
$output .= '</script>'."\n";
|
||||
}
|
||||
if ($session{setting}{richEditor} ne "built-in") {
|
||||
$output .= '<input type="button" onClick="openEditWindow(this.form.'.$_[0]->{name}.')" value="'.
|
||||
WebGUI::International::get(171).'" style="font-size: 8pt;"><br>';
|
||||
}
|
||||
$rows = $_[0]->{rows} || ($session{setting}{textAreaRows}+7);
|
||||
$columns = $_[0]->{rows} || ($session{setting}{textAreaCols}+5);
|
||||
$output .= textarea({
|
||||
name=>$_[0]->{name},
|
||||
value=>$_[0]->{value},
|
||||
wrap=>$_[0]->{wrap},
|
||||
columns=>$columns,
|
||||
rows=>$rows,
|
||||
extras=>$_[0]->{extras}.' onBlur="fixChars(this.form.'.$_[0]->{name}.')"'
|
||||
});
|
||||
if ($session{setting}{richEditor} eq "built-in") {
|
||||
$output .= '<script language="Javascript1.2">'."\n";
|
||||
$output .= 'editor_generate("'.$_[0]->{name}.'");'."\n";
|
||||
$output .= '</script>'."\n";
|
||||
}
|
||||
return $output;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -355,7 +355,8 @@ sub refreshUserInfo {
|
|||
#-------------------------------------------------------------------
|
||||
sub setCookie {
|
||||
my $ttl = $_[2] || '+10y';
|
||||
my $domain = $session{env}{SERVER_NAME} if ($session{env}{HTTP_USER_AGENT} =~ m/MSIE/i);
|
||||
#my $domain = $session{env}{SERVER_NAME} if ($session{env}{HTTP_USER_AGENT} =~ m/MSIE/i);
|
||||
my $domain;
|
||||
push @{$session{header}{cookie}}, $session{cgi}->cookie(
|
||||
-name=>$_[0],
|
||||
-value=>$_[1],
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
|
|
@ -1,364 +0,0 @@
|
|||
<HTML>
|
||||
<!--
|
||||
|
||||
#-------------------------------------------------------------------
|
||||
# WebGUI is Copyright 2001-2002 Plain Black LLC.
|
||||
#-------------------------------------------------------------------
|
||||
# Please read the legal notices (docs/legal.txt) and the license
|
||||
# (docs/license.txt) that came with this distribution before using
|
||||
# this software.
|
||||
#-------------------------------------------------------------------
|
||||
# http://www.plainblack.com info@plainblack.com
|
||||
#-------------------------------------------------------------------
|
||||
|
||||
-->
|
||||
<HEAD><TITLE>Color Picker</TITLE>
|
||||
<SCRIPT LANGUAGE="JavaScript">
|
||||
var myColor, decColor, pctColor="" ;
|
||||
|
||||
function GetColor( myColor, decColor, pctColor ) {
|
||||
if (document.forms[0].setColor.value != "Reset") {
|
||||
document.forms[0].hex_value.value=myColor ;
|
||||
document.forms[0].dec_value.value=decColor ;
|
||||
document.forms[0].pct_value.value=pctColor ;
|
||||
}
|
||||
}
|
||||
|
||||
function GetClick( ) {
|
||||
window.blur();
|
||||
window.opener.focus();
|
||||
window.opener.setColor(document.forms[0].hex_value.value);
|
||||
window.close();
|
||||
}
|
||||
|
||||
</SCRIPT>
|
||||
</HEAD>
|
||||
<BODY bgcolor="#FFFFFF" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000"
|
||||
onLoad="document.forms[0].hex_value.value='';
|
||||
document.forms[0].dec_value.value='';
|
||||
document.forms[0].pct_value.value='';
|
||||
document.forms[0].setColor.value=''" leftmargin=0 topmargin=0 marginheight="0" marginwidth="0">
|
||||
<form Name="COLORS">
|
||||
<input type="HIDDEN" name="hex_value" value="" size="9" onClick="document.forms[0].hex_value.value='Not Set'; document.forms[0].myformat.value=''; document.forms[0].setColor.value=''">
|
||||
<input type="HIDDEN" name="dec_value" value="" size="12" onClick="document.forms[0].dec_value.value='Not Set'; document.forms[0].myformat.value=''; document.forms[0].setColor.value=''">
|
||||
<input type="HIDDEN" name="pct_value" value="" size="11" onClick="document.forms[0].pct_value.value='Not Set'; document.forms[0].myformat.value=''; document.forms[0].setColor.value=''">
|
||||
<input type="HIDDEN" name="setColor" value="">
|
||||
<img src="colorPicker.gif" width="438" height="254" usemap="#colorpicker">
|
||||
<map name="colorpicker">
|
||||
<area shape="polygon" coords="47,162,53,162,56,167,53,172,47,172,44,167" href="javascript:GetClick()" onMouseOver="GetColor('FF0033','255,0,51','100,00,20')">
|
||||
<area shape="polygon" coords="70,162,76,162,79,167,76,172,70,172,67,167" href="javascript:GetClick()" onMouseOver="GetColor('CC0066','204,0,102','80,00,40')">
|
||||
<area shape="polygon" coords="93,162,99,162,102,167,99,172,93,172,90,167" href="javascript:GetClick()" onMouseOver="GetColor('990099','153,0,153','60,00,60')">
|
||||
<area shape="polygon" coords="116,162,122,162,125,167,122,172,116,172,113,167" href="javascript:GetClick()" onMouseOver="GetColor('6600CC','102,0,204','40,00,80')">
|
||||
<area shape="polygon" coords="139,162,145,162,148,167,145,172,139,172,136,167" href="javascript:GetClick()" onMouseOver="GetColor('3300FF','51,0,255','20,00,100')">
|
||||
<area shape="polygon" coords="299,2,305,2,308,7,305,12,299,12,296,7" href="javascript:GetClick()" onMouseOver="GetColor('CCCC33','204,204,51','80,80,20')">
|
||||
<area shape="polygon" coords="287,9,293,9,296,14,293,19,287,19,284,14" href="javascript:GetClick()" onMouseOver="GetColor('CCCC66','204,204,102','80,80,40')">
|
||||
<area shape="polygon" coords="276,16,282,16,285,21,282,26,276,26,273,21" href="javascript:GetClick()" onMouseOver="GetColor('CCCC99','204,204,153','80,80,60')">
|
||||
<area shape="polygon" coords="299,16,305,16,308,21,305,26,299,26,296,21" href="javascript:GetClick()" onMouseOver="GetColor('99CC33','153,204,51','60,80,20')">
|
||||
<area shape="polygon" coords="264,23,270,23,273,28,270,33,264,33,261,28" href="javascript:GetClick()" onMouseOver="GetColor('CCCCCC','204,204,204','80,80,80')">
|
||||
<area shape="polygon" coords="287,23,293,23,296,28,293,33,287,33,284,28" href="javascript:GetClick()" onMouseOver="GetColor('99CC66','153,204,102','60,80,40')">
|
||||
<area shape="polygon" coords="276,30,282,30,285,35,282,40,276,40,273,35" href="javascript:GetClick()" onMouseOver="GetColor('99CC99','153,204,153','60,80,60')">
|
||||
<area shape="polygon" coords="299,30,305,30,308,35,305,40,299,40,296,35" href="javascript:GetClick()" onMouseOver="GetColor('66CC33','102,204,51','40,80,20')">
|
||||
<area shape="polygon" coords="264,37,270,37,273,42,270,47,264,47,261,42" href="javascript:GetClick()" onMouseOver="GetColor('99CCCC','153,204,204','60,80,80')">
|
||||
<area shape="polygon" coords="287,37,293,37,296,42,293,47,287,47,284,42" href="javascript:GetClick()" onMouseOver="GetColor('66CC66','102,204,102','40,80,40')">
|
||||
<area shape="polygon" coords="276,44,282,44,285,49,282,54,276,54,273,49" href="javascript:GetClick()" onMouseOver="GetColor('66CC99','102,204,153','40,80,60')">
|
||||
<area shape="polygon" coords="299,44,305,44,308,49,305,54,299,54,296,49" href="javascript:GetClick()" onMouseOver="GetColor('33CC33','51,204,51','20,80,20')">
|
||||
<area shape="polygon" coords="264,51,270,51,273,56,270,61,264,61,261,56" href="javascript:GetClick()" onMouseOver="GetColor('66CCCC','102,204,204','40,80,80')">
|
||||
<area shape="polygon" coords="287,51,293,51,296,56,293,61,287,61,284,56" href="javascript:GetClick()" onMouseOver="GetColor('33CC66','51,204,102','20,80,40')">
|
||||
<area shape="polygon" coords="276,58,282,58,285,63,282,68,276,68,273,63" href="javascript:GetClick()" onMouseOver="GetColor('33CC99','51,204,153','20,80,60')">
|
||||
<area shape="polygon" coords="264,65,270,65,273,70,270,75,264,75,261,70" href="javascript:GetClick()" onMouseOver="GetColor('33CCCC','51,204,204','20,80,80')">
|
||||
<area shape="polygon" coords="392,100,398,100,401,105,398,110,392,110,389,105" href="javascript:GetClick()" onMouseOver="GetColor('CCCC33','204,204,51','80,80,20')">
|
||||
<area shape="polygon" coords="404,107,410,107,413,112,410,117,404,117,401,112" href="javascript:GetClick()" onMouseOver="GetColor('CCCC66','204,204,102','80,80,40')">
|
||||
<area shape="polygon" coords="392,114,398,114,401,119,398,124,392,124,389,119" href="javascript:GetClick()" onMouseOver="GetColor('CC9933','204,153,51','80,60,20')">
|
||||
<area shape="polygon" coords="415,114,421,114,424,119,421,124,415,124,412,119" href="javascript:GetClick()" onMouseOver="GetColor('CCCC99','204,204,153','80,80,60')">
|
||||
<area shape="polygon" coords="404,121,410,121,413,126,410,131,404,131,401,126" href="javascript:GetClick()" onMouseOver="GetColor('CC9966','204,153,102','80,60,40')">
|
||||
<area shape="polygon" coords="427,121,433,121,436,126,433,131,427,131,424,126" href="javascript:GetClick()" onMouseOver="GetColor('CCCCCC','204,204,204','80,80,80')">
|
||||
<area shape="polygon" coords="392,128,398,128,401,133,398,138,392,138,389,133" href="javascript:GetClick()" onMouseOver="GetColor('CC6633','204,102,51','80,40,20')">
|
||||
<area shape="polygon" coords="415,128,421,128,424,133,421,138,415,138,412,133" href="javascript:GetClick()" onMouseOver="GetColor('CC9999','204,153,153','80,60,60')">
|
||||
<area shape="polygon" coords="404,135,410,135,413,140,410,145,404,145,401,140" href="javascript:GetClick()" onMouseOver="GetColor('CC6666','204,102,102','80,40,40')">
|
||||
<area shape="polygon" coords="427,135,433,135,436,140,433,145,427,145,424,140" href="javascript:GetClick()" onMouseOver="GetColor('CC99CC','204,153,204','80,60,80')">
|
||||
<area shape="polygon" coords="392,142,398,142,401,147,398,152,392,152,389,147" href="javascript:GetClick()" onMouseOver="GetColor('CC3333','204,51,51','80,20,20')">
|
||||
<area shape="polygon" coords="415,142,421,142,424,147,421,152,415,152,412,147" href="javascript:GetClick()" onMouseOver="GetColor('CC6699','204,102,153','80,40,60')">
|
||||
<area shape="polygon" coords="415,156,421,156,424,161,421,166,415,166,412,161" href="javascript:GetClick()" onMouseOver="GetColor('CC3399','204,51,153','80,20,60')">
|
||||
<area shape="polygon" coords="427,163,433,163,436,168,433,173,427,173,424,168" href="javascript:GetClick()" onMouseOver="GetColor('CC33CC','204,51,204','80,20,80')">
|
||||
<area shape="polygon" coords="201,78,207,78,210,83,207,88,201,88,198,83" href="javascript:GetClick()" onMouseOver="GetColor('33CC33','51,204,51','20,80,20')">
|
||||
<area shape="polygon" coords="189,85,195,85,198,90,195,95,189,95,186,90" href="javascript:GetClick()" onMouseOver="GetColor('33CC66','51,204,102','20,80,40')">
|
||||
<area shape="polygon" coords="178,92,184,92,187,97,184,102,178,102,175,97" href="javascript:GetClick()" onMouseOver="GetColor('33CC99','51,204,153','20,80,60')">
|
||||
<area shape="polygon" coords="201,92,207,92,210,97,207,102,201,102,198,97" href="javascript:GetClick()" onMouseOver="GetColor('339933','51,153,51','20,60,20')">
|
||||
<area shape="polygon" coords="166,99,172,99,175,104,172,109,166,109,163,104" href="javascript:GetClick()" onMouseOver="GetColor('33CCCC','51,204,204','20,80,80')">
|
||||
<area shape="polygon" coords="189,99,195,99,198,104,195,109,189,109,186,104" href="javascript:GetClick()" onMouseOver="GetColor('339966','51,153,102','20,60,40')">
|
||||
<area shape="polygon" coords="178,106,184,106,187,111,184,116,178,116,175,111" href="javascript:GetClick()" onMouseOver="GetColor('339999','51,153,153','20,60,60')">
|
||||
<area shape="polygon" coords="201,106,207,106,210,111,207,116,201,116,198,111" href="javascript:GetClick()" onMouseOver="GetColor('336633','51,102,51','20,40,20')">
|
||||
<area shape="polygon" coords="166,113,172,113,175,118,172,123,166,123,163,118" href="javascript:GetClick()" onMouseOver="GetColor('3399CC','51,153,204','20,60,80')">
|
||||
<area shape="polygon" coords="189,113,195,113,198,118,195,123,189,123,186,118" href="javascript:GetClick()" onMouseOver="GetColor('336666','51,102,102','20,40,40')">
|
||||
<area shape="polygon" coords="178,120,184,120,187,125,184,130,178,130,175,125" href="javascript:GetClick()" onMouseOver="GetColor('336699','51,102,153','20,40,60')">
|
||||
<area shape="polygon" coords="201,120,207,120,210,125,207,130,201,130,198,125" href="javascript:GetClick()" onMouseOver="GetColor('333333','51,51,51','20,20,20')">
|
||||
<area shape="polygon" coords="166,127,172,127,175,132,172,137,166,137,163,132" href="javascript:GetClick()" onMouseOver="GetColor('3366CC','51,102,204','20,40,80')">
|
||||
<area shape="polygon" coords="189,127,195,127,198,132,195,137,189,137,186,132" href="javascript:GetClick()" onMouseOver="GetColor('333366','51,51,102','20,20,40')">
|
||||
<area shape="polygon" coords="178,134,184,134,187,139,184,144,178,144,175,139" href="javascript:GetClick()" onMouseOver="GetColor('333399','51,51,153','20,20,60')">
|
||||
<area shape="polygon" coords="166,141,172,141,175,146,172,151,166,151,163,146" href="javascript:GetClick()" onMouseOver="GetColor('3333CC','51,51,204','20,20,80')">
|
||||
<area shape="polygon" coords="39,176,45,176,48,181,45,186,39,186,36,181" href="javascript:GetClick()" onMouseOver="GetColor('CC3333','204,51,51','80,20,20')">
|
||||
<area shape="polygon" coords="51,183,57,183,60,188,57,193,51,193,48,188" href="javascript:GetClick()" onMouseOver="GetColor('CC3366','204,51,102','80,20,40')">
|
||||
<area shape="polygon" coords="39,190,45,190,48,195,45,200,39,200,36,195" href="javascript:GetClick()" onMouseOver="GetColor('993333','153,51,51','60,20,20')">
|
||||
<area shape="polygon" coords="62,190,68,190,71,195,68,200,62,200,59,195" href="javascript:GetClick()" onMouseOver="GetColor('CC3399','204,51,153','80,20,60')">
|
||||
<area shape="polygon" coords="51,197,57,197,60,202,57,207,51,207,48,202" href="javascript:GetClick()" onMouseOver="GetColor('993366','153,51,102','60,20,40')">
|
||||
<area shape="polygon" coords="74,197,80,197,83,202,80,207,74,207,71,202" href="javascript:GetClick()" onMouseOver="GetColor('CC33CC','204,51,204','80,20,80')">
|
||||
<area shape="polygon" coords="39,204,45,204,48,209,45,214,39,214,36,209" href="javascript:GetClick()" onMouseOver="GetColor('663333','102,51,51','40,20,20')">
|
||||
<area shape="polygon" coords="62,204,68,204,71,209,68,214,62,214,59,209" href="javascript:GetClick()" onMouseOver="GetColor('993399','153,51,153','60,20,60')">
|
||||
<area shape="polygon" coords="51,211,57,211,60,216,57,221,51,221,48,216" href="javascript:GetClick()" onMouseOver="GetColor('663366','102,51,102','40,20,40')">
|
||||
<area shape="polygon" coords="74,211,80,211,83,216,80,221,74,221,71,216" href="javascript:GetClick()" onMouseOver="GetColor('9933CC','153,51,204','60,20,80')">
|
||||
<area shape="polygon" coords="39,218,45,218,48,223,45,228,39,228,36,223" href="javascript:GetClick()" onMouseOver="GetColor('333333','51,51,51','20,20,20')">
|
||||
<area shape="polygon" coords="62,218,68,218,71,223,68,228,62,228,59,223" href="javascript:GetClick()" onMouseOver="GetColor('663399','102,51,153','40,20,60')">
|
||||
<area shape="polygon" coords="62,232,68,232,71,237,68,242,62,242,59,237" href="javascript:GetClick()" onMouseOver="GetColor('333399','51,51,153','20,20,60')">
|
||||
<area shape="polygon" coords="74,239,80,239,83,244,80,249,74,249,71,244" href="javascript:GetClick()" onMouseOver="GetColor('3333CC','51,51,204','20,20,80')">
|
||||
<area shape="polygon" coords="378,188,384,188,387,193,384,198,378,198,375,193" href="javascript:GetClick()" onMouseOver="GetColor('669966','102,153,102','40,60,40')">
|
||||
<area shape="polygon" coords="366,195,372,195,375,200,372,205,366,205,363,200" href="javascript:GetClick()" onMouseOver="GetColor('669999','102,153,153','40,60,60')">
|
||||
<area shape="polygon" coords="389,195,395,195,398,200,395,205,389,205,386,200" href="javascript:GetClick()" onMouseOver="GetColor('999966','153,153,102','60,60,40')">
|
||||
<area shape="polygon" coords="378,202,384,202,387,207,384,212,378,212,375,207" href="javascript:GetClick()" onMouseOver="GetColor('000000','0,0,0','00,00,00')">
|
||||
<area shape="polygon" coords="366,209,372,209,375,214,372,219,366,219,363,214" href="javascript:GetClick()" onMouseOver="GetColor('666699','102,102,153','40,40,60')">
|
||||
<area shape="polygon" coords="389,209,395,209,398,214,395,219,389,219,386,214" href="javascript:GetClick()" onMouseOver="GetColor('996666','153,102,102','60,40,40')">
|
||||
<area shape="polygon" coords="378,216,384,216,387,221,384,226,378,226,375,221" href="javascript:GetClick()" onMouseOver="GetColor('996699','153,102,153','60,40,60')">
|
||||
<area shape="polygon" coords="265,177,271,177,274,182,271,187,265,187,262,182" href="javascript:GetClick()" onMouseOver="GetColor('3333CC','51,51,204','20,20,80')">
|
||||
<area shape="polygon" coords="253,184,259,184,262,189,259,194,253,194,250,189" href="javascript:GetClick()" onMouseOver="GetColor('3366CC','51,102,204','20,40,80')">
|
||||
<area shape="polygon" coords="276,184,282,184,285,189,282,194,276,194,273,189" href="javascript:GetClick()" onMouseOver="GetColor('6633CC','102,51,204','40,20,80')">
|
||||
<area shape="polygon" coords="242,191,248,191,251,196,248,201,242,201,239,196" href="javascript:GetClick()" onMouseOver="GetColor('3399CC','51,153,204','20,60,80')">
|
||||
<area shape="polygon" coords="265,191,271,191,274,196,271,201,265,201,262,196" href="javascript:GetClick()" onMouseOver="GetColor('6666CC','102,102,204','40,40,80')">
|
||||
<area shape="polygon" coords="288,191,294,191,297,196,294,201,288,201,285,196" href="javascript:GetClick()" onMouseOver="GetColor('9933CC','153,51,204','60,20,80')">
|
||||
<area shape="polygon" coords="230,198,236,198,239,203,236,208,230,208,227,203" href="javascript:GetClick()" onMouseOver="GetColor('33CCCC','51,204,204','20,80,80')">
|
||||
<area shape="polygon" coords="253,198,259,198,262,203,259,208,253,208,250,203" href="javascript:GetClick()" onMouseOver="GetColor('6699CC','102,153,204','40,60,80')">
|
||||
<area shape="polygon" coords="276,198,282,198,285,203,282,208,276,208,273,203" href="javascript:GetClick()" onMouseOver="GetColor('9966CC','153,102,204','60,40,80')">
|
||||
<area shape="polygon" coords="299,198,305,198,308,203,305,208,299,208,296,203" href="javascript:GetClick()" onMouseOver="GetColor('CC33CC','204,51,204','80,20,80')">
|
||||
<area shape="polygon" coords="242,205,248,205,251,210,248,215,242,215,239,210" href="javascript:GetClick()" onMouseOver="GetColor('66CCCC','102,204,204','40,80,80')">
|
||||
<area shape="polygon" coords="265,205,271,205,274,210,271,215,265,215,262,210" href="javascript:GetClick()" onMouseOver="GetColor('9999CC','153,153,204','60,60,80')">
|
||||
<area shape="polygon" coords="288,205,294,205,297,210,294,215,288,215,285,210" href="javascript:GetClick()" onMouseOver="GetColor('CC66CC','204,102,204','80,40,80')">
|
||||
<area shape="polygon" coords="253,212,259,212,262,217,259,222,253,222,250,217" href="javascript:GetClick()" onMouseOver="GetColor('99CCCC','153,204,204','60,80,80')">
|
||||
<area shape="polygon" coords="276,212,282,212,285,217,282,222,276,222,273,217" href="javascript:GetClick()" onMouseOver="GetColor('CC99CC','204,153,204','80,60,80')">
|
||||
<area shape="polygon" coords="265,219,271,219,274,224,271,229,265,229,262,224" href="javascript:GetClick()" onMouseOver="GetColor('CCCCCC','204,204,204','80,80,80')">
|
||||
<area shape="polygon" coords="40,23,46,23,49,28,46,33,40,33,37,28" href="javascript:GetClick()" onMouseOver="GetColor('333333','51,51,51','20,20,20')">
|
||||
<area shape="polygon" coords="28,30,34,30,37,35,34,40,28,40,25,35" href="javascript:GetClick()" onMouseOver="GetColor('663333','102,51,51','40,20,20')">
|
||||
<area shape="polygon" coords="51,30,57,30,60,35,57,40,51,40,48,35" href="javascript:GetClick()" onMouseOver="GetColor('336633','51,102,51','20,40,20')">
|
||||
<area shape="polygon" coords="17,37,23,37,26,42,23,47,17,47,14,42" href="javascript:GetClick()" onMouseOver="GetColor('993333','153,51,51','60,20,20')">
|
||||
<area shape="polygon" coords="40,37,46,37,49,42,46,47,40,47,37,42" href="javascript:GetClick()" onMouseOver="GetColor('666633','102,102,51','40,40,20')">
|
||||
<area shape="polygon" coords="63,37,69,37,72,42,69,47,63,47,60,42" href="javascript:GetClick()" onMouseOver="GetColor('339933','51,153,51','20,60,20')">
|
||||
<area shape="polygon" coords="5,44,11,44,14,49,11,54,5,54,2,49" href="javascript:GetClick()" onMouseOver="GetColor('CC3333','204,51,51','80,20,20')">
|
||||
<area shape="polygon" coords="28,44,34,44,37,49,34,54,28,54,25,49" href="javascript:GetClick()" onMouseOver="GetColor('996633','153,102,51','60,40,20')">
|
||||
<area shape="polygon" coords="51,44,57,44,60,49,57,54,51,54,48,49" href="javascript:GetClick()" onMouseOver="GetColor('669933','102,153,51','40,60,20')">
|
||||
<area shape="polygon" coords="74,44,80,44,83,49,80,54,74,54,71,49" href="javascript:GetClick()" onMouseOver="GetColor('33CC33','51,204,51','20,80,20')">
|
||||
<area shape="polygon" coords="17,51,23,51,26,56,23,61,17,61,14,56" href="javascript:GetClick()" onMouseOver="GetColor('CC6633','204,102,51','80,40,20')">
|
||||
<area shape="polygon" coords="40,51,46,51,49,56,46,61,40,61,37,56" href="javascript:GetClick()" onMouseOver="GetColor('999933','153,153,51','60,60,20')">
|
||||
<area shape="polygon" coords="63,51,69,51,72,56,69,61,63,61,60,56" href="javascript:GetClick()" onMouseOver="GetColor('66CC33','102,204,51','40,80,20')">
|
||||
<area shape="polygon" coords="28,58,34,58,37,63,34,68,28,68,25,63" href="javascript:GetClick()" onMouseOver="GetColor('CC9933','204,153,51','80,60,20')">
|
||||
<area shape="polygon" coords="51,58,57,58,60,63,57,68,51,68,48,63" href="javascript:GetClick()" onMouseOver="GetColor('99CC33','153,204,51','60,80,20')">
|
||||
<area shape="polygon" coords="40,65,46,65,49,70,46,75,40,75,37,70" href="javascript:GetClick()" onMouseOver="GetColor('CCCC33','204,204,51','80,80,20')">
|
||||
<area shape="polygon" coords="170,37,176,37,179,42,176,47,170,47,167,42" href="javascript:GetClick()" onMouseOver="GetColor('996699','153,102,153','60,40,60')">
|
||||
<area shape="polygon" coords="158,44,164,44,167,49,164,54,158,54,155,49" href="javascript:GetClick()" onMouseOver="GetColor('996666','153,102,102','60,40,40')">
|
||||
<area shape="polygon" coords="181,44,187,44,190,49,187,54,181,54,178,49" href="javascript:GetClick()" onMouseOver="GetColor('666699','102,102,153','40,40,60')">
|
||||
<area shape="polygon" coords="170,51,176,51,179,56,176,61,170,61,167,56" href="javascript:GetClick()" onMouseOver="GetColor('FFFFFF','255,255,255','100,100,100')">
|
||||
<area shape="polygon" coords="158,58,164,58,167,63,164,68,158,68,155,63" href="javascript:GetClick()" onMouseOver="GetColor('999966','153,153,102','60,60,40')">
|
||||
<area shape="polygon" coords="181,58,187,58,190,63,187,68,181,68,178,63" href="javascript:GetClick()" onMouseOver="GetColor('669999','102,153,153','40,60,60')">
|
||||
<area shape="polygon" coords="170,65,176,65,179,70,176,75,170,75,167,70" href="javascript:GetClick()" onMouseOver="GetColor('669966','102,153,102','40,60,40')">
|
||||
<area shape="polygon" coords="94,50,100,50,103,55,100,60,94,60,91,55" href="javascript:GetClick()" onMouseOver="GetColor('00FF00','0,255,0','00,100,00')">
|
||||
<area shape="polygon" coords="82,57,88,57,91,62,88,67,82,67,79,62" href="javascript:GetClick()" onMouseOver="GetColor('33FF00','51,255,0','20,100,00')">
|
||||
<area shape="polygon" coords="105,57,111,57,114,62,111,67,105,67,102,62" href="javascript:GetClick()" onMouseOver="GetColor('00FF33','0,255,51','00,100,20')">
|
||||
<area shape="polygon" coords="71,64,77,64,80,69,77,74,71,74,68,69" href="javascript:GetClick()" onMouseOver="GetColor('66FF00','102,255,0','40,100,00')">
|
||||
<area shape="polygon" coords="94,64,100,64,103,69,100,74,94,74,91,69" href="javascript:GetClick()" onMouseOver="GetColor('00CC00','0,204,0','00,80,00')">
|
||||
<area shape="polygon" coords="117,64,123,64,126,69,123,74,117,74,114,69" href="javascript:GetClick()" onMouseOver="GetColor('00FF66','0,255,102','00,100,40')">
|
||||
<area shape="polygon" coords="59,71,65,71,68,76,65,81,59,81,56,76" href="javascript:GetClick()" onMouseOver="GetColor('99FF00','153,255,0','60,100,00')">
|
||||
<area shape="polygon" coords="82,71,88,71,91,76,88,81,82,81,79,76" href="javascript:GetClick()" onMouseOver="GetColor('33CC00','51,204,0','20,80,00')">
|
||||
<area shape="polygon" coords="105,71,111,71,114,76,111,81,105,81,102,76" href="javascript:GetClick()" onMouseOver="GetColor('00CC33','0,204,51','00,80,20')">
|
||||
<area shape="polygon" coords="128,71,134,71,137,76,134,81,128,81,125,76" href="javascript:GetClick()" onMouseOver="GetColor('00FF99','0,255,153','00,100,60')">
|
||||
<area shape="polygon" coords="48,78,54,78,57,83,54,88,48,88,45,83" href="javascript:GetClick()" onMouseOver="GetColor('CCFF00','204,255,0','80,100,00')">
|
||||
<area shape="polygon" coords="71,78,77,78,80,83,77,88,71,88,68,83" href="javascript:GetClick()" onMouseOver="GetColor('66CC00','102,204,0','40,80,00')">
|
||||
<area shape="polygon" coords="94,78,100,78,103,83,100,88,94,88,91,83" href="javascript:GetClick()" onMouseOver="GetColor('009900','0,153,0','00,60,00')">
|
||||
<area shape="polygon" coords="117,78,123,78,126,83,123,88,117,88,114,83" href="javascript:GetClick()" onMouseOver="GetColor('00CC66','0,204,102','00,80,40')">
|
||||
<area shape="polygon" coords="140,78,146,78,149,83,146,88,140,88,137,83" href="javascript:GetClick()" onMouseOver="GetColor('00FFCC','0,255,204','00,100,80')">
|
||||
<area shape="polygon" coords="36,85,42,85,45,90,42,95,36,95,33,90" href="javascript:GetClick()" onMouseOver="GetColor('FFFF00','255,255,0','100,100,00')">
|
||||
<area shape="polygon" coords="59,85,65,85,68,90,65,95,59,95,56,90" href="javascript:GetClick()" onMouseOver="GetColor('99CC00','153,204,0','60,80,00')">
|
||||
<area shape="polygon" coords="82,85,88,85,91,90,88,95,82,95,79,90" href="javascript:GetClick()" onMouseOver="GetColor('339900','51,153,0','20,60,00')">
|
||||
<area shape="polygon" coords="105,85,111,85,114,90,111,95,105,95,102,90" href="javascript:GetClick()" onMouseOver="GetColor('009933','0,153,51','00,60,20')">
|
||||
<area shape="polygon" coords="128,85,134,85,137,90,134,95,128,95,125,90" href="javascript:GetClick()" onMouseOver="GetColor('00CC99','0,204,153','00,80,60')">
|
||||
<area shape="polygon" coords="151,85,157,85,160,90,157,95,151,95,148,90" href="javascript:GetClick()" onMouseOver="GetColor('00FFFF','0,255,255','00,100,100')">
|
||||
<area shape="polygon" coords="48,92,54,92,57,97,54,102,48,102,45,97" href="javascript:GetClick()" onMouseOver="GetColor('CCCC00','204,204,0','80,80,00')">
|
||||
<area shape="polygon" coords="71,92,77,92,80,97,77,102,71,102,68,97" href="javascript:GetClick()" onMouseOver="GetColor('669900','102,153,0','40,60,00')">
|
||||
<area shape="polygon" coords="94,92,100,92,103,97,100,102,94,102,91,97" href="javascript:GetClick()" onMouseOver="GetColor('006600','0,102,0','00,40,00')">
|
||||
<area shape="polygon" coords="117,92,123,92,126,97,123,102,117,102,114,97" href="javascript:GetClick()" onMouseOver="GetColor('009966','0,153,102','00,60,40')">
|
||||
<area shape="polygon" coords="140,92,146,92,149,97,146,102,140,102,137,97" href="javascript:GetClick()" onMouseOver="GetColor('00CCCC','0,204,204','00,80,80')">
|
||||
<area shape="polygon" coords="36,99,42,99,45,104,42,109,36,109,33,104" href="javascript:GetClick()" onMouseOver="GetColor('FFCC00','255,204,0','100,80,00')">
|
||||
<area shape="polygon" coords="59,99,65,99,68,104,65,109,59,109,56,104" href="javascript:GetClick()" onMouseOver="GetColor('999900','153,153,0','60,60,00')">
|
||||
<area shape="polygon" coords="82,99,88,99,91,104,88,109,82,109,79,104" href="javascript:GetClick()" onMouseOver="GetColor('336600','51,102,0','20,40,00')">
|
||||
<area shape="polygon" coords="105,99,111,99,114,104,111,109,105,109,102,104" href="javascript:GetClick()" onMouseOver="GetColor('006633','0,102,51','00,40,20')">
|
||||
<area shape="polygon" coords="128,99,134,99,137,104,134,109,128,109,125,104" href="javascript:GetClick()" onMouseOver="GetColor('009999','0,153,153','00,60,60')">
|
||||
<area shape="polygon" coords="151,99,157,99,160,104,157,109,151,109,148,104" href="javascript:GetClick()" onMouseOver="GetColor('00CCFF','0,204,255','00,80,100')">
|
||||
<area shape="polygon" coords="48,106,54,106,57,111,54,116,48,116,45,111" href="javascript:GetClick()" onMouseOver="GetColor('CC9900','204,153,0','80,60,00')">
|
||||
<area shape="polygon" coords="71,106,77,106,80,111,77,116,71,116,68,111" href="javascript:GetClick()" onMouseOver="GetColor('666600','102,102,0','40,40,00')">
|
||||
<area shape="polygon" coords="94,106,100,106,103,111,100,116,94,116,91,111" href="javascript:GetClick()" onMouseOver="GetColor('003300','0,51,0','00,20,00')">
|
||||
<area shape="polygon" coords="117,106,123,106,126,111,123,116,117,116,114,111" href="javascript:GetClick()" onMouseOver="GetColor('006666','0,102,102','00,40,40')">
|
||||
<area shape="polygon" coords="140,106,146,106,149,111,146,116,140,116,137,111" href="javascript:GetClick()" onMouseOver="GetColor('0099CC','0,153,204','00,60,80')">
|
||||
<area shape="polygon" coords="36,113,42,113,45,118,42,123,36,123,33,118" href="javascript:GetClick()" onMouseOver="GetColor('FF9900','255,153,0','100,60,00')">
|
||||
<area shape="polygon" coords="59,113,65,113,68,118,65,123,59,123,56,118" href="javascript:GetClick()" onMouseOver="GetColor('996600','153,102,0','60,40,00')">
|
||||
<area shape="polygon" coords="82,113,88,113,91,118,88,123,82,123,79,118" href="javascript:GetClick()" onMouseOver="GetColor('333300','51,51,0','20,20,00')">
|
||||
<area shape="polygon" coords="105,113,111,113,114,118,111,123,105,123,102,118" href="javascript:GetClick()" onMouseOver="GetColor('003333','0,51,51','00,20,20')">
|
||||
<area shape="polygon" coords="128,113,134,113,137,118,134,123,128,123,125,118" href="javascript:GetClick()" onMouseOver="GetColor('006699','0,102,153','00,40,60')">
|
||||
<area shape="polygon" coords="151,113,157,113,160,118,157,123,151,123,148,118" href="javascript:GetClick()" onMouseOver="GetColor('0099FF','0,153,255','00,60,100')">
|
||||
<area shape="polygon" coords="48,120,54,120,57,125,54,130,48,130,45,125" href="javascript:GetClick()" onMouseOver="GetColor('CC6600','204,102,0','80,40,00')">
|
||||
<area shape="polygon" coords="71,120,77,120,80,125,77,130,71,130,68,125" href="javascript:GetClick()" onMouseOver="GetColor('663300','102,51,0','40,20,00')">
|
||||
<area shape="polygon" coords="94,120,100,120,103,125,100,130,94,130,91,125" href="javascript:GetClick()" onMouseOver="GetColor('000000','0,0,0','00,00,00')">
|
||||
<area shape="polygon" coords="117,120,123,120,126,125,123,130,117,130,114,125" href="javascript:GetClick()" onMouseOver="GetColor('003366','0,51,102','00,20,40')">
|
||||
<area shape="polygon" coords="140,120,146,120,149,125,146,130,140,130,137,125" href="javascript:GetClick()" onMouseOver="GetColor('0066CC','0,102,204','00,40,80')">
|
||||
<area shape="polygon" coords="36,127,42,127,45,132,42,137,36,137,33,132" href="javascript:GetClick()" onMouseOver="GetColor('FF6600','255,102,0','100,40,00')">
|
||||
<area shape="polygon" coords="59,127,65,127,68,132,65,137,59,137,56,132" href="javascript:GetClick()" onMouseOver="GetColor('993300','153,51,0','60,20,00')">
|
||||
<area shape="polygon" coords="82,127,88,127,91,132,88,137,82,137,79,132" href="javascript:GetClick()" onMouseOver="GetColor('330000','51,0,0','20,00,00')">
|
||||
<area shape="polygon" coords="105,127,111,127,114,132,111,137,105,137,102,132" href="javascript:GetClick()" onMouseOver="GetColor('000033','0,0,51','00,00,20')">
|
||||
<area shape="polygon" coords="128,127,134,127,137,132,134,137,128,137,125,132" href="javascript:GetClick()" onMouseOver="GetColor('003399','0,51,153','00,20,60')">
|
||||
<area shape="polygon" coords="151,127,157,127,160,132,157,137,151,137,148,132" href="javascript:GetClick()" onMouseOver="GetColor('0066FF','0,102,255','00,40,100')">
|
||||
<area shape="polygon" coords="48,134,54,134,57,139,54,144,48,144,45,139" href="javascript:GetClick()" onMouseOver="GetColor('CC3300','204,51,0','80,20,00')">
|
||||
<area shape="polygon" coords="71,134,77,134,80,139,77,144,71,144,68,139" href="javascript:GetClick()" onMouseOver="GetColor('660000','102,0,0','40,00,00')">
|
||||
<area shape="polygon" coords="94,134,100,134,103,139,100,144,94,144,91,139" href="javascript:GetClick()" onMouseOver="GetColor('330033','51,0,51','20,00,20')">
|
||||
<area shape="polygon" coords="117,134,123,134,126,139,123,144,117,144,114,139" href="javascript:GetClick()" onMouseOver="GetColor('000066','0,0,102','00,00,40')">
|
||||
<area shape="polygon" coords="140,134,146,134,149,139,146,144,140,144,137,139" href="javascript:GetClick()" onMouseOver="GetColor('0033CC','0,51,204','00,20,80')">
|
||||
<area shape="polygon" coords="36,141,42,141,45,146,42,151,36,151,33,146" href="javascript:GetClick()" onMouseOver="GetColor('FF3300','255,51,0','100,20,00')">
|
||||
<area shape="polygon" coords="59,141,65,141,68,146,65,151,59,151,56,146" href="javascript:GetClick()" onMouseOver="GetColor('990000','153,0,0','60,00,00')">
|
||||
<area shape="polygon" coords="82,141,88,141,91,146,88,151,82,151,79,146" href="javascript:GetClick()" onMouseOver="GetColor('660033','102,0,51','40,00,20')">
|
||||
<area shape="polygon" coords="105,141,111,141,114,146,111,151,105,151,102,146" href="javascript:GetClick()" onMouseOver="GetColor('330066','51,0,102','20,00,40')">
|
||||
<area shape="polygon" coords="128,141,134,141,137,146,134,151,128,151,125,146" href="javascript:GetClick()" onMouseOver="GetColor('000099','0,0,153','00,00,60')">
|
||||
<area shape="polygon" coords="151,141,157,141,160,146,157,151,151,151,148,146" href="javascript:GetClick()" onMouseOver="GetColor('0033FF','0,51,255','00,20,100')">
|
||||
<area shape="polygon" coords="48,148,54,148,57,153,54,158,48,158,45,153" href="javascript:GetClick()" onMouseOver="GetColor('CC0000','204,0,0','80,00,00')">
|
||||
<area shape="polygon" coords="71,148,77,148,80,153,77,158,71,158,68,153" href="javascript:GetClick()" onMouseOver="GetColor('990033','153,0,51','60,00,20')">
|
||||
<area shape="polygon" coords="94,148,100,148,103,153,100,158,94,158,91,153" href="javascript:GetClick()" onMouseOver="GetColor('660066','102,0,102','40,00,40')">
|
||||
<area shape="polygon" coords="117,148,123,148,126,153,123,158,117,158,114,153" href="javascript:GetClick()" onMouseOver="GetColor('330099','51,0,153','20,00,60')">
|
||||
<area shape="polygon" coords="140,148,146,148,149,153,146,158,140,158,137,153" href="javascript:GetClick()" onMouseOver="GetColor('0000CC','0,0,204','00,00,80')">
|
||||
<area shape="polygon" coords="36,155,42,155,45,160,42,165,36,165,33,160" href="javascript:GetClick()" onMouseOver="GetColor('FF0000','255,0,0','100,00,00')">
|
||||
<area shape="polygon" coords="59,155,65,155,68,160,65,165,59,165,56,160" href="javascript:GetClick()" onMouseOver="GetColor('CC0033','204,0,51','80,00,20')">
|
||||
<area shape="polygon" coords="82,155,88,155,91,160,88,165,82,165,79,160" href="javascript:GetClick()" onMouseOver="GetColor('990066','153,0,102','60,00,40')">
|
||||
<area shape="polygon" coords="105,155,111,155,114,160,111,165,105,165,102,160" href="javascript:GetClick()" onMouseOver="GetColor('660099','102,0,153','40,00,60')">
|
||||
<area shape="polygon" coords="128,155,134,155,137,160,134,165,128,165,125,160" href="javascript:GetClick()" onMouseOver="GetColor('3300CC','51,0,204','20,00,80')">
|
||||
<area shape="polygon" coords="151,155,157,155,160,160,157,165,151,165,148,160" href="javascript:GetClick()" onMouseOver="GetColor('0000FF','0,0,255','00,00,100')">
|
||||
<area shape="polygon" coords="59,169,65,169,68,174,65,179,59,179,56,174" href="javascript:GetClick()" onMouseOver="GetColor('FF0066','255,0,102','100,00,40')">
|
||||
<area shape="polygon" coords="82,169,88,169,91,174,88,179,82,179,79,174" href="javascript:GetClick()" onMouseOver="GetColor('CC0099','204,0,153','80,00,60')">
|
||||
<area shape="polygon" coords="105,169,111,169,114,174,111,179,105,179,102,174" href="javascript:GetClick()" onMouseOver="GetColor('9900CC','153,0,204','60,00,80')">
|
||||
<area shape="polygon" coords="128,169,134,169,137,174,134,179,128,179,125,174" href="javascript:GetClick()" onMouseOver="GetColor('6600FF','102,0,255','40,00,100')">
|
||||
<area shape="polygon" coords="71,176,77,176,80,181,77,186,71,186,68,181" href="javascript:GetClick()" onMouseOver="GetColor('FF0099','255,0,153','100,00,60')">
|
||||
<area shape="polygon" coords="94,176,100,176,103,181,100,186,94,186,91,181" href="javascript:GetClick()" onMouseOver="GetColor('CC00CC','204,0,204','80,00,80')">
|
||||
<area shape="polygon" coords="117,176,123,176,126,181,123,186,117,186,114,181" href="javascript:GetClick()" onMouseOver="GetColor('9900FF','153,0,255','60,00,100')">
|
||||
<area shape="polygon" coords="82,183,88,183,91,188,88,193,82,193,79,188" href="javascript:GetClick()" onMouseOver="GetColor('FF00CC','255,0,204','100,00,80')">
|
||||
<area shape="polygon" coords="105,183,111,183,114,188,111,193,105,193,102,188" href="javascript:GetClick()" onMouseOver="GetColor('CC00FF','204,0,255','80,00,100')">
|
||||
<area shape="polygon" coords="94,190,100,190,103,195,100,200,94,200,91,195" href="javascript:GetClick()" onMouseOver="GetColor('FF00FF','255,0,255','100,00,100')">
|
||||
<area shape="polygon" coords="318,51,324,51,327,56,324,61,318,61,315,56" href="javascript:GetClick()" onMouseOver="GetColor('00FF00','0,255,0','00,100,00')">
|
||||
<area shape="polygon" coords="307,58,313,58,316,63,313,68,307,68,304,63" href="javascript:GetClick()" onMouseOver="GetColor('00FF33','0,255,51','00,100,20')">
|
||||
<area shape="polygon" coords="330,58,336,58,339,63,336,68,330,68,327,63" href="javascript:GetClick()" onMouseOver="GetColor('33FF00','51,255,0','20,100,00')">
|
||||
<area shape="polygon" coords="295,65,301,65,304,70,301,75,295,75,292,70" href="javascript:GetClick()" onMouseOver="GetColor('00FF66','0,255,102','00,100,40')">
|
||||
<area shape="polygon" coords="318,65,324,65,327,70,324,75,318,75,315,70" href="javascript:GetClick()" onMouseOver="GetColor('33FF33','51,255,51','20,100,20')">
|
||||
<area shape="polygon" coords="341,65,347,65,350,70,347,75,341,75,338,70" href="javascript:GetClick()" onMouseOver="GetColor('66FF00','102,255,0','40,100,00')">
|
||||
<area shape="polygon" coords="284,72,290,72,293,77,290,82,284,82,281,77" href="javascript:GetClick()" onMouseOver="GetColor('00FF99','0,255,153','00,100,60')">
|
||||
<area shape="polygon" coords="307,72,313,72,316,77,313,82,307,82,304,77" href="javascript:GetClick()" onMouseOver="GetColor('33FF66','51,255,102','20,100,40')">
|
||||
<area shape="polygon" coords="330,72,336,72,339,77,336,82,330,82,327,77" href="javascript:GetClick()" onMouseOver="GetColor('66FF33','102,255,51','40,100,20')">
|
||||
<area shape="polygon" coords="353,72,359,72,362,77,359,82,353,82,350,77" href="javascript:GetClick()" onMouseOver="GetColor('99FF00','153,255,0','60,100,00')">
|
||||
<area shape="polygon" coords="272,79,278,79,281,84,278,89,272,89,269,84" href="javascript:GetClick()" onMouseOver="GetColor('00FFCC','0,255,204','00,100,80')">
|
||||
<area shape="polygon" coords="295,79,301,79,304,84,301,89,295,89,292,84" href="javascript:GetClick()" onMouseOver="GetColor('33FF99','51,255,153','20,100,60')">
|
||||
<area shape="polygon" coords="318,79,324,79,327,84,324,89,318,89,315,84" href="javascript:GetClick()" onMouseOver="GetColor('66FF66','102,255,102','40,100,40')">
|
||||
<area shape="polygon" coords="341,79,347,79,350,84,347,89,341,89,338,84" href="javascript:GetClick()" onMouseOver="GetColor('99FF33','153,255,51','60,100,20')">
|
||||
<area shape="polygon" coords="364,79,370,79,373,84,370,89,364,89,361,84" href="javascript:GetClick()" onMouseOver="GetColor('CCFF00','204,255,0','80,100,00')">
|
||||
<area shape="polygon" coords="261,86,267,86,270,91,267,96,261,96,258,91" href="javascript:GetClick()" onMouseOver="GetColor('00FFFF','0,255,255','00,100,100')">
|
||||
<area shape="polygon" coords="284,86,290,86,293,91,290,96,284,96,281,91" href="javascript:GetClick()" onMouseOver="GetColor('33FFCC','51,255,204','20,100,80')">
|
||||
<area shape="polygon" coords="307,86,313,86,316,91,313,96,307,96,304,91" href="javascript:GetClick()" onMouseOver="GetColor('66FF99','102,255,153','40,100,60')">
|
||||
<area shape="polygon" coords="330,86,336,86,339,91,336,96,330,96,327,91" href="javascript:GetClick()" onMouseOver="GetColor('99FF66','153,255,102','60,100,40')">
|
||||
<area shape="polygon" coords="353,86,359,86,362,91,359,96,353,96,350,91" href="javascript:GetClick()" onMouseOver="GetColor('CCFF33','204,255,51','80,100,20')">
|
||||
<area shape="polygon" coords="376,86,382,86,385,91,382,96,376,96,373,91" href="javascript:GetClick()" onMouseOver="GetColor('FFFF00','255,255,0','100,100,00')">
|
||||
<area shape="polygon" coords="272,93,278,93,281,98,278,103,272,103,269,98" href="javascript:GetClick()" onMouseOver="GetColor('33FFFF','51,255,255','20,100,100')">
|
||||
<area shape="polygon" coords="295,93,301,93,304,98,301,103,295,103,292,98" href="javascript:GetClick()" onMouseOver="GetColor('66FFCC','102,255,204','40,100,80')">
|
||||
<area shape="polygon" coords="318,93,324,93,327,98,324,103,318,103,315,98" href="javascript:GetClick()" onMouseOver="GetColor('99FF99','153,255,153','60,100,60')">
|
||||
<area shape="polygon" coords="341,93,347,93,350,98,347,103,341,103,338,98" href="javascript:GetClick()" onMouseOver="GetColor('CCFF66','204,255,102','80,100,40')">
|
||||
<area shape="polygon" coords="364,93,370,93,373,98,370,103,364,103,361,98" href="javascript:GetClick()" onMouseOver="GetColor('FFFF33','255,255,51','100,100,20')">
|
||||
<area shape="polygon" coords="261,100,267,100,270,105,267,110,261,110,258,105" href="javascript:GetClick()" onMouseOver="GetColor('00CCFF','0,204,255','00,80,100')">
|
||||
<area shape="polygon" coords="284,100,290,100,293,105,290,110,284,110,281,105" href="javascript:GetClick()" onMouseOver="GetColor('66FFFF','102,255,255','40,100,100')">
|
||||
<area shape="polygon" coords="307,100,313,100,316,105,313,110,307,110,304,105" href="javascript:GetClick()" onMouseOver="GetColor('99FFCC','153,255,204','60,100,80')">
|
||||
<area shape="polygon" coords="330,100,336,100,339,105,336,110,330,110,327,105" href="javascript:GetClick()" onMouseOver="GetColor('CCFF99','204,255,153','80,100,60')">
|
||||
<area shape="polygon" coords="353,100,359,100,362,105,359,110,353,110,350,105" href="javascript:GetClick()" onMouseOver="GetColor('FFFF66','255,255,102','100,100,40')">
|
||||
<area shape="polygon" coords="376,100,382,100,385,105,382,110,376,110,373,105" href="javascript:GetClick()" onMouseOver="GetColor('FFCC00','255,204,0','100,80,00')">
|
||||
<area shape="polygon" coords="272,107,278,107,281,112,278,117,272,117,269,112" href="javascript:GetClick()" onMouseOver="GetColor('33CCFF','51,204,255','20,80,100')">
|
||||
<area shape="polygon" coords="295,107,301,107,304,112,301,117,295,117,292,112" href="javascript:GetClick()" onMouseOver="GetColor('99FFFF','153,255,255','60,100,100')">
|
||||
<area shape="polygon" coords="318,107,324,107,327,112,324,117,318,117,315,112" href="javascript:GetClick()" onMouseOver="GetColor('CCFFCC','204,255,204','80,100,80')">
|
||||
<area shape="polygon" coords="341,107,347,107,350,112,347,117,341,117,338,112" href="javascript:GetClick()" onMouseOver="GetColor('FFFF99','255,255,153','100,100,60')">
|
||||
<area shape="polygon" coords="364,107,370,107,373,112,370,117,364,117,361,112" href="javascript:GetClick()" onMouseOver="GetColor('FFCC33','255,204,51','100,80,20')">
|
||||
<area shape="polygon" coords="261,114,267,114,270,119,267,124,261,124,258,119" href="javascript:GetClick()" onMouseOver="GetColor('0099FF','0,153,255','00,60,100')">
|
||||
<area shape="polygon" coords="284,114,290,114,293,119,290,124,284,124,281,119" href="javascript:GetClick()" onMouseOver="GetColor('66CCFF','102,204,255','40,80,100')">
|
||||
<area shape="polygon" coords="307,114,313,114,316,119,313,124,307,124,304,119" href="javascript:GetClick()" onMouseOver="GetColor('CCFFFF','204,255,255','80,100,100')">
|
||||
<area shape="polygon" coords="330,114,336,114,339,119,336,124,330,124,327,119" href="javascript:GetClick()" onMouseOver="GetColor('FFFFCC','255,255,204','100,100,80')">
|
||||
<area shape="polygon" coords="353,114,359,114,362,119,359,124,353,124,350,119" href="javascript:GetClick()" onMouseOver="GetColor('FFCC66','255,204,102','100,80,40')">
|
||||
<area shape="polygon" coords="376,114,382,114,385,119,382,124,376,124,373,119" href="javascript:GetClick()" onMouseOver="GetColor('FF9900','255,153,0','100,60,00')">
|
||||
<area shape="polygon" coords="272,121,278,121,281,126,278,131,272,131,269,126" href="javascript:GetClick()" onMouseOver="GetColor('3399FF','51,153,255','20,60,100')">
|
||||
<area shape="polygon" coords="295,121,301,121,304,126,301,131,295,131,292,126" href="javascript:GetClick()" onMouseOver="GetColor('99CCFF','153,204,255','60,80,100')">
|
||||
<area shape="polygon" coords="318,121,324,121,327,126,324,131,318,131,315,126" href="javascript:GetClick()" onMouseOver="GetColor('FFFFFF','255,255,255','100,100,100')">
|
||||
<area shape="polygon" coords="341,121,347,121,350,126,347,131,341,131,338,126" href="javascript:GetClick()" onMouseOver="GetColor('FFCC99','255,204,153','100,80,60')">
|
||||
<area shape="polygon" coords="364,121,370,121,373,126,370,131,364,131,361,126" href="javascript:GetClick()" onMouseOver="GetColor('FF9933','255,153,51','100,60,20')">
|
||||
<area shape="polygon" coords="261,128,267,128,270,133,267,138,261,138,258,133" href="javascript:GetClick()" onMouseOver="GetColor('0066FF','0,102,255','00,40,100')">
|
||||
<area shape="polygon" coords="284,128,290,128,293,133,290,138,284,138,281,133" href="javascript:GetClick()" onMouseOver="GetColor('6699FF','102,153,255','40,60,100')">
|
||||
<area shape="polygon" coords="307,128,313,128,316,133,313,138,307,138,304,133" href="javascript:GetClick()" onMouseOver="GetColor('CCCCFF','204,204,255','80,80,100')">
|
||||
<area shape="polygon" coords="330,128,336,128,339,133,336,138,330,138,327,133" href="javascript:GetClick()" onMouseOver="GetColor('FFCCCC','255,204,204','100,80,80')">
|
||||
<area shape="polygon" coords="353,128,359,128,362,133,359,138,353,138,350,133" href="javascript:GetClick()" onMouseOver="GetColor('FF9966','255,153,102','100,60,40')">
|
||||
<area shape="polygon" coords="376,128,382,128,385,133,382,138,376,138,373,133" href="javascript:GetClick()" onMouseOver="GetColor('FF6600','255,102,0','100,40,00')">
|
||||
<area shape="polygon" coords="272,135,278,135,281,140,278,145,272,145,269,140" href="javascript:GetClick()" onMouseOver="GetColor('3366FF','51,102,255','20,40,100')">
|
||||
<area shape="polygon" coords="295,135,301,135,304,140,301,145,295,145,292,140" href="javascript:GetClick()" onMouseOver="GetColor('9999FF','153,153,255','60,60,100')">
|
||||
<area shape="polygon" coords="318,135,324,135,327,140,324,145,318,145,315,140" href="javascript:GetClick()" onMouseOver="GetColor('FFCCFF','255,204,255','100,80,100')">
|
||||
<area shape="polygon" coords="341,135,347,135,350,140,347,145,341,145,338,140" href="javascript:GetClick()" onMouseOver="GetColor('FF9999','255,153,153','100,60,60')">
|
||||
<area shape="polygon" coords="364,135,370,135,373,140,370,145,364,145,361,140" href="javascript:GetClick()" onMouseOver="GetColor('FF6633','255,102,51','100,40,20')">
|
||||
<area shape="polygon" coords="261,142,267,142,270,147,267,152,261,152,258,147" href="javascript:GetClick()" onMouseOver="GetColor('0033FF','0,51,255','00,20,100')">
|
||||
<area shape="polygon" coords="284,142,290,142,293,147,290,152,284,152,281,147" href="javascript:GetClick()" onMouseOver="GetColor('6666FF','102,102,255','40,40,100')">
|
||||
<area shape="polygon" coords="307,142,313,142,316,147,313,152,307,152,304,147" href="javascript:GetClick()" onMouseOver="GetColor('CC99FF','204,153,255','80,60,100')">
|
||||
<area shape="polygon" coords="330,142,336,142,339,147,336,152,330,152,327,147" href="javascript:GetClick()" onMouseOver="GetColor('FF99CC','255,153,204','100,60,80')">
|
||||
<area shape="polygon" coords="353,142,359,142,362,147,359,152,353,152,350,147" href="javascript:GetClick()" onMouseOver="GetColor('FF6666','255,102,102','100,40,40')">
|
||||
<area shape="polygon" coords="376,142,382,142,385,147,382,152,376,152,373,147" href="javascript:GetClick()" onMouseOver="GetColor('FF3300','255,51,0','100,20,00')">
|
||||
<area shape="polygon" coords="272,149,278,149,281,154,278,159,272,159,269,154" href="javascript:GetClick()" onMouseOver="GetColor('3333FF','51,51,255','20,20,100')">
|
||||
<area shape="polygon" coords="295,149,301,149,304,154,301,159,295,159,292,154" href="javascript:GetClick()" onMouseOver="GetColor('9966FF','153,102,255','60,40,100')">
|
||||
<area shape="polygon" coords="318,149,324,149,327,154,324,159,318,159,315,154" href="javascript:GetClick()" onMouseOver="GetColor('FF99FF','255,153,255','100,60,100')">
|
||||
<area shape="polygon" coords="341,149,347,149,350,154,347,159,341,159,338,154" href="javascript:GetClick()" onMouseOver="GetColor('FF6699','255,102,153','100,40,60')">
|
||||
<area shape="polygon" coords="364,149,370,149,373,154,370,159,364,159,361,154" href="javascript:GetClick()" onMouseOver="GetColor('FF3333','255,51,51','100,20,20')">
|
||||
<area shape="polygon" coords="261,156,267,156,270,161,267,166,261,166,258,161" href="javascript:GetClick()" onMouseOver="GetColor('0000FF','0,0,255','00,00,100')">
|
||||
<area shape="polygon" coords="284,156,290,156,293,161,290,166,284,166,281,161" href="javascript:GetClick()" onMouseOver="GetColor('6633FF','102,51,255','40,20,100')">
|
||||
<area shape="polygon" coords="307,156,313,156,316,161,313,166,307,166,304,161" href="javascript:GetClick()" onMouseOver="GetColor('CC66FF','204,102,255','80,40,100')">
|
||||
<area shape="polygon" coords="330,156,336,156,339,161,336,166,330,166,327,161" href="javascript:GetClick()" onMouseOver="GetColor('FF66CC','255,102,204','100,40,80')">
|
||||
<area shape="polygon" coords="353,156,359,156,362,161,359,166,353,166,350,161" href="javascript:GetClick()" onMouseOver="GetColor('FF3366','255,51,102','100,20,40')">
|
||||
<area shape="polygon" coords="376,156,382,156,385,161,382,166,376,166,373,161" href="javascript:GetClick()" onMouseOver="GetColor('FF0000','255,0,0','100,00,00')">
|
||||
<area shape="polygon" coords="272,163,278,163,281,168,278,173,272,173,269,168" href="javascript:GetClick()" onMouseOver="GetColor('3300FF','51,0,255','20,00,100')">
|
||||
<area shape="polygon" coords="295,163,301,163,304,168,301,173,295,173,292,168" href="javascript:GetClick()" onMouseOver="GetColor('9933FF','153,51,255','60,20,100')">
|
||||
<area shape="polygon" coords="318,163,324,163,327,168,324,173,318,173,315,168" href="javascript:GetClick()" onMouseOver="GetColor('FF66FF','255,102,255','100,40,100')">
|
||||
<area shape="polygon" coords="341,163,347,163,350,168,347,173,341,173,338,168" href="javascript:GetClick()" onMouseOver="GetColor('FF3399','255,51,153','100,20,60')">
|
||||
<area shape="polygon" coords="364,163,370,163,373,168,370,173,364,173,361,168" href="javascript:GetClick()" onMouseOver="GetColor('FF0033','255,0,51','100,00,20')">
|
||||
<area shape="polygon" coords="284,170,290,170,293,175,290,180,284,180,281,175" href="javascript:GetClick()" onMouseOver="GetColor('6600FF','102,0,255','40,00,100')">
|
||||
<area shape="polygon" coords="307,170,313,170,316,175,313,180,307,180,304,175" href="javascript:GetClick()" onMouseOver="GetColor('CC33FF','204,51,255','80,20,100')">
|
||||
<area shape="polygon" coords="330,170,336,170,339,175,336,180,330,180,327,175" href="javascript:GetClick()" onMouseOver="GetColor('FF33CC','255,51,204','100,20,80')">
|
||||
<area shape="polygon" coords="353,170,359,170,362,175,359,180,353,180,350,175" href="javascript:GetClick()" onMouseOver="GetColor('FF0066','255,0,102','100,00,40')">
|
||||
<area shape="polygon" coords="295,177,301,177,304,182,301,187,295,187,292,182" href="javascript:GetClick()" onMouseOver="GetColor('9900FF','153,0,255','60,00,100')">
|
||||
<area shape="polygon" coords="318,177,324,177,327,182,324,187,318,187,315,182" href="javascript:GetClick()" onMouseOver="GetColor('FF33FF','255,51,255','100,20,100')">
|
||||
<area shape="polygon" coords="341,177,347,177,350,182,347,187,341,187,338,182" href="javascript:GetClick()" onMouseOver="GetColor('FF0099','255,0,153','100,00,60')">
|
||||
<area shape="polygon" coords="307,184,313,184,316,189,313,194,307,194,304,189" href="javascript:GetClick()" onMouseOver="GetColor('CC00FF','204,0,255','80,00,100')">
|
||||
<area shape="polygon" coords="330,184,336,184,339,189,336,194,330,194,327,189" href="javascript:GetClick()" onMouseOver="GetColor('FF00CC','255,0,204','100,00,80')">
|
||||
<area shape="polygon" coords="318,191,324,191,327,196,324,201,318,201,315,196" href="javascript:GetClick()" onMouseOver="GetColor('FF00FF','255,0,255','100,00,100')">
|
||||
<area shape="polygon" coords="88,109,92,103,100,103,104,109,112,109,117,116,112,125,116,132,112,138,104,140,100,146,91,148,86,139,80,139,76,133,80,126,77,118,81,110,89,109,92,103" href="javascript:GetClick()" onMouseOver="GetColor('333333','51,51,51','20,20,20')">
|
||||
<area shape="polygon" coords="92,89,101,89,104,96,112,96,117,102,123,103,129,110,125,118,128,125,125,132,128,139,125,147,116,148,112,154,104,154,102,162,92,162,88,155,80,155,75,147,76,148,67,147,63,138,67,132,65,124,68,118,64,111,69,102,77,102,80,95,88,94,91,88" href="javascript:GetClick()" onMouseOver="GetColor('666666','102,102,102','40,40,40')">
|
||||
<area shape="polygon" coords="92,75,57,96,54,103,54,146,56,153,92,176,101,176,135,155,140,147,139,104,138,97,100,74" href="javascript:GetClick()" onMouseOver="GetColor('999999','153,153,153','60,60,60')">
|
||||
<area shape="polygon" coords="94,60,44,90,41,96,41,154,46,161,92,190,101,190,148,162,150,156,151,98,151,95,147,90,100,60,96,60" href="javascript:GetClick()" onMouseOver="GetColor('CCCCCC','204,204,204','80,80,80')">
|
||||
<area shape="polygon" coords="220,100,218,106,221,111,227,112,230,105,226,99,222,99" href="javascript:GetClick()" onMouseOver="GetColor('CCCCCC','204,204,204','80,80,80')">
|
||||
<area shape="polygon" coords="221,114,218,119,221,126,227,125,230,119,227,114,220,114" href="javascript:GetClick()" onMouseOver="GetColor('999999','153,153,153','60,60,60')">
|
||||
<area shape="polygon" coords="220,127,217,133,222,139,226,138,230,132,227,126" href="javascript:GetClick()" onMouseOver="GetColor('666666','102,102,102','40,40,40')">
|
||||
<area shape="polygon" coords="220,142,218,147,221,152,227,152,230,146,226,141" href="javascript:GetClick()" onMouseOver="GetColor('333333','51,51,51','20,20,20')">
|
||||
<area shape="polygon" coords="152,63,155,56,152,50,155,41,164,41,168,34,177,34,181,41,188,41,193,49,190,56,193,62,189,72,181,72,177,79,168,78,164,72,156,71" href="javascript:GetClick()" onMouseOver="GetColor('666666','102,102,102','40,40,40')">
|
||||
<area shape="polygon" coords="317,104,306,110,301,119,300,133,305,142,316,149,326,149,337,142,342,133,342,119,337,109,326,103,316,104" href="javascript:GetClick()" onMouseOver="GetColor('CCCCCC','204,204,204','80,80,80')">
|
||||
<area shape="polygon" coords="316,90,293,104,289,110,290,143,293,148,318,163,326,163,349,149,354,139,354,111,349,103,325,89" href="javascript:GetClick()" onMouseOver="GetColor('999999','153,153,153','60,60,60')">
|
||||
<area shape="polygon" coords="316,76,282,96,277,105,278,148,281,155,316,176,326,177,360,155,365,146,365,104,360,96,325,75" href="javascript:GetClick()" onMouseOver="GetColor('666666','102,102,102','40,40,40')">
|
||||
<area shape="polygon" coords="316,62,270,90,265,97,266,154,270,162,316,190,326,190,371,161,375,155,376,97,372,89,325,60" href="javascript:GetClick()" onMouseOver="GetColor('333333','51,51,51','20,20,20')">
|
||||
<area shape="polygon" coords="375,186,372,192,363,192,359,202,362,207,360,215,363,223,371,223,376,230,385,230,389,222,396,223,401,214,397,206,401,201,397,192,389,192,385,185,374,185" href="javascript:GetClick()" onMouseOver="GetColor('999999','153,153,153','60,60,60')">
|
||||
<area shape="polygon" coords="73,225,80,225,82,230,80,235,73,235,71,230" href="javascript:GetClick()" onMouseOver="GetColor('6633CC','102,51,204','40,20,80')">
|
||||
<area shape="polygon" coords="50,236,47,230,50,224,56,225,59,230,56,236" href="javascript:GetClick()" onMouseOver="GetColor('333366','51,51,102','20,20,40')">
|
||||
<area shape="polygon" coords="403,149,410,149,413,154,411,160,403,160,400,155" href="javascript:GetClick()" onMouseOver="GetColor('CC3366','204,51,102','80,20,40')">
|
||||
<area shape="polygon" coords="426,148,432,148,435,154,432,160,426,160,423,154" href="javascript:GetClick()" onMouseOver="GetColor('CC66CC','204,102,204','80,40,80')">
|
||||
<area shape="polygon" coords="232,80,224,79,224,0,436,0,437,253,224,253,224,173,233,173" href="javascript:GetClick()" onMouseOver="GetColor('000000','0,0,0','00,00,00')">
|
||||
<area shape="polygon" coords="224,86,220,87,218,92,219,97,225,97" href="javascript:GetClick()" onMouseOver="GetColor('FFFFFF','255,255,255','100,100,100')">
|
||||
<area shape="polygon" coords="224,174,216,174,216,80,224,80" href="javascript:GetClick()" onMouseOver="GetColor('000000','0,0,0','00,00,00')">
|
||||
<area shape="polygon" coords="226,166,230,162,227,156,220,157,219,162,221,166" href="javascript:GetClick()" onMouseOver="GetColor('000000','0,0,0','00,00,00')">
|
||||
<area shape="rect" coords="0,0,437,253" href="javascript:GetClick()" onMouseOver="GetColor('FFFFFF','255,255,255','100,100,100')">
|
||||
</map>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
1009
www/extras/htmlArea/editor.js
Normal file
1009
www/extras/htmlArea/editor.js
Normal file
File diff suppressed because it is too large
Load diff
148
www/extras/htmlArea/example.html
Normal file
148
www/extras/htmlArea/example.html
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
<html><head><title>htmlArea Example</title>
|
||||
<style type="text/css"><!--
|
||||
body, td { font-family: arial; font-size: x-small; }
|
||||
a { color: #0000BB; text-decoration: none; }
|
||||
a:hover { color: #FF0000; text-decoration: underline; }
|
||||
.headline { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
|
||||
.headline2{ font-family: verdana, arial; font-size: 12px; }
|
||||
.subhead { font-family: arial, arial; font-size: 18px; font-weight: bold; font-style: italic; }
|
||||
.backtotop { font-family: arial, arial; font-size: xx-small; }
|
||||
.code { background-color: #EEEEEE; font-family: Courier New; font-size: x-small;
|
||||
margin: 5px 0px 5px 0px; padding: 5px;
|
||||
border: black 1px dotted;
|
||||
}
|
||||
|
||||
font { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
|
||||
|
||||
--></style>
|
||||
|
||||
<script><!-- // load htmlArea files
|
||||
_editor_url = "./";
|
||||
document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js" language="Javascript1.2"></scr'+'ipt>');
|
||||
//--></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a name="top"></a>
|
||||
|
||||
<form>
|
||||
|
||||
<div align=center>
|
||||
<span class="headline">htmlArea v2.00</span><br>
|
||||
<span class="headline2">Turn any <textarea> into a WYSIWYG editor<br><a href="http://www.interactivetools.com/" target="_blank">from your friends at interactivetools.com</a></span>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<!-- TOC -->
|
||||
|
||||
|
||||
|
||||
<p>Sample textarea follows:</p>
|
||||
|
||||
<textarea name="yourFieldNameHere" style="width:500; height:150">
|
||||
<p>Here is some sample text: <b>bold</b>, <i>italic</i>, <u>underline</u>. </p>
|
||||
<p align=center>Different fonts, sizes and colors (all in bold):</p>
|
||||
<p><b>
|
||||
<font face="arial" size=7 color="#000066">arial</font>,
|
||||
<font face="courier new" size=6 color="#006600">courier new</font>,
|
||||
<font face="georgia" size=5 color="#006666">georgia</font>,
|
||||
<font face="tahoma" size=4 color="#660000">tahoma</font>,
|
||||
<font face="times new roman" size=3 color="#660066">times new roman</font>,
|
||||
<font face="verdana" size=2 color="#666600">verdana</font>,
|
||||
<font face="tahoma" size=1 color="#666666">tahoma</font>
|
||||
</b></p>
|
||||
<p>Click on <a href="http://www.interactivetools.com/">this link</a> and then on the link button to the details ... OR ... select some text and click link to create a <b>new</b> link.</p>
|
||||
</textarea><br>
|
||||
|
||||
<b>Example "InsertHTML" links: </b>
|
||||
<a href="javascript:editor_insertHTML('yourFieldNameHere','<font style=\'background-color: yellow\'>','</font>');">Highlight selected text</a> -
|
||||
<a href="javascript:editor_insertHTML('yourFieldNameHere',':)');">Insert Smiley</a>
|
||||
|
||||
<script language="javascript1.2" defer>
|
||||
editor_generate('yourFieldNameHere');
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<p><hr>
|
||||
<p>Another textarea follows: (This one has many more configuration defined in the source code)</p>
|
||||
|
||||
|
||||
|
||||
<textarea name="yourFieldNameHere2" style="width:100%; height:200">
|
||||
<hr>
|
||||
<p>Here is some sample text: <b>bold</b>, <i>italic</i>, <u>underline</u>. </p>
|
||||
<p align=center>Different fonts, sizes and colors (all in bold):</p>
|
||||
<p><b>
|
||||
<font face="arial" size=7 color="#000066">arial</font>,
|
||||
<font face="courier new" size=6 color="#006600">courier new</font>,
|
||||
<font face="georgia" size=5 color="#006666">georgia</font>,
|
||||
<font face="tahoma" size=4 color="#660000">tahoma</font>,
|
||||
<font face="times new roman" size=3 color="#660066">times new roman</font>,
|
||||
<font face="verdana" size=2 color="#666600">verdana</font>,
|
||||
<font face="tahoma" size=1 color="#666666">tahoma</font>
|
||||
</b></p>
|
||||
<p>Click on <a href="http://www.interactivetools.com/">this link</a> and then on the link button to the details ... OR ... select some text and click link to create a <b>new</b> link.</p>
|
||||
</textarea><br>
|
||||
|
||||
<script language="javascript1.2" defer>
|
||||
var config = new Object(); // create new config object
|
||||
|
||||
config.width = "90%";
|
||||
config.height = "200px";
|
||||
config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';
|
||||
config.debug = 0;
|
||||
|
||||
// NOTE: You can remove any of these blocks and use the default config!
|
||||
|
||||
config.toolbar = [
|
||||
['fontname'],
|
||||
['fontsize'],
|
||||
['fontstyle'],
|
||||
// ['linebreak'],
|
||||
['bold','italic','underline','separator'],
|
||||
// ['strikethrough','subscript','superscript','separator'],
|
||||
['justifyleft','justifycenter','justifyright','separator'],
|
||||
['OrderedList','UnOrderedList','Outdent','Indent','separator'],
|
||||
['forecolor','backcolor','separator'],
|
||||
['custom1','custom2','custom3','separator'],
|
||||
['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],
|
||||
['about','help','popupeditor'],
|
||||
];
|
||||
|
||||
config.fontnames = {
|
||||
"Arial": "arial, helvetica, sans-serif",
|
||||
"Courier New": "courier new, courier, mono",
|
||||
"Georgia": "Georgia, Times New Roman, Times, Serif",
|
||||
"Tahoma": "Tahoma, Arial, Helvetica, sans-serif",
|
||||
"Times New Roman": "times new roman, times, serif",
|
||||
"Verdana": "Verdana, Arial, Helvetica, sans-serif",
|
||||
"impact": "impact",
|
||||
"WingDings": "WingDings"
|
||||
};
|
||||
config.fontsizes = {
|
||||
"1 (8 pt)": "1",
|
||||
"2 (10 pt)": "2",
|
||||
"3 (12 pt)": "3",
|
||||
"4 (14 pt)": "4",
|
||||
"5 (18 pt)": "5",
|
||||
"6 (24 pt)": "6",
|
||||
"7 (36 pt)": "7"
|
||||
};
|
||||
|
||||
//config.stylesheet = "http://www.domain.com/sample.css";
|
||||
|
||||
config.fontstyles = [ // make sure classNames are defined in the page the content is being display as well in or they won't work!
|
||||
{ name: "headline", className: "headline", classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
|
||||
{ name: "arial red", className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
|
||||
{ name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" }
|
||||
// leave classStyle blank if it's defined in your stylesheet (above), like this:
|
||||
// { name: "verdana blue", className: "headline4", classStyle: "" }
|
||||
];
|
||||
//config.editor_insertHTML = [ { name: "test", "It's easy to add buttons that insert text!" } ];
|
||||
editor_generate('yourFieldNameHere2',config); // field, width, height
|
||||
</script>
|
||||
|
||||
|
||||
</form>
|
||||
</body></html>
|
||||
BIN
www/extras/htmlArea/images/ed_about.gif
Normal file
BIN
www/extras/htmlArea/images/ed_about.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 B |
BIN
www/extras/htmlArea/images/ed_align_center.gif
Normal file
BIN
www/extras/htmlArea/images/ed_align_center.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 B |
BIN
www/extras/htmlArea/images/ed_align_left.gif
Normal file
BIN
www/extras/htmlArea/images/ed_align_left.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 B |
BIN
www/extras/htmlArea/images/ed_align_right.gif
Normal file
BIN
www/extras/htmlArea/images/ed_align_right.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 B |
BIN
www/extras/htmlArea/images/ed_blank.gif
Normal file
BIN
www/extras/htmlArea/images/ed_blank.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 B |
BIN
www/extras/htmlArea/images/ed_charmap.gif
Normal file
BIN
www/extras/htmlArea/images/ed_charmap.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 B |
BIN
www/extras/htmlArea/images/ed_color_bg.gif
Normal file
BIN
www/extras/htmlArea/images/ed_color_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 B |
BIN
www/extras/htmlArea/images/ed_color_fg.gif
Normal file
BIN
www/extras/htmlArea/images/ed_color_fg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
BIN
www/extras/htmlArea/images/ed_copy.gif
Normal file
BIN
www/extras/htmlArea/images/ed_copy.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 B |
BIN
www/extras/htmlArea/images/ed_custom.gif
Normal file
BIN
www/extras/htmlArea/images/ed_custom.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 B |
BIN
www/extras/htmlArea/images/ed_cut.gif
Normal file
BIN
www/extras/htmlArea/images/ed_cut.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 B |
BIN
www/extras/htmlArea/images/ed_delete.gif
Normal file
BIN
www/extras/htmlArea/images/ed_delete.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 B |
BIN
www/extras/htmlArea/images/ed_format_bold.gif
Normal file
BIN
www/extras/htmlArea/images/ed_format_bold.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 B |
BIN
www/extras/htmlArea/images/ed_format_italic.gif
Normal file
BIN
www/extras/htmlArea/images/ed_format_italic.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 B |
BIN
www/extras/htmlArea/images/ed_format_strike.gif
Normal file
BIN
www/extras/htmlArea/images/ed_format_strike.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 B |
BIN
www/extras/htmlArea/images/ed_format_sub.gif
Normal file
BIN
www/extras/htmlArea/images/ed_format_sub.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 B |
BIN
www/extras/htmlArea/images/ed_format_sup.gif
Normal file
BIN
www/extras/htmlArea/images/ed_format_sup.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 B |
BIN
www/extras/htmlArea/images/ed_format_underline.gif
Normal file
BIN
www/extras/htmlArea/images/ed_format_underline.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 B |
BIN
www/extras/htmlArea/images/ed_help.gif
Normal file
BIN
www/extras/htmlArea/images/ed_help.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 B |
BIN
www/extras/htmlArea/images/ed_hr.gif
Normal file
BIN
www/extras/htmlArea/images/ed_hr.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 B |
BIN
www/extras/htmlArea/images/ed_html.gif
Normal file
BIN
www/extras/htmlArea/images/ed_html.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 B |
BIN
www/extras/htmlArea/images/ed_image.gif
Normal file
BIN
www/extras/htmlArea/images/ed_image.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 B |
BIN
www/extras/htmlArea/images/ed_indent_less.gif
Normal file
BIN
www/extras/htmlArea/images/ed_indent_less.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 B |
BIN
www/extras/htmlArea/images/ed_indent_more.gif
Normal file
BIN
www/extras/htmlArea/images/ed_indent_more.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 B |
BIN
www/extras/htmlArea/images/ed_link.gif
Normal file
BIN
www/extras/htmlArea/images/ed_link.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
BIN
www/extras/htmlArea/images/ed_list_bullet.gif
Normal file
BIN
www/extras/htmlArea/images/ed_list_bullet.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 B |
BIN
www/extras/htmlArea/images/ed_list_num.gif
Normal file
BIN
www/extras/htmlArea/images/ed_list_num.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
BIN
www/extras/htmlArea/images/ed_redo.gif
Normal file
BIN
www/extras/htmlArea/images/ed_redo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 B |
BIN
www/extras/htmlArea/images/ed_undo.gif
Normal file
BIN
www/extras/htmlArea/images/ed_undo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 B |
BIN
www/extras/htmlArea/images/fullscreen_maximize.gif
Normal file
BIN
www/extras/htmlArea/images/fullscreen_maximize.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
BIN
www/extras/htmlArea/images/fullscreen_minimize.gif
Normal file
BIN
www/extras/htmlArea/images/fullscreen_minimize.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
BIN
www/extras/htmlArea/images/insert_table.gif
Normal file
BIN
www/extras/htmlArea/images/insert_table.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 B |
BIN
www/extras/htmlArea/images/macro.gif
Normal file
BIN
www/extras/htmlArea/images/macro.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 B |
19
www/extras/htmlArea/popups/about.html
Normal file
19
www/extras/htmlArea/popups/about.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<HTML STYLE="width: 450px; height: 285px; ">
|
||||
<HEAD><TITLE>About</TITLE>
|
||||
<style>
|
||||
html,body,textarea { font-family: verdana,arial; font-size: 9pt; };
|
||||
</style></HEAD>
|
||||
<BODY style="background: threedface; color: #000000" topmargin=5 leftmargin=12>
|
||||
<span style="font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;">htmlArea</span> v2.0 by interactivetools.com<br>
|
||||
A free WYSIWYG editor replacement for <textarea> fields.<br>
|
||||
<p><textarea style="width:100%; height:120px" readonly>
|
||||
Copyright (c) 2002 interactivetools.com, inc.
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
a) The above copyright notice, this permission notice, and the "About this editor" button that appears as the letter "i" in the editor interface, shall be included in all copies or substantial portions of the Software.
|
||||
b) The "About this editor" button that appears as the letter "i" in the editor interface must always be visible in the editor interface and bring up the original "About" dialog window when clicked.
|
||||
c) The "About" dialog window and its contents, including the link to interactivetools.com can not be amended.
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
</textarea>
|
||||
<p>For more information visit:<br>
|
||||
<a href="http://www.interactivetools.com/products/htmlarea/" target="_blank">http://www.interactivetools.com/products/htmlarea/</a><br><br>
|
||||
</body></html>
|
||||
100
www/extras/htmlArea/popups/custom2.html
Normal file
100
www/extras/htmlArea/popups/custom2.html
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
<html style="width:600px; Height: 50px;">
|
||||
<head>
|
||||
<title>Insert WebGUI macro</title>
|
||||
<script language="javascript">
|
||||
|
||||
function returnSelected(in_values) {
|
||||
var text = in_values;
|
||||
|
||||
window.returnValue = text; // set return value
|
||||
window.close(); // close dialog
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body bgcolor="#FFFFFF" topmargin=15 leftmargin=0>
|
||||
<form name="macros" method=get onSubmit="Set(document.all.ColorHex.value); return false;">
|
||||
<div align=center>
|
||||
<select name="textPulldown" onchange="returnSelected(this.value)">
|
||||
<option value=''>Menus and navigation...</option>
|
||||
<option value='^FlexMenu;'>FlexMenu</option>
|
||||
<option value='^M;'>Current Menu (Vertical)</option>
|
||||
<option value='^m;'>Current Menu (Horizontal)</option>
|
||||
<option value='^P;'>Previous Menu (Vertical)</option>
|
||||
<option value='^p;'>Previous Menu (Horizontal)</option>
|
||||
<option value='^rootmenu;'>Root Menu (Horizontal)</option>
|
||||
<option value='^S("home",0);'>Specific SubMenu (Vertical)</option>
|
||||
<option value='^s("home");'>Specific SubMenu (Horizontal)</option>
|
||||
<option value='^Synopsis;'>Synopsis Menu</option>
|
||||
<option value='^T;'>Top Level Menu (Vertical)</option>
|
||||
<option value='^t;'>Top Level Menu (Horizontal)</option>
|
||||
<option value='^t;'>Top Level Menu (Horizontal)</option>
|
||||
<option value='^C;'>Crumb Trail</option>
|
||||
<option value='^H;'>Home Link</option>
|
||||
|
||||
</select>
|
||||
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>SQL...</option>
|
||||
<option value='^FormParam("phoneNumber");'>FormParam</option>
|
||||
<option value='^*(100);'>Random Number</option>
|
||||
<option value='^rownum;'>Row Number</option>
|
||||
<option value='SQL("select count(*) from users", "there are ^0; on this system.");'>SQL</option>
|
||||
<option value='^-;'>Begin/End looping</option>
|
||||
<option value='^0;'>Column 1</option>
|
||||
<option value='^1;'>Column 2</option>
|
||||
<option value='^2;'>Column 3</option>
|
||||
<option value='^3;'>Column 4</option>
|
||||
<option value='^4;'>Column 5</option>
|
||||
<option value='^5;'>Column 6</option>
|
||||
<option value='^6;'>Column 7</option>
|
||||
<option value='^7;'>Column 8</option>
|
||||
<option value='^8;'>Column 9</option>
|
||||
<option value='^9;'>Column 10</option>
|
||||
</select>
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>User/Group/Admin...</option>
|
||||
<option value='^a("Account Info");'>My Account Link</option>
|
||||
<option value='^AdminBar;'>AdminBar</option>
|
||||
<option value='^AdminText("You are in admin mode!");'>AdminText</option>
|
||||
<option value='^AdminToggle;'>AdminToggle</option>
|
||||
<option value='^GroupText("Visitors","You need an account to do anything cool on this site!");'>GroupText</option>
|
||||
<option value='^H("Go Home");'>Home Link</option>
|
||||
<option value='^L;'>Login Form</option>
|
||||
<option value='^LoginToggle;'>LoginToggle</option>
|
||||
<option value='^User("email");'>User Information</option>
|
||||
<option value='^@;'>Username</option>
|
||||
<option value='^#;'>User ID</option>
|
||||
</select>
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>Page/System/Info...</option>
|
||||
<option value='^c;'>Company Name</option>
|
||||
<option value='^D;'>Date</option>
|
||||
<option value='^e;'>Company Email Address</option>
|
||||
<option value='^Env("REMOTE_ADDR");'>Web Environment Variable</option>
|
||||
<option value='^Execute("/this/file.sh");'>Execute</option>
|
||||
<option value='^Extras;'>extras folder</option>
|
||||
<option value='^Include("/this/file.html");'>Include</option>
|
||||
<option value='^Page("urlizedTitle");'>Page Properties</option>
|
||||
<option value='^PageTitle;'>PageTitle</option>
|
||||
<option value='^r;'>Make Page Printable</option>
|
||||
<option value='^RootTitle;'>RootTitle</option>
|
||||
<option value='^*(100);'>Random Number</option>
|
||||
<option value='^u;'>Company URL</option>
|
||||
<option value='^URLEncode("Is this my string ?");'>URLEncode</option>
|
||||
<option value='^/;'>System URL</option>
|
||||
<option value='^\;'>Page URL</option>
|
||||
<option value='^?;'>Search Box</option>
|
||||
</select>
|
||||
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>Images...</option>
|
||||
<option value='^I("imageName");'>Image Manager Image with Tag</option>
|
||||
<option value='^i("imageName");'>Image Manager Image Path</option>
|
||||
<option value='^Thumbnail("imageName");'>Thumbnail</option>
|
||||
<option value='^ThumbnailLinker("imageName");'>ThumbnailLinker</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</body></html>
|
||||
16
www/extras/htmlArea/popups/editor_help.html
Normal file
16
www/extras/htmlArea/popups/editor_help.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Editor Help</title>
|
||||
<style>
|
||||
body, td, p, div { font-family: arial; font-size: x-small; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>Editor Help<hr></h2>
|
||||
|
||||
Todo...
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
96
www/extras/htmlArea/popups/fullscreen.html
Normal file
96
www/extras/htmlArea/popups/fullscreen.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<html STYLE="width: 640px; height: 480px; ">
|
||||
<head><title>Fullscreen Editor</title>
|
||||
<style type="text/css"> body { margin: 0px; border: 0px; background-color: buttonface; } </style>
|
||||
|
||||
<script>
|
||||
|
||||
// if we pass the "window" object as a argument and then set opener to
|
||||
// equal that we can refer to dialogWindows and popupWindows the same way
|
||||
opener = window.dialogArguments;
|
||||
|
||||
var _editor_url = "../";
|
||||
document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js" language="Javascript1.2"></scr'+'ipt>');
|
||||
|
||||
var objname = location.search.substring(1,location.search.length);
|
||||
var config = opener.document.all[objname].config;
|
||||
var editor_obj = opener.document.all["_" +objname+ "_editor"]; // html editor object
|
||||
var parent_editdoc = editor_obj.contentWindow.document; // get iframe editor document object
|
||||
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) {
|
||||
update_parent();
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function :
|
||||
Description :
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function resize_editor() { // resize editor to fix window
|
||||
var editor = document.all['_editor_editor'];
|
||||
|
||||
newWidth = document.body.offsetWidth;
|
||||
newHeight = document.body.offsetHeight - editor.offsetTop;
|
||||
|
||||
if (newWidth < 0) { newWidth = 0; }
|
||||
if (newHeight < 0) { newHeight = 0; }
|
||||
|
||||
editor.style.width = newWidth;
|
||||
editor.style.height = newHeight;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function :
|
||||
Description :
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function init() {
|
||||
|
||||
|
||||
|
||||
// change maximize button to minimize button
|
||||
config.btnList["popupeditor"] = ['popupeditor', 'Minimize Editor', 'update_parent(); window.close();', 'fullscreen_minimize.gif'];
|
||||
config.imgURL = "../images/";
|
||||
|
||||
editor_generate('editor', config);
|
||||
|
||||
resize_editor();
|
||||
|
||||
// set default contents
|
||||
popup_editdoc = document.all['_editor_editor'].contentWindow.document;
|
||||
popup_editdoc.body.innerHTML = parent_editdoc.body.innerHTML;
|
||||
|
||||
// continuously update parent editor window
|
||||
window.setInterval(update_parent, 333);
|
||||
|
||||
// setup event handlers
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
window.onresize = resize_editor;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function :
|
||||
Description :
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function update_parent() {
|
||||
parent_editdoc.body.innerHTML = popup_editdoc.body.innerHTML;
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body scroll="no" onload="init()" onunload="update_parent()">
|
||||
|
||||
<div style="margin: 0 0 0 0; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; "></div>
|
||||
|
||||
<textarea name="editor" style="width:100%; height:300px"></textarea><br>
|
||||
|
||||
</body></html>
|
||||
206
www/extras/htmlArea/popups/insert_image.html
Normal file
206
www/extras/htmlArea/popups/insert_image.html
Normal file
|
|
@ -0,0 +1,206 @@
|
|||
<!-- based on insimage.dlg -->
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
|
||||
<HTML id=dlgImage STYLE="width: 432px; height: 194px; ">
|
||||
<HEAD>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta http-equiv="MSThemeCompatible" content="Yes">
|
||||
<TITLE>Insert Image</TITLE>
|
||||
<style>
|
||||
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
|
||||
</style>
|
||||
<SCRIPT defer>
|
||||
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) { window.close(); return; }
|
||||
}
|
||||
|
||||
function _getTextRange(elm) {
|
||||
var r = elm.parentTextEdit.createTextRange();
|
||||
r.moveToElementText(elm);
|
||||
return r;
|
||||
}
|
||||
|
||||
window.onerror = HandleError
|
||||
|
||||
function HandleError(message, url, line) {
|
||||
var str = "An error has occurred in this dialog." + "\n\n"
|
||||
+ "Error: " + line + "\n" + message;
|
||||
alert(str);
|
||||
window.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
function Init() {
|
||||
var elmSelectedImage;
|
||||
var htmlSelectionControl = "Control";
|
||||
var globalDoc = window.dialogArguments;
|
||||
var grngMaster = globalDoc.selection.createRange();
|
||||
|
||||
// event handlers
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
btnOK.onclick = new Function("btnOKClick()");
|
||||
|
||||
txtFileName.fImageLoaded = false;
|
||||
txtFileName.intImageWidth = 0;
|
||||
txtFileName.intImageHeight = 0;
|
||||
|
||||
if (globalDoc.selection.type == htmlSelectionControl) {
|
||||
if (grngMaster.length == 1) {
|
||||
elmSelectedImage = grngMaster.item(0);
|
||||
if (elmSelectedImage.tagName == "IMG") {
|
||||
txtFileName.fImageLoaded = true;
|
||||
if (elmSelectedImage.src) {
|
||||
txtFileName.value = elmSelectedImage.src.replace(/^[^*]*(\*\*\*)/, "$1"); // fix placeholder src values that editor converted to abs paths
|
||||
txtFileName.intImageHeight = elmSelectedImage.height;
|
||||
txtFileName.intImageWidth = elmSelectedImage.width;
|
||||
txtVertical.value = elmSelectedImage.vspace;
|
||||
txtHorizontal.value = elmSelectedImage.hspace;
|
||||
txtBorder.value = elmSelectedImage.border;
|
||||
txtAltText.value = elmSelectedImage.alt;
|
||||
selAlignment.value = elmSelectedImage.align;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
txtFileName.value = txtFileName.value || "http://";
|
||||
txtFileName.focus();
|
||||
}
|
||||
|
||||
function _isValidNumber(txtBox) {
|
||||
var val = parseInt(txtBox);
|
||||
if (isNaN(val) || val < 0 || val > 999) { return false; }
|
||||
return true;
|
||||
}
|
||||
|
||||
function btnOKClick() {
|
||||
var elmImage;
|
||||
var intAlignment;
|
||||
var htmlSelectionControl = "Control";
|
||||
var globalDoc = window.dialogArguments;
|
||||
var grngMaster = globalDoc.selection.createRange();
|
||||
|
||||
// error checking
|
||||
|
||||
if (!txtFileName.value || txtFileName.value == "http://") {
|
||||
alert("Image URL must be specified.");
|
||||
txtFileName.focus();
|
||||
return;
|
||||
}
|
||||
if (txtHorizontal.value && !_isValidNumber(txtHorizontal.value)) {
|
||||
alert("Horizontal spacing must be a number between 0 and 999.");
|
||||
txtHorizontal.focus();
|
||||
return;
|
||||
}
|
||||
if (txtBorder.value && !_isValidNumber(txtBorder.value)) {
|
||||
alert("Border thickness must be a number between 0 and 999.");
|
||||
txtBorder.focus();
|
||||
return;
|
||||
}
|
||||
if (txtVertical.value && !_isValidNumber(txtVertical.value)) {
|
||||
alert("Vertical spacing must be a number between 0 and 999.");
|
||||
txtVertical.focus();
|
||||
return;
|
||||
}
|
||||
|
||||
// delete selected content and replace with image
|
||||
if (globalDoc.selection.type == htmlSelectionControl && !txtFileName.fImageLoaded) {
|
||||
grngMaster.execCommand('Delete');
|
||||
grngMaster = globalDoc.selection.createRange();
|
||||
}
|
||||
|
||||
idstr = "\" id=\"556e697175657e537472696e67"; // new image creation ID
|
||||
if (!txtFileName.fImageLoaded) {
|
||||
grngMaster.execCommand("InsertImage", false, idstr);
|
||||
elmImage = globalDoc.all['556e697175657e537472696e67'];
|
||||
elmImage.removeAttribute("id");
|
||||
elmImage.removeAttribute("src");
|
||||
grngMaster.moveStart("character", -1);
|
||||
} else {
|
||||
elmImage = grngMaster.item(0);
|
||||
if (elmImage.src != txtFileName.value) {
|
||||
grngMaster.execCommand('Delete');
|
||||
grngMaster = globalDoc.selection.createRange();
|
||||
grngMaster.execCommand("InsertImage", false, idstr);
|
||||
elmImage = globalDoc.all['556e697175657e537472696e67'];
|
||||
elmImage.removeAttribute("id");
|
||||
elmImage.removeAttribute("src");
|
||||
grngMaster.moveStart("character", -1);
|
||||
txtFileName.fImageLoaded = false;
|
||||
}
|
||||
grngMaster = _getTextRange(elmImage);
|
||||
}
|
||||
|
||||
if (txtFileName.fImageLoaded) {
|
||||
elmImage.style.width = txtFileName.intImageWidth;
|
||||
elmImage.style.height = txtFileName.intImageHeight;
|
||||
}
|
||||
|
||||
if (txtFileName.value.length > 2040) {
|
||||
txtFileName.value = txtFileName.value.substring(0,2040);
|
||||
}
|
||||
|
||||
elmImage.src = txtFileName.value;
|
||||
|
||||
if (txtHorizontal.value != "") { elmImage.hspace = parseInt(txtHorizontal.value); }
|
||||
else { elmImage.hspace = 0; }
|
||||
|
||||
if (txtVertical.value != "") { elmImage.vspace = parseInt(txtVertical.value); }
|
||||
else { elmImage.vspace = 0; }
|
||||
|
||||
elmImage.alt = txtAltText.value;
|
||||
|
||||
if (txtBorder.value != "") { elmImage.border = parseInt(txtBorder.value); }
|
||||
else { elmImage.border = 0; }
|
||||
|
||||
elmImage.align = selAlignment.value;
|
||||
grngMaster.collapse(false);
|
||||
grngMaster.select();
|
||||
window.close();
|
||||
}
|
||||
</SCRIPT>
|
||||
</HEAD>
|
||||
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
|
||||
|
||||
<DIV id=divFileName style="left: 0.98em; top: 1.2168em; width: 7em; height: 1.2168em; ">Image URL:</DIV>
|
||||
<INPUT ID=txtFileName type=text style="left: 8.54em; top: 1.0647em; width: 21.5em;height: 2.1294em; " tabIndex=10 onfocus="select()">
|
||||
|
||||
<DIV id=divAltText style="left: 0.98em; top: 4.1067em; width: 6.58em; height: 1.2168em; ">Alternate Text:</DIV>
|
||||
<INPUT type=text ID=txtAltText tabIndex=15 style="left: 8.54em; top: 3.8025em; width: 21.5em; height: 2.1294em; " onfocus="select()">
|
||||
|
||||
<FIELDSET id=fldLayout style="left: .9em; top: 7.1em; width: 17.08em; height: 7.6em;">
|
||||
<LEGEND id=lgdLayout>Layout</LEGEND>
|
||||
</FIELDSET>
|
||||
|
||||
<FIELDSET id=fldSpacing style="left: 18.9em; top: 7.1em; width: 11em; height: 7.6em;">
|
||||
<LEGEND id=lgdSpacing>Spacing</LEGEND>
|
||||
</FIELDSET>
|
||||
|
||||
<DIV id=divAlign style="left: 1.82em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Alignment:</DIV>
|
||||
<SELECT size=1 ID=selAlignment tabIndex=20 style="left: 10.36em; top: 8.8218em; width: 6.72em; height: 1.2168em; ">
|
||||
<OPTION id=optNotSet value=""> Not set </OPTION>
|
||||
<OPTION id=optLeft value=left> Left </OPTION>
|
||||
<OPTION id=optRight value=right> Right </OPTION>
|
||||
<OPTION id=optTexttop value=textTop> Texttop </OPTION>
|
||||
<OPTION id=optAbsMiddle value=absMiddle> Absmiddle </OPTION>
|
||||
<OPTION id=optBaseline value=baseline SELECTED> Baseline </OPTION>
|
||||
<OPTION id=optAbsBottom value=absBottom> Absbottom </OPTION>
|
||||
<OPTION id=optBottom value=bottom> Bottom </OPTION>
|
||||
<OPTION id=optMiddle value=middle> Middle </OPTION>
|
||||
<OPTION id=optTop value=top> Top </OPTION>
|
||||
</SELECT>
|
||||
|
||||
<DIV id=divHoriz style="left: 19.88em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Horizontal:</DIV>
|
||||
<INPUT ID=txtHorizontal style="left: 24.92em; top: 8.8218em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=25 onfocus="select()">
|
||||
|
||||
<DIV id=divBorder style="left: 1.82em; top: 12.0159em; width: 8.12em; height: 1.2168em; ">Border Thickness:</DIV>
|
||||
<INPUT ID=txtBorder style="left: 10.36em; top: 11.5596em; width: 6.72em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=21 onfocus="select()">
|
||||
|
||||
<DIV id=divVert style="left: 19.88em; top: 12.0159em; width: 3.64em; height: 1.2168em; ">Vertical:</DIV>
|
||||
<INPUT ID=txtVertical style="left: 24.92em; top: 11.5596em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=30 onfocus="select()">
|
||||
|
||||
<BUTTON ID=btnOK style="left: 31.36em; top: 1.0647em; width: 7em; height: 2.2em; " type=submit tabIndex=40>OK</BUTTON>
|
||||
<BUTTON ID=btnCancel style="left: 31.36em; top: 3.6504em; width: 7em; height: 2.2em; " type=reset tabIndex=45 onClick="window.close();">Cancel</BUTTON>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
170
www/extras/htmlArea/popups/insert_table.html
Normal file
170
www/extras/htmlArea/popups/insert_table.html
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
<html STYLE="width: 432px; height: 168px; ">
|
||||
<head><title>Insert Table</title><head>
|
||||
<style>
|
||||
html, body, button, div, input, select, td, fieldset { font-family: MS Shell Dlg; font-size: 8pt; };
|
||||
</style>
|
||||
<script>
|
||||
|
||||
// if we pass the "window" object as a argument and then set opener to
|
||||
// equal that we can refer to dialogWindows and popupWindows the same way
|
||||
opener = window.dialogArguments;
|
||||
|
||||
var _editor_url = opener._editor_url;
|
||||
var objname = location.search.substring(1,location.search.length);
|
||||
var config = opener.document.all[objname].config;
|
||||
var editor_obj = opener.document.all["_" +objname+ "_editor"];
|
||||
var editdoc = editor_obj.contentWindow.document;
|
||||
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) { window.close(); return; }
|
||||
}
|
||||
|
||||
window.onerror = HandleError
|
||||
|
||||
function HandleError(message, url, line) {
|
||||
var str = "An error has occurred in this dialog." + "\n\n"
|
||||
+ "Error: " + line + "\n" + message;
|
||||
alert(str);
|
||||
// window.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
function Init() {
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
}
|
||||
|
||||
function _isValidNumber(txtBox) {
|
||||
var val = parseInt(txtBox);
|
||||
if (isNaN(val) || val < 0 || val > 9999) { return false; }
|
||||
return true;
|
||||
}
|
||||
|
||||
function btnOKClick() {
|
||||
var curRange = editdoc.selection.createRange();
|
||||
|
||||
// error checking
|
||||
var checkList = ['rows','cols','border','cellspacing','cellpadding'];
|
||||
for (var idx in checkList) {
|
||||
var fieldname = checkList[idx];
|
||||
if (document.all[fieldname].value == "") {
|
||||
alert("You must specify a value for the '" +fieldname+ "' field!");
|
||||
document.all[fieldname].focus();
|
||||
return;
|
||||
}
|
||||
else if (!_isValidNumber(document.all[fieldname].value)) {
|
||||
alert("You must specify a number between 0 and 9999 for '" +fieldname+ "'!");
|
||||
document.all[fieldname].focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// delete selected content (if applicable)
|
||||
if (editdoc.selection.type == "Control" || curRange.htmlText) {
|
||||
|
||||
if (!confirm("Overwrite selected content?")) { return; }
|
||||
|
||||
curRange.execCommand('Delete');
|
||||
curRange = editdoc.selection.createRange();
|
||||
}
|
||||
|
||||
|
||||
// create table
|
||||
var table = '<table border="' +document.all.border.value+ '"'
|
||||
+ ' cellspacing="' +document.all.cellspacing.value+ '"'
|
||||
+ ' cellpadding="' +document.all.cellpadding.value+ '"'
|
||||
+ ' width="' +document.all.width.value + document.all.widthExt.value+ '"'
|
||||
+ ' align="' +document.all.alignment.value+ '">\n';
|
||||
|
||||
for (var x=1; x<document.all.rows.value; x++) {
|
||||
table += " <tr>\n";
|
||||
for (var y=1; y<document.all.cols.value; y++) {
|
||||
table += " <td></td>\n";
|
||||
}
|
||||
table += " </tr>\n";
|
||||
}
|
||||
table += "</table>\n";
|
||||
|
||||
// insert table
|
||||
opener.editor_insertHTML(objname, table);
|
||||
|
||||
|
||||
// close popup window
|
||||
window.close();
|
||||
}
|
||||
</SCRIPT>
|
||||
</HEAD>
|
||||
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext; margin: 10px; BORDER-STYLE: none" scroll=no>
|
||||
|
||||
<table border=0 cellspacing=0 cellpadding=0 style="margin: 0 0 8 0">
|
||||
<tr>
|
||||
<td>Rows: </td>
|
||||
<td><input type="text" name="rows" value="4" style="width: 50px" maxlength=4></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cols:</td>
|
||||
<td><input type="text" name="cols" value="3" style="width: 50px" maxlength=4></td>
|
||||
<td width=10> </td>
|
||||
<td>Width: </td>
|
||||
<td>
|
||||
<input type="text" name="width" value="100" style="width: 50px" maxlength=4>
|
||||
<select name="widthExt">
|
||||
<option value="">Pixels</option>
|
||||
<option value="%" selected>Percent</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<FIELDSET style="width: 1%; text-align: center">
|
||||
<LEGEND>Layout</LEGEND>
|
||||
|
||||
<table border=0 cellspacing=6 cellpadding=0>
|
||||
<tr>
|
||||
<td height=21>Alignment:</td>
|
||||
<td>
|
||||
<select name="alignment" size=1>
|
||||
<option value="">Not set</option>
|
||||
<option value="left">Left</option>
|
||||
<option value="right">Right</option>
|
||||
<option value="textTop">Texttop</option>
|
||||
<option value="absMiddle">Absmiddle</option>
|
||||
<option value="baseline">Baseline</option>
|
||||
<option value="absBottom">Absbottom</option>
|
||||
<option value="bottom">Bottom</option>
|
||||
<option value="middle">Middle</option>
|
||||
<option value="top">Top</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><nobr>Border Thickness:</nobr></td>
|
||||
<td><input type="text" name="border" value="1" size=4 style="width: 100%"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</FIELDSET>
|
||||
|
||||
|
||||
<FIELDSET style="width: 1%; text-align: center">
|
||||
<LEGEND>Spacing</LEGEND>
|
||||
|
||||
<table border=0 cellspacing=6 cellpadding=0>
|
||||
<tr>
|
||||
<td><nobr>Cell Spacing:</nobr></td>
|
||||
<td><input type="text" name="cellspacing" value="1" style="width: 50px" maxlength=4></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><nobr>Cell Padding:</nobr></td>
|
||||
<td><input type="text" name="cellpadding" value="2" style="width: 50px" maxlength=4></td>
|
||||
</tr>
|
||||
</table>
|
||||
</FIELDSET>
|
||||
|
||||
|
||||
<div style="left: 340px; top: 16px; position: absolute">
|
||||
<BUTTON style="width: 7em; height: 2.2em; margin: 0 0 3 0" type=submit onclick="btnOKClick()">OK</BUTTON><br>
|
||||
<BUTTON style="width: 7em; height: 2.2em; " type=reset onClick="window.close();">Cancel</BUTTON>
|
||||
</div>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
100
www/extras/htmlArea/popups/macros.html
Normal file
100
www/extras/htmlArea/popups/macros.html
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
<html style="width:600px; Height: 50px;">
|
||||
<head>
|
||||
<title>Insert WebGUI macro</title>
|
||||
<script language="javascript">
|
||||
|
||||
function returnSelected(in_values) {
|
||||
var text = in_values;
|
||||
|
||||
window.returnValue = text; // set return value
|
||||
window.close(); // close dialog
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body bgcolor="#D6D3CE" topmargin=15 leftmargin=0>
|
||||
<form name="macros" method=get onSubmit="Set(document.all.ColorHex.value); return false;">
|
||||
<div align=center>
|
||||
<select name="textPulldown" onchange="returnSelected(this.value)">
|
||||
<option value=''>Menus and navigation...</option>
|
||||
<option value='^FlexMenu;'>FlexMenu</option>
|
||||
<option value='^M;'>Current Menu (Vertical)</option>
|
||||
<option value='^m;'>Current Menu (Horizontal)</option>
|
||||
<option value='^P;'>Previous Menu (Vertical)</option>
|
||||
<option value='^p;'>Previous Menu (Horizontal)</option>
|
||||
<option value='^rootmenu;'>Root Menu (Horizontal)</option>
|
||||
<option value='^S("home",0);'>Specific SubMenu (Vertical)</option>
|
||||
<option value='^s("home");'>Specific SubMenu (Horizontal)</option>
|
||||
<option value='^Synopsis;'>Synopsis Menu</option>
|
||||
<option value='^T;'>Top Level Menu (Vertical)</option>
|
||||
<option value='^t;'>Top Level Menu (Horizontal)</option>
|
||||
<option value='^t;'>Top Level Menu (Horizontal)</option>
|
||||
<option value='^C;'>Crumb Trail</option>
|
||||
<option value='^H;'>Home Link</option>
|
||||
|
||||
</select>
|
||||
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>SQL...</option>
|
||||
<option value='^FormParam("phoneNumber");'>FormParam</option>
|
||||
<option value='^*(100);'>Random Number</option>
|
||||
<option value='^rownum;'>Row Number</option>
|
||||
<option value='SQL("select count(*) from users", "there are ^0; on this system.");'>SQL</option>
|
||||
<option value='^-;'>Begin/End looping</option>
|
||||
<option value='^0;'>Column 1</option>
|
||||
<option value='^1;'>Column 2</option>
|
||||
<option value='^2;'>Column 3</option>
|
||||
<option value='^3;'>Column 4</option>
|
||||
<option value='^4;'>Column 5</option>
|
||||
<option value='^5;'>Column 6</option>
|
||||
<option value='^6;'>Column 7</option>
|
||||
<option value='^7;'>Column 8</option>
|
||||
<option value='^8;'>Column 9</option>
|
||||
<option value='^9;'>Column 10</option>
|
||||
</select>
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>User/Group/Admin...</option>
|
||||
<option value='^a("Account Info");'>My Account Link</option>
|
||||
<option value='^AdminBar;'>AdminBar</option>
|
||||
<option value='^AdminText("You are in admin mode!");'>AdminText</option>
|
||||
<option value='^AdminToggle;'>AdminToggle</option>
|
||||
<option value='^GroupText("Visitors","You need an account to do anything cool on this site!");'>GroupText</option>
|
||||
<option value='^H("Go Home");'>Home Link</option>
|
||||
<option value='^L;'>Login Form</option>
|
||||
<option value='^LoginToggle;'>LoginToggle</option>
|
||||
<option value='^User("email");'>User Information</option>
|
||||
<option value='^@;'>Username</option>
|
||||
<option value='^#;'>User ID</option>
|
||||
</select>
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>Page/System/Info...</option>
|
||||
<option value='^c;'>Company Name</option>
|
||||
<option value='^D;'>Date</option>
|
||||
<option value='^e;'>Company Email Address</option>
|
||||
<option value='^Env("REMOTE_ADDR");'>Web Environment Variable</option>
|
||||
<option value='^Execute("/this/file.sh");'>Execute</option>
|
||||
<option value='^Extras;'>extras folder</option>
|
||||
<option value='^Include("/this/file.html");'>Include</option>
|
||||
<option value='^Page("urlizedTitle");'>Page Properties</option>
|
||||
<option value='^PageTitle;'>PageTitle</option>
|
||||
<option value='^r;'>Make Page Printable</option>
|
||||
<option value='^RootTitle;'>RootTitle</option>
|
||||
<option value='^*(100);'>Random Number</option>
|
||||
<option value='^u;'>Company URL</option>
|
||||
<option value='^URLEncode("Is this my string ?");'>URLEncode</option>
|
||||
<option value='^/;'>System URL</option>
|
||||
<option value='^\;'>Page URL</option>
|
||||
<option value='^?;'>Search Box</option>
|
||||
</select>
|
||||
|
||||
<select onchange="returnSelected(this.value)">
|
||||
<option value=''>Images...</option>
|
||||
<option value='^I("imageName");'>Image Manager Image with Tag</option>
|
||||
<option value='^i("imageName");'>Image Manager Image Path</option>
|
||||
<option value='^Thumbnail("imageName");'>Thumbnail</option>
|
||||
<option value='^ThumbnailLinker("imageName");'>ThumbnailLinker</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</body></html>
|
||||
343
www/extras/htmlArea/popups/select_color.html
Normal file
343
www/extras/htmlArea/popups/select_color.html
Normal file
|
|
@ -0,0 +1,343 @@
|
|||
<!-- note: this version of the color picker is optimized for IE 5.5+ only -->
|
||||
|
||||
<html STYLE="width: 238px; height: 187px"><head><title>Select Color</title>
|
||||
<script language="javascript">
|
||||
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) { window.close(); return; }
|
||||
}
|
||||
|
||||
function Init() { // run on page load
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
|
||||
color = window.dialogArguments;
|
||||
color = ValidateColor(color) || '000000';
|
||||
View(color); // set default color
|
||||
}
|
||||
|
||||
function View(color) { // preview color
|
||||
document.all.ColorPreview.style.backgroundColor = '#' + color;
|
||||
document.all.ColorHex.value = '#' + color;
|
||||
}
|
||||
|
||||
function Set(string) { // select color
|
||||
color = ValidateColor(string);
|
||||
if (color == null) { alert("Invalid color code: " + string); } // invalid color
|
||||
else { // valid color
|
||||
View(color); // show selected color
|
||||
window.returnValue = color; // set return value
|
||||
window.close(); // close dialog
|
||||
}
|
||||
}
|
||||
|
||||
function ValidateColor(string) { // return valid color code
|
||||
string = string || '';
|
||||
string = string + "";
|
||||
string = string.toUpperCase();
|
||||
chars = '0123456789ABCDEF';
|
||||
out = '';
|
||||
|
||||
for (i=0; i<string.length; i++) { // remove invalid color chars
|
||||
schar = string.charAt(i);
|
||||
if (chars.indexOf(schar) != -1) { out += schar; }
|
||||
}
|
||||
|
||||
if (out.length != 6) { return null; } // check length
|
||||
return out;
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body bgcolor="#000000" topmargin=0 leftmargin=0 onload="Init()">
|
||||
|
||||
<form method=get onSubmit="Set(document.all.ColorHex.value); return false;">
|
||||
|
||||
<table border=0 cellspacing=0 cellpadding=4 width=100%>
|
||||
<tr>
|
||||
<td bgcolor="buttonface" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>
|
||||
<td bgcolor="buttonface" valign=center><input type="text" name="ColorHex" value="" size=15 style="font-size: 12px"></td>
|
||||
<td bgcolor="buttonface" width=100%></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table border=0 cellspacing=1 cellpadding=0 bgcolor=#000000 style="cursor: hand;">
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#003300 onMouseOver=View('003300') onClick=Set('003300') height=10 width=10></td>
|
||||
<td bgcolor=#006600 onMouseOver=View('006600') onClick=Set('006600') height=10 width=10></td>
|
||||
<td bgcolor=#009900 onMouseOver=View('009900') onClick=Set('009900') height=10 width=10></td>
|
||||
<td bgcolor=#00CC00 onMouseOver=View('00CC00') onClick=Set('00CC00') height=10 width=10></td>
|
||||
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height=10 width=10></td>
|
||||
<td bgcolor=#330000 onMouseOver=View('330000') onClick=Set('330000') height=10 width=10></td>
|
||||
<td bgcolor=#333300 onMouseOver=View('333300') onClick=Set('333300') height=10 width=10></td>
|
||||
<td bgcolor=#336600 onMouseOver=View('336600') onClick=Set('336600') height=10 width=10></td>
|
||||
<td bgcolor=#339900 onMouseOver=View('339900') onClick=Set('339900') height=10 width=10></td>
|
||||
<td bgcolor=#33CC00 onMouseOver=View('33CC00') onClick=Set('33CC00') height=10 width=10></td>
|
||||
<td bgcolor=#33FF00 onMouseOver=View('33FF00') onClick=Set('33FF00') height=10 width=10></td>
|
||||
<td bgcolor=#660000 onMouseOver=View('660000') onClick=Set('660000') height=10 width=10></td>
|
||||
<td bgcolor=#663300 onMouseOver=View('663300') onClick=Set('663300') height=10 width=10></td>
|
||||
<td bgcolor=#666600 onMouseOver=View('666600') onClick=Set('666600') height=10 width=10></td>
|
||||
<td bgcolor=#669900 onMouseOver=View('669900') onClick=Set('669900') height=10 width=10></td>
|
||||
<td bgcolor=#66CC00 onMouseOver=View('66CC00') onClick=Set('66CC00') height=10 width=10></td>
|
||||
<td bgcolor=#66FF00 onMouseOver=View('66FF00') onClick=Set('66FF00') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#000033 onMouseOver=View('000033') onClick=Set('000033') height=10 width=10></td>
|
||||
<td bgcolor=#003333 onMouseOver=View('003333') onClick=Set('003333') height=10 width=10></td>
|
||||
<td bgcolor=#006633 onMouseOver=View('006633') onClick=Set('006633') height=10 width=10></td>
|
||||
<td bgcolor=#009933 onMouseOver=View('009933') onClick=Set('009933') height=10 width=10></td>
|
||||
<td bgcolor=#00CC33 onMouseOver=View('00CC33') onClick=Set('00CC33') height=10 width=10></td>
|
||||
<td bgcolor=#00FF33 onMouseOver=View('00FF33') onClick=Set('00FF33') height=10 width=10></td>
|
||||
<td bgcolor=#330033 onMouseOver=View('330033') onClick=Set('330033') height=10 width=10></td>
|
||||
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height=10 width=10></td>
|
||||
<td bgcolor=#336633 onMouseOver=View('336633') onClick=Set('336633') height=10 width=10></td>
|
||||
<td bgcolor=#339933 onMouseOver=View('339933') onClick=Set('339933') height=10 width=10></td>
|
||||
<td bgcolor=#33CC33 onMouseOver=View('33CC33') onClick=Set('33CC33') height=10 width=10></td>
|
||||
<td bgcolor=#33FF33 onMouseOver=View('33FF33') onClick=Set('33FF33') height=10 width=10></td>
|
||||
<td bgcolor=#660033 onMouseOver=View('660033') onClick=Set('660033') height=10 width=10></td>
|
||||
<td bgcolor=#663333 onMouseOver=View('663333') onClick=Set('663333') height=10 width=10></td>
|
||||
<td bgcolor=#666633 onMouseOver=View('666633') onClick=Set('666633') height=10 width=10></td>
|
||||
<td bgcolor=#669933 onMouseOver=View('669933') onClick=Set('669933') height=10 width=10></td>
|
||||
<td bgcolor=#66CC33 onMouseOver=View('66CC33') onClick=Set('66CC33') height=10 width=10></td>
|
||||
<td bgcolor=#66FF33 onMouseOver=View('66FF33') onClick=Set('66FF33') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#000066 onMouseOver=View('000066') onClick=Set('000066') height=10 width=10></td>
|
||||
<td bgcolor=#003366 onMouseOver=View('003366') onClick=Set('003366') height=10 width=10></td>
|
||||
<td bgcolor=#006666 onMouseOver=View('006666') onClick=Set('006666') height=10 width=10></td>
|
||||
<td bgcolor=#009966 onMouseOver=View('009966') onClick=Set('009966') height=10 width=10></td>
|
||||
<td bgcolor=#00CC66 onMouseOver=View('00CC66') onClick=Set('00CC66') height=10 width=10></td>
|
||||
<td bgcolor=#00FF66 onMouseOver=View('00FF66') onClick=Set('00FF66') height=10 width=10></td>
|
||||
<td bgcolor=#330066 onMouseOver=View('330066') onClick=Set('330066') height=10 width=10></td>
|
||||
<td bgcolor=#333366 onMouseOver=View('333366') onClick=Set('333366') height=10 width=10></td>
|
||||
<td bgcolor=#336666 onMouseOver=View('336666') onClick=Set('336666') height=10 width=10></td>
|
||||
<td bgcolor=#339966 onMouseOver=View('339966') onClick=Set('339966') height=10 width=10></td>
|
||||
<td bgcolor=#33CC66 onMouseOver=View('33CC66') onClick=Set('33CC66') height=10 width=10></td>
|
||||
<td bgcolor=#33FF66 onMouseOver=View('33FF66') onClick=Set('33FF66') height=10 width=10></td>
|
||||
<td bgcolor=#660066 onMouseOver=View('660066') onClick=Set('660066') height=10 width=10></td>
|
||||
<td bgcolor=#663366 onMouseOver=View('663366') onClick=Set('663366') height=10 width=10></td>
|
||||
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height=10 width=10></td>
|
||||
<td bgcolor=#669966 onMouseOver=View('669966') onClick=Set('669966') height=10 width=10></td>
|
||||
<td bgcolor=#66CC66 onMouseOver=View('66CC66') onClick=Set('66CC66') height=10 width=10></td>
|
||||
<td bgcolor=#66FF66 onMouseOver=View('66FF66') onClick=Set('66FF66') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#000099 onMouseOver=View('000099') onClick=Set('000099') height=10 width=10></td>
|
||||
<td bgcolor=#003399 onMouseOver=View('003399') onClick=Set('003399') height=10 width=10></td>
|
||||
<td bgcolor=#006699 onMouseOver=View('006699') onClick=Set('006699') height=10 width=10></td>
|
||||
<td bgcolor=#009999 onMouseOver=View('009999') onClick=Set('009999') height=10 width=10></td>
|
||||
<td bgcolor=#00CC99 onMouseOver=View('00CC99') onClick=Set('00CC99') height=10 width=10></td>
|
||||
<td bgcolor=#00FF99 onMouseOver=View('00FF99') onClick=Set('00FF99') height=10 width=10></td>
|
||||
<td bgcolor=#330099 onMouseOver=View('330099') onClick=Set('330099') height=10 width=10></td>
|
||||
<td bgcolor=#333399 onMouseOver=View('333399') onClick=Set('333399') height=10 width=10></td>
|
||||
<td bgcolor=#336699 onMouseOver=View('336699') onClick=Set('336699') height=10 width=10></td>
|
||||
<td bgcolor=#339999 onMouseOver=View('339999') onClick=Set('339999') height=10 width=10></td>
|
||||
<td bgcolor=#33CC99 onMouseOver=View('33CC99') onClick=Set('33CC99') height=10 width=10></td>
|
||||
<td bgcolor=#33FF99 onMouseOver=View('33FF99') onClick=Set('33FF99') height=10 width=10></td>
|
||||
<td bgcolor=#660099 onMouseOver=View('660099') onClick=Set('660099') height=10 width=10></td>
|
||||
<td bgcolor=#663399 onMouseOver=View('663399') onClick=Set('663399') height=10 width=10></td>
|
||||
<td bgcolor=#666699 onMouseOver=View('666699') onClick=Set('666699') height=10 width=10></td>
|
||||
<td bgcolor=#669999 onMouseOver=View('669999') onClick=Set('669999') height=10 width=10></td>
|
||||
<td bgcolor=#66CC99 onMouseOver=View('66CC99') onClick=Set('66CC99') height=10 width=10></td>
|
||||
<td bgcolor=#66FF99 onMouseOver=View('66FF99') onClick=Set('66FF99') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#0000CC onMouseOver=View('0000CC') onClick=Set('0000CC') height=10 width=10></td>
|
||||
<td bgcolor=#0033CC onMouseOver=View('0033CC') onClick=Set('0033CC') height=10 width=10></td>
|
||||
<td bgcolor=#0066CC onMouseOver=View('0066CC') onClick=Set('0066CC') height=10 width=10></td>
|
||||
<td bgcolor=#0099CC onMouseOver=View('0099CC') onClick=Set('0099CC') height=10 width=10></td>
|
||||
<td bgcolor=#00CCCC onMouseOver=View('00CCCC') onClick=Set('00CCCC') height=10 width=10></td>
|
||||
<td bgcolor=#00FFCC onMouseOver=View('00FFCC') onClick=Set('00FFCC') height=10 width=10></td>
|
||||
<td bgcolor=#3300CC onMouseOver=View('3300CC') onClick=Set('3300CC') height=10 width=10></td>
|
||||
<td bgcolor=#3333CC onMouseOver=View('3333CC') onClick=Set('3333CC') height=10 width=10></td>
|
||||
<td bgcolor=#3366CC onMouseOver=View('3366CC') onClick=Set('3366CC') height=10 width=10></td>
|
||||
<td bgcolor=#3399CC onMouseOver=View('3399CC') onClick=Set('3399CC') height=10 width=10></td>
|
||||
<td bgcolor=#33CCCC onMouseOver=View('33CCCC') onClick=Set('33CCCC') height=10 width=10></td>
|
||||
<td bgcolor=#33FFCC onMouseOver=View('33FFCC') onClick=Set('33FFCC') height=10 width=10></td>
|
||||
<td bgcolor=#6600CC onMouseOver=View('6600CC') onClick=Set('6600CC') height=10 width=10></td>
|
||||
<td bgcolor=#6633CC onMouseOver=View('6633CC') onClick=Set('6633CC') height=10 width=10></td>
|
||||
<td bgcolor=#6666CC onMouseOver=View('6666CC') onClick=Set('6666CC') height=10 width=10></td>
|
||||
<td bgcolor=#6699CC onMouseOver=View('6699CC') onClick=Set('6699CC') height=10 width=10></td>
|
||||
<td bgcolor=#66CCCC onMouseOver=View('66CCCC') onClick=Set('66CCCC') height=10 width=10></td>
|
||||
<td bgcolor=#66FFCC onMouseOver=View('66FFCC') onClick=Set('66FFCC') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height=10 width=10></td>
|
||||
<td bgcolor=#0033FF onMouseOver=View('0033FF') onClick=Set('0033FF') height=10 width=10></td>
|
||||
<td bgcolor=#0066FF onMouseOver=View('0066FF') onClick=Set('0066FF') height=10 width=10></td>
|
||||
<td bgcolor=#0099FF onMouseOver=View('0099FF') onClick=Set('0099FF') height=10 width=10></td>
|
||||
<td bgcolor=#00CCFF onMouseOver=View('00CCFF') onClick=Set('00CCFF') height=10 width=10></td>
|
||||
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height=10 width=10></td>
|
||||
<td bgcolor=#3300FF onMouseOver=View('3300FF') onClick=Set('3300FF') height=10 width=10></td>
|
||||
<td bgcolor=#3333FF onMouseOver=View('3333FF') onClick=Set('3333FF') height=10 width=10></td>
|
||||
<td bgcolor=#3366FF onMouseOver=View('3366FF') onClick=Set('3366FF') height=10 width=10></td>
|
||||
<td bgcolor=#3399FF onMouseOver=View('3399FF') onClick=Set('3399FF') height=10 width=10></td>
|
||||
<td bgcolor=#33CCFF onMouseOver=View('33CCFF') onClick=Set('33CCFF') height=10 width=10></td>
|
||||
<td bgcolor=#33FFFF onMouseOver=View('33FFFF') onClick=Set('33FFFF') height=10 width=10></td>
|
||||
<td bgcolor=#6600FF onMouseOver=View('6600FF') onClick=Set('6600FF') height=10 width=10></td>
|
||||
<td bgcolor=#6633FF onMouseOver=View('6633FF') onClick=Set('6633FF') height=10 width=10></td>
|
||||
<td bgcolor=#6666FF onMouseOver=View('6666FF') onClick=Set('6666FF') height=10 width=10></td>
|
||||
<td bgcolor=#6699FF onMouseOver=View('6699FF') onClick=Set('6699FF') height=10 width=10></td>
|
||||
<td bgcolor=#66CCFF onMouseOver=View('66CCFF') onClick=Set('66CCFF') height=10 width=10></td>
|
||||
<td bgcolor=#66FFFF onMouseOver=View('66FFFF') onClick=Set('66FFFF') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#990000 onMouseOver=View('990000') onClick=Set('990000') height=10 width=10></td>
|
||||
<td bgcolor=#993300 onMouseOver=View('993300') onClick=Set('993300') height=10 width=10></td>
|
||||
<td bgcolor=#996600 onMouseOver=View('996600') onClick=Set('996600') height=10 width=10></td>
|
||||
<td bgcolor=#999900 onMouseOver=View('999900') onClick=Set('999900') height=10 width=10></td>
|
||||
<td bgcolor=#99CC00 onMouseOver=View('99CC00') onClick=Set('99CC00') height=10 width=10></td>
|
||||
<td bgcolor=#99FF00 onMouseOver=View('99FF00') onClick=Set('99FF00') height=10 width=10></td>
|
||||
<td bgcolor=#CC0000 onMouseOver=View('CC0000') onClick=Set('CC0000') height=10 width=10></td>
|
||||
<td bgcolor=#CC3300 onMouseOver=View('CC3300') onClick=Set('CC3300') height=10 width=10></td>
|
||||
<td bgcolor=#CC6600 onMouseOver=View('CC6600') onClick=Set('CC6600') height=10 width=10></td>
|
||||
<td bgcolor=#CC9900 onMouseOver=View('CC9900') onClick=Set('CC9900') height=10 width=10></td>
|
||||
<td bgcolor=#CCCC00 onMouseOver=View('CCCC00') onClick=Set('CCCC00') height=10 width=10></td>
|
||||
<td bgcolor=#CCFF00 onMouseOver=View('CCFF00') onClick=Set('CCFF00') height=10 width=10></td>
|
||||
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height=10 width=10></td>
|
||||
<td bgcolor=#FF3300 onMouseOver=View('FF3300') onClick=Set('FF3300') height=10 width=10></td>
|
||||
<td bgcolor=#FF6600 onMouseOver=View('FF6600') onClick=Set('FF6600') height=10 width=10></td>
|
||||
<td bgcolor=#FF9900 onMouseOver=View('FF9900') onClick=Set('FF9900') height=10 width=10></td>
|
||||
<td bgcolor=#FFCC00 onMouseOver=View('FFCC00') onClick=Set('FFCC00') height=10 width=10></td>
|
||||
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#990033 onMouseOver=View('990033') onClick=Set('990033') height=10 width=10></td>
|
||||
<td bgcolor=#993333 onMouseOver=View('993333') onClick=Set('993333') height=10 width=10></td>
|
||||
<td bgcolor=#996633 onMouseOver=View('996633') onClick=Set('996633') height=10 width=10></td>
|
||||
<td bgcolor=#999933 onMouseOver=View('999933') onClick=Set('999933') height=10 width=10></td>
|
||||
<td bgcolor=#99CC33 onMouseOver=View('99CC33') onClick=Set('99CC33') height=10 width=10></td>
|
||||
<td bgcolor=#99FF33 onMouseOver=View('99FF33') onClick=Set('99FF33') height=10 width=10></td>
|
||||
<td bgcolor=#CC0033 onMouseOver=View('CC0033') onClick=Set('CC0033') height=10 width=10></td>
|
||||
<td bgcolor=#CC3333 onMouseOver=View('CC3333') onClick=Set('CC3333') height=10 width=10></td>
|
||||
<td bgcolor=#CC6633 onMouseOver=View('CC6633') onClick=Set('CC6633') height=10 width=10></td>
|
||||
<td bgcolor=#CC9933 onMouseOver=View('CC9933') onClick=Set('CC9933') height=10 width=10></td>
|
||||
<td bgcolor=#CCCC33 onMouseOver=View('CCCC33') onClick=Set('CCCC33') height=10 width=10></td>
|
||||
<td bgcolor=#CCFF33 onMouseOver=View('CCFF33') onClick=Set('CCFF33') height=10 width=10></td>
|
||||
<td bgcolor=#FF0033 onMouseOver=View('FF0033') onClick=Set('FF0033') height=10 width=10></td>
|
||||
<td bgcolor=#FF3333 onMouseOver=View('FF3333') onClick=Set('FF3333') height=10 width=10></td>
|
||||
<td bgcolor=#FF6633 onMouseOver=View('FF6633') onClick=Set('FF6633') height=10 width=10></td>
|
||||
<td bgcolor=#FF9933 onMouseOver=View('FF9933') onClick=Set('FF9933') height=10 width=10></td>
|
||||
<td bgcolor=#FFCC33 onMouseOver=View('FFCC33') onClick=Set('FFCC33') height=10 width=10></td>
|
||||
<td bgcolor=#FFFF33 onMouseOver=View('FFFF33') onClick=Set('FFFF33') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#990066 onMouseOver=View('990066') onClick=Set('990066') height=10 width=10></td>
|
||||
<td bgcolor=#993366 onMouseOver=View('993366') onClick=Set('993366') height=10 width=10></td>
|
||||
<td bgcolor=#996666 onMouseOver=View('996666') onClick=Set('996666') height=10 width=10></td>
|
||||
<td bgcolor=#999966 onMouseOver=View('999966') onClick=Set('999966') height=10 width=10></td>
|
||||
<td bgcolor=#99CC66 onMouseOver=View('99CC66') onClick=Set('99CC66') height=10 width=10></td>
|
||||
<td bgcolor=#99FF66 onMouseOver=View('99FF66') onClick=Set('99FF66') height=10 width=10></td>
|
||||
<td bgcolor=#CC0066 onMouseOver=View('CC0066') onClick=Set('CC0066') height=10 width=10></td>
|
||||
<td bgcolor=#CC3366 onMouseOver=View('CC3366') onClick=Set('CC3366') height=10 width=10></td>
|
||||
<td bgcolor=#CC6666 onMouseOver=View('CC6666') onClick=Set('CC6666') height=10 width=10></td>
|
||||
<td bgcolor=#CC9966 onMouseOver=View('CC9966') onClick=Set('CC9966') height=10 width=10></td>
|
||||
<td bgcolor=#CCCC66 onMouseOver=View('CCCC66') onClick=Set('CCCC66') height=10 width=10></td>
|
||||
<td bgcolor=#CCFF66 onMouseOver=View('CCFF66') onClick=Set('CCFF66') height=10 width=10></td>
|
||||
<td bgcolor=#FF0066 onMouseOver=View('FF0066') onClick=Set('FF0066') height=10 width=10></td>
|
||||
<td bgcolor=#FF3366 onMouseOver=View('FF3366') onClick=Set('FF3366') height=10 width=10></td>
|
||||
<td bgcolor=#FF6666 onMouseOver=View('FF6666') onClick=Set('FF6666') height=10 width=10></td>
|
||||
<td bgcolor=#FF9966 onMouseOver=View('FF9966') onClick=Set('FF9966') height=10 width=10></td>
|
||||
<td bgcolor=#FFCC66 onMouseOver=View('FFCC66') onClick=Set('FFCC66') height=10 width=10></td>
|
||||
<td bgcolor=#FFFF66 onMouseOver=View('FFFF66') onClick=Set('FFFF66') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#990099 onMouseOver=View('990099') onClick=Set('990099') height=10 width=10></td>
|
||||
<td bgcolor=#993399 onMouseOver=View('993399') onClick=Set('993399') height=10 width=10></td>
|
||||
<td bgcolor=#996699 onMouseOver=View('996699') onClick=Set('996699') height=10 width=10></td>
|
||||
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height=10 width=10></td>
|
||||
<td bgcolor=#99CC99 onMouseOver=View('99CC99') onClick=Set('99CC99') height=10 width=10></td>
|
||||
<td bgcolor=#99FF99 onMouseOver=View('99FF99') onClick=Set('99FF99') height=10 width=10></td>
|
||||
<td bgcolor=#CC0099 onMouseOver=View('CC0099') onClick=Set('CC0099') height=10 width=10></td>
|
||||
<td bgcolor=#CC3399 onMouseOver=View('CC3399') onClick=Set('CC3399') height=10 width=10></td>
|
||||
<td bgcolor=#CC6699 onMouseOver=View('CC6699') onClick=Set('CC6699') height=10 width=10></td>
|
||||
<td bgcolor=#CC9999 onMouseOver=View('CC9999') onClick=Set('CC9999') height=10 width=10></td>
|
||||
<td bgcolor=#CCCC99 onMouseOver=View('CCCC99') onClick=Set('CCCC99') height=10 width=10></td>
|
||||
<td bgcolor=#CCFF99 onMouseOver=View('CCFF99') onClick=Set('CCFF99') height=10 width=10></td>
|
||||
<td bgcolor=#FF0099 onMouseOver=View('FF0099') onClick=Set('FF0099') height=10 width=10></td>
|
||||
<td bgcolor=#FF3399 onMouseOver=View('FF3399') onClick=Set('FF3399') height=10 width=10></td>
|
||||
<td bgcolor=#FF6699 onMouseOver=View('FF6699') onClick=Set('FF6699') height=10 width=10></td>
|
||||
<td bgcolor=#FF9999 onMouseOver=View('FF9999') onClick=Set('FF9999') height=10 width=10></td>
|
||||
<td bgcolor=#FFCC99 onMouseOver=View('FFCC99') onClick=Set('FFCC99') height=10 width=10></td>
|
||||
<td bgcolor=#FFFF99 onMouseOver=View('FFFF99') onClick=Set('FFFF99') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#9900CC onMouseOver=View('9900CC') onClick=Set('9900CC') height=10 width=10></td>
|
||||
<td bgcolor=#9933CC onMouseOver=View('9933CC') onClick=Set('9933CC') height=10 width=10></td>
|
||||
<td bgcolor=#9966CC onMouseOver=View('9966CC') onClick=Set('9966CC') height=10 width=10></td>
|
||||
<td bgcolor=#9999CC onMouseOver=View('9999CC') onClick=Set('9999CC') height=10 width=10></td>
|
||||
<td bgcolor=#99CCCC onMouseOver=View('99CCCC') onClick=Set('99CCCC') height=10 width=10></td>
|
||||
<td bgcolor=#99FFCC onMouseOver=View('99FFCC') onClick=Set('99FFCC') height=10 width=10></td>
|
||||
<td bgcolor=#CC00CC onMouseOver=View('CC00CC') onClick=Set('CC00CC') height=10 width=10></td>
|
||||
<td bgcolor=#CC33CC onMouseOver=View('CC33CC') onClick=Set('CC33CC') height=10 width=10></td>
|
||||
<td bgcolor=#CC66CC onMouseOver=View('CC66CC') onClick=Set('CC66CC') height=10 width=10></td>
|
||||
<td bgcolor=#CC99CC onMouseOver=View('CC99CC') onClick=Set('CC99CC') height=10 width=10></td>
|
||||
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height=10 width=10></td>
|
||||
<td bgcolor=#CCFFCC onMouseOver=View('CCFFCC') onClick=Set('CCFFCC') height=10 width=10></td>
|
||||
<td bgcolor=#FF00CC onMouseOver=View('FF00CC') onClick=Set('FF00CC') height=10 width=10></td>
|
||||
<td bgcolor=#FF33CC onMouseOver=View('FF33CC') onClick=Set('FF33CC') height=10 width=10></td>
|
||||
<td bgcolor=#FF66CC onMouseOver=View('FF66CC') onClick=Set('FF66CC') height=10 width=10></td>
|
||||
<td bgcolor=#FF99CC onMouseOver=View('FF99CC') onClick=Set('FF99CC') height=10 width=10></td>
|
||||
<td bgcolor=#FFCCCC onMouseOver=View('FFCCCC') onClick=Set('FFCCCC') height=10 width=10></td>
|
||||
<td bgcolor=#FFFFCC onMouseOver=View('FFFFCC') onClick=Set('FFFFCC') height=10 width=10></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height=10 width=10></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height=10 width=10></td>
|
||||
<td bgcolor=#9900FF onMouseOver=View('9900FF') onClick=Set('9900FF') height=10 width=10></td>
|
||||
<td bgcolor=#9933FF onMouseOver=View('9933FF') onClick=Set('9933FF') height=10 width=10></td>
|
||||
<td bgcolor=#9966FF onMouseOver=View('9966FF') onClick=Set('9966FF') height=10 width=10></td>
|
||||
<td bgcolor=#9999FF onMouseOver=View('9999FF') onClick=Set('9999FF') height=10 width=10></td>
|
||||
<td bgcolor=#99CCFF onMouseOver=View('99CCFF') onClick=Set('99CCFF') height=10 width=10></td>
|
||||
<td bgcolor=#99FFFF onMouseOver=View('99FFFF') onClick=Set('99FFFF') height=10 width=10></td>
|
||||
<td bgcolor=#CC00FF onMouseOver=View('CC00FF') onClick=Set('CC00FF') height=10 width=10></td>
|
||||
<td bgcolor=#CC33FF onMouseOver=View('CC33FF') onClick=Set('CC33FF') height=10 width=10></td>
|
||||
<td bgcolor=#CC66FF onMouseOver=View('CC66FF') onClick=Set('CC66FF') height=10 width=10></td>
|
||||
<td bgcolor=#CC99FF onMouseOver=View('CC99FF') onClick=Set('CC99FF') height=10 width=10></td>
|
||||
<td bgcolor=#CCCCFF onMouseOver=View('CCCCFF') onClick=Set('CCCCFF') height=10 width=10></td>
|
||||
<td bgcolor=#CCFFFF onMouseOver=View('CCFFFF') onClick=Set('CCFFFF') height=10 width=10></td>
|
||||
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height=10 width=10></td>
|
||||
<td bgcolor=#FF33FF onMouseOver=View('FF33FF') onClick=Set('FF33FF') height=10 width=10></td>
|
||||
<td bgcolor=#FF66FF onMouseOver=View('FF66FF') onClick=Set('FF66FF') height=10 width=10></td>
|
||||
<td bgcolor=#FF99FF onMouseOver=View('FF99FF') onClick=Set('FF99FF') height=10 width=10></td>
|
||||
<td bgcolor=#FFCCFF onMouseOver=View('FFCCFF') onClick=Set('FFCCFF') height=10 width=10></td>
|
||||
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height=10 width=10></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</form>
|
||||
</body></html>
|
||||
639
www/extras/htmlArea/readme.html
Normal file
639
www/extras/htmlArea/readme.html
Normal file
|
|
@ -0,0 +1,639 @@
|
|||
<html><head><title>htmlArea Help</title>
|
||||
<style type="text/css"><!--
|
||||
body, td { font-family: arial; font-size: x-small; }
|
||||
a { color: #0000BB; text-decoration: none; }
|
||||
a:hover { color: #FF0000; text-decoration: underline; }
|
||||
.headline { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
|
||||
.headline2{ font-family: verdana, arial; font-size: 12px; }
|
||||
.subhead { font-family: arial, arial; font-size: 18px; font-weight: bold; font-style: italic; }
|
||||
.backtotop { font-family: arial, arial; font-size: xx-small; }
|
||||
.code { background-color: #EEEEEE; font-family: Courier New; font-size: x-small;
|
||||
margin: 5px 0px 5px 0px; padding: 5px;
|
||||
border: black 1px dotted;
|
||||
}
|
||||
|
||||
--></style>
|
||||
|
||||
<script><!-- // load htmlArea files
|
||||
_editor_url = "";
|
||||
document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js" language="JavaScript1.2"></scr'+'ipt>');
|
||||
//--></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a name="top"></a>
|
||||
|
||||
<div align=center>
|
||||
<span class="headline">htmlArea v2.00</span><br>
|
||||
<span class="headline2">Turn any <textarea> into a WYSIWYG editor, a free script<br><a href="http://www.interactivetools.com/">from your friends at interactivetools.com</a></span>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<!-- TOC -->
|
||||
|
||||
<p class="subhead">Introduction</p>
|
||||
|
||||
<a href="#intro1">What is htmlArea?</a><br>
|
||||
<a href="#intro2">Is it really free? What's the catch?</a><br>
|
||||
<a href="#intro3">What are the browser requirements?</a><br>
|
||||
<a href="#intro4">Can I see an example of what it looks like?</a><br>
|
||||
<a href="#intro5">Where can I find out more info, download the latest version, and talk to other htmlArea users?</a><br>
|
||||
|
||||
<p class="subhead">Installation / Setup</p>
|
||||
|
||||
<a href="#setup1">How do I add htmlArea to my web page?</a><br>
|
||||
<a href="#setup2">I want to change the editor settings, how do I do that?</a><br>
|
||||
<a href="#setup3">How can I change what controls are displayed on the toolbar?</a><br>
|
||||
<a href="#setup4">How can I change what fonts are in the font list?</a><br>
|
||||
<a href="#setup5">How can I change what sizes are in the font size?</a><br>
|
||||
<a href="#setup6">How can I change what styles are in the font style (CSS) list?</a><br>
|
||||
<a href="#setup7">How can I specify an external stylesheet for my styles?</a><br>
|
||||
|
||||
<p class="subhead">Frequently Asked Questions</p>
|
||||
|
||||
<a href="#faq-goals">What the project goals for htmlArea?</a><br>
|
||||
<a href="#faq1">This editor is pretty neat, so how does it actually work?</a><br>
|
||||
<a href="#faq2">You don't happen to have one of these for (Netscape, Mozilla, Opera, etc) do you?</a><br>
|
||||
<a href="#faq3">Why doesn't htmlArea output XHTML instead of regular HTML? Can you make it do that?</a><br>
|
||||
<a href="#faq4">I'd like to be able to upload images from my hard drive, can you add that feature?</a><br>
|
||||
<a href="#faq5">I'd like to be insert & modify tables, can you add that feature?</a><br>
|
||||
<a href="#faq6">I'd like to <insert idea here>, can you add that feature?</a><br>
|
||||
<a href="#faq7">Can I change the toolbar/button colors?</a><br>
|
||||
<a href="#faq8" style="color: red"><b>I love htmlArea,</b> is there anything I can do to help the project?</a><br>
|
||||
|
||||
<p class="subhead">Known Bugs & Issues</p>
|
||||
|
||||
<a href="#bugs1">Undo/Redo doesn't work</a><br>
|
||||
<a href="#bugs2">Relative paths are converted to absolute paths</a><br>
|
||||
<a href="#bugs3">HTML header info (eg: <head>, <body>, etc) doesn't get preserved</a><br>
|
||||
<a href="#bugs4">Some tags (eg: noframes, noscript, etc) doesn't get preserved</a><br>
|
||||
<a href="#bugs5">htmlArea doesn't work when multiple textareas that have the same name</a><br>
|
||||
|
||||
<p class="subhead">Change Log</p>
|
||||
|
||||
<a href="#changelog">View Change Log</a><br>
|
||||
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
<!-- INTRODUCTION -->
|
||||
|
||||
<hr><p><span class="subhead">Introduction</span> <a href="#top" class="backtotop">back to top</a></p>
|
||||
<dl>
|
||||
|
||||
<a name="intro1"></a>
|
||||
<p><dt><b>What is htmlArea?</b></dt>
|
||||
<dd>htmlArea is a free WYSIWYG (what you see is what you get) editor replacement for <textarea> fields. By adding a few
|
||||
simple lines of JavaScript to your web page you can replace a regular textarea with a rich text
|
||||
editor that let your users do the following:
|
||||
<p><ul>
|
||||
<li>Format text to be bold, italicized, or underlined.</li>
|
||||
<li>Change the face, size, style and colour.</li>
|
||||
<li>Left, centre, or right-justify paragraphs. </li>
|
||||
<li>Make bulleted or numbered lists. </li>
|
||||
<li>Indent or un-indent paragraphs. </li>
|
||||
<li>Insert a horizontal line. </li>
|
||||
<li>Insert hyperlinks and images. </li>
|
||||
<li>View the raw HTML source of what they're editing. </li>
|
||||
<li>and much more... </li>
|
||||
</ul>
|
||||
|
||||
<p>Some of the interesting features of htmlArea that set's it apart from other web based WYSIWYG editors are as follows:
|
||||
|
||||
<p><ul>
|
||||
<li>It's lightweight, fast loading and can transform a regular textarea into a rich-text editor with a single line of JavaScript.</li>
|
||||
<li>It's 100% backwards compatable with older or non-supported browsers (they get the original textarea field).</li>
|
||||
<li>It's free and can be incorporated into any free or commericial program.</li>
|
||||
<li>It works with any programming language (ASP, PHP, Perl, Java, etc).</li>
|
||||
<li>It's written in simple JavaScript and can be easily viewed, modified or extended.</li>
|
||||
<li>It remembers entered content when a user navigates away and then hits "back" in their browser.</li>
|
||||
<li>Since it replaces existing textareas it doesn't require a lot of code to add it to your pages (just one line).</li>
|
||||
<li>Did we mention it was free? : )</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</dd></p>
|
||||
|
||||
<a name="intro2"></a>
|
||||
<p><dt><b>Is it really free? What's the catch?</b></dt>
|
||||
<dd>Yes! It's really free. You can use it, modify it, distribute it with your software,
|
||||
or do just about anything you like with it. The only thing we ask is that you don't remove
|
||||
the "about this editor" info button.
|
||||
|
||||
We want everybody to be able to make use of htmlArea, but we'd also like other users to be
|
||||
able to find out about it so they can download it as well. Having a single button
|
||||
on the interface that pops up an "About this editor" window seemed to be the most low-key
|
||||
way to do this. The info button looks like this <img src="images/ed_about.gif">.
|
||||
</dd></p>
|
||||
|
||||
|
||||
<a name="intro3"></a>
|
||||
<p><dt><b>What are the browser requirements?</b></dt>
|
||||
<dd>htmlArea requires Internet Explorer 5.5 or better on Windows to run. This is because it
|
||||
makes use of some advanced features of IE5.5 that aren't available in other browsers yet.
|
||||
It <i>is</i> backwards compatible with other browsers, though. They will get a regular textarea
|
||||
field instead of a WYSIWYG editor.</dd></p>
|
||||
|
||||
|
||||
<a name="intro4"></a>
|
||||
<p><dt><b>Can I see an example of what it looks like?</b></dt>
|
||||
<dd>Sure, make sure you're using IE5.5 or better on windows and see below.
|
||||
|
||||
<p>Here is a regular <textarea> field.<br>
|
||||
<textarea name="textbox1" style="height: 110px; width: 700px;">
|
||||
Here is some sample text in a regular <textarea>.
|
||||
There's not much you can do besides, well, enter plain text...
|
||||
</textarea>
|
||||
|
||||
<p>And here is a <textarea> transformed with htmlArea (with a single line of JavaScript code).</p>
|
||||
<textarea name="textbox2" style="height: 110px; width: 700px;">
|
||||
Here is some sample text in textarea thats been transformed with <font color="#0000CC"><b>htmlArea</b></font>.<br>
|
||||
You can make things <b>bold</b>, <i>italic</i>, <u>underline</u>. You can change the
|
||||
<font size=3>size</font> and <b><font color="#0000CC">c</font><font color="#00CC00">o</font><font color="#00CCCC">l</font><font color="#CC0000">o</font><font color="#CC00CC">r</font><font color="#CCCC00">s</font><font color="#CCCCCC">!</font></b>
|
||||
And lots more...
|
||||
|
||||
<P align=center><FONT size=4 color=#ff0000><b><U>Try htmlArea today!</U></b></FONT><BR>
|
||||
</textarea>
|
||||
|
||||
<script language="JavaScript1.2" defer>
|
||||
editor_generate('textbox2');
|
||||
</script>
|
||||
|
||||
</dd></p>
|
||||
|
||||
<a name="intro5"></a>
|
||||
<p><dt><b>Where can I find out more info, download the latest version, and talk to other htmlArea users?</b></dt>
|
||||
<dd>You can find out more about htmlArea and download the latest version on the
|
||||
<a href="http://www.interactivetools.com/products/htmlarea/">htmlArea homepage</a>
|
||||
and you can talk to other htmlArea users and post any comments or suggestions you have in the
|
||||
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=14">htmlArea forum</a>.
|
||||
|
||||
</dl>
|
||||
|
||||
<!-- INSTALLATION / SETUP -->
|
||||
|
||||
<hr><p><span class="subhead">Installation / Setup</span> <a href="#top" class="backtotop">back to top</a></p>
|
||||
<dl>
|
||||
|
||||
<a name="setup1"></a>
|
||||
<p><dt><b>How do I add htmlArea to my web page?</b></dt>
|
||||
<dd>It's easy, first you need to upload the htmlArea files to your website. Just follow these steps:
|
||||
|
||||
<p><ol>
|
||||
<li>Download the latest version from the <a href="http://www.interactivetools.com/products/htmlarea/">htmlArea homepage</a>.</li>
|
||||
<li>Unzip the files onto your local computer (making sure to maintain the directory structure contained in the zip).</li>
|
||||
<li>Create a new folder on your website called /htmlarea/ (make sure it's NOT inside the cgi-bin).</li>
|
||||
<li>Transfer all the htmlArea files from your local computer into the /htmlarea/ folder on your website.</li>
|
||||
<li>Open the example page /htmlarea/example.html with your browser to make sure everything works.</li>
|
||||
</ol></p>
|
||||
|
||||
Once htmlArea is on your website all you need to do is add some JavaScript to any pages that you want to
|
||||
add WYSIWYG editors to. Here's how to do that.
|
||||
|
||||
<p><ol>
|
||||
<li>Open the page you want to add a WYSIWYG editor to. Add the following to the top of
|
||||
the page in the <head></head> of the HTML document.
|
||||
<div class="code">
|
||||
<script><!-- // load htmlArea files<br>
|
||||
_editor_url = "/htmlarea/"; // URL to htmlarea files<br>
|
||||
document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js"');<br>
|
||||
document.write('language="JavaScript1.2"></scr'+'ipt>');<br>
|
||||
//--></script><br>
|
||||
</div>
|
||||
If you've installed htmlArea anywhere other than /htmlarea/ then <b>be sure to change _editor_url</b> to point to
|
||||
your htmlarea directory (ending with a forward slash "/").</li>
|
||||
|
||||
<p><li>For each <textarea> that you want to change, add the following code to the page.
|
||||
<div class="code">
|
||||
<script language="JavaScript1.2" defer><br>
|
||||
editor_generate('<i>fieldname</i>');<br>
|
||||
</script><br>
|
||||
</div>
|
||||
Be sure to change "<b><i>fieldname</i></b>" to be the name (not id) of the textarea you want to change.</li>
|
||||
|
||||
<p><li>And you're done, open your page in your browser and see if it worked. If you run into
|
||||
any problems, keep trying and feel free to visit the
|
||||
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=14">htmlArea forum</a>.</li>
|
||||
</ol></p>
|
||||
|
||||
<a name="setup2"></a>
|
||||
<p><dt><b>I want to change the editor settings, how do I do that?</b></dt>
|
||||
<dd>While it's true that all you need is one line of JavaScript to create an htmlArea WYSIWYG editor
|
||||
you can also specify more config settings in the code to control how the editor works and looks. Here's an
|
||||
example of some of the available settings:
|
||||
<div class="code">
|
||||
<script language="JavaScript1.2" defer><br>
|
||||
var config = new Object(); // create new config object<br><br>
|
||||
|
||||
config.width = "90%";<br>
|
||||
config.height = "200px";<br>
|
||||
config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';<br>
|
||||
config.debug = 0;<br><br>
|
||||
|
||||
// Add additional editor config settings here...<br><br>
|
||||
|
||||
editor_generate('<i>fieldname</i>',config);<br>
|
||||
</script><br>
|
||||
</div>
|
||||
See below for even more configuration options that can be added. All of these settings will use
|
||||
default values in editor.js if you don't specify them yourself.
|
||||
<p><table border=1 cellspacing=0 cellpadding=2 width=600>
|
||||
<tr><td><b>Width</b></td><td>specifies the width of the editor (in pixels or as a percentage).</td></tr>
|
||||
<tr><td><b>Height</b></td><td>specifies the height of the editor (in pixels or as a percentage).</td></tr>
|
||||
<tr><td><b>bodyStyle</b></td><td>specifies CSS style of the editor window including color, default font face, and size. Note, the default font information isn't saved, it just controls how text is displayed if no other font formatting has been applied.</td></tr>
|
||||
<tr><td><b>debug</b></td><td>if set to 1, displays a debug field with the actual contents of the editor (in raw html) which is updated as your type.</td></tr>
|
||||
</table>
|
||||
</dd></p>
|
||||
|
||||
<a name="setup3"></a>
|
||||
<p><dt><b>How can I change what controls are displayed on the toolbar?</b></dt>
|
||||
<dd>You can add a config.toolbar config setting to control exactly what's shown on the toolbar.
|
||||
Here's an example.
|
||||
<div class="code">
|
||||
config.toolbar = [<br>
|
||||
['fontname'],<br>
|
||||
['fontsize'],<br>
|
||||
['fontstyle'],<br>
|
||||
['linebreak'],<br>
|
||||
['bold','italic','underline','separator'],<br>
|
||||
['strikethrough','subscript','superscript','separator'],<br>
|
||||
['justifyleft','justifycenter','justifyright','separator'],<br>
|
||||
['OrderedList','UnOrderedList','Outdent','Indent','separator'],<br>
|
||||
['forecolor','backcolor','separator'],<br>
|
||||
//['custom1','custom2','custom3','separator'],<br>
|
||||
['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],<br>
|
||||
['about','help']<br>
|
||||
];
|
||||
</div>
|
||||
The square brackets control how the buttons are "grouped" together. You can either erase
|
||||
or comment out (by adding // to the beginning of the line) buttons or button groups you don't
|
||||
want displayed. Most of the buttons do pretty much just what you'd expect, but here's a few
|
||||
odd ones for reference.
|
||||
<p><table border=1 cellspacing=0 cellpadding=2 width=600>
|
||||
<tr><td><b>linebreak</b></td><td>adds a linebreak to the toolbar, all buttons after this are on the next line.</td></tr>
|
||||
<tr><td><b>separator</b></td><td>adds a vertical separator between buttons, helps to visually group buttons together</td></tr>
|
||||
<tr><td><b>custom<i>N</i></b></td><td>these are custom buttons that can be defined by JavaScript programmers who want to extend htmlArea.</td></tr>
|
||||
</table>
|
||||
</dd></p>
|
||||
|
||||
<a name="setup4"></a>
|
||||
<p><dt><b>How can I change what fonts are in the font list?</b></dt>
|
||||
<dd>There is a config.fontnames setting that let's you control this. See below.
|
||||
<div class="code">
|
||||
config.fontnames = {<br>
|
||||
"Arial": "arial, helvetica, sans-serif",<br>
|
||||
"Courier New": "courier new, courier, mono",<br>
|
||||
"Georgia": "Georgia, Times New Roman, Times, Serif",<br>
|
||||
"Tahoma": "Tahoma, Arial, Helvetica, sans-serif",<br>
|
||||
"Times New Roman": "times new roman, times, serif",<br>
|
||||
"Verdana": "Verdana, Arial, Helvetica, sans-serif",<br>
|
||||
"impact": "impact",<br>
|
||||
"WingDings": "WingDings"<br>
|
||||
};<br>
|
||||
</div>
|
||||
The name on the left is what is displayed to the user. The list of fonts on the right is what is
|
||||
actually put into the font tag in the code.</dd></p>
|
||||
|
||||
<a name="setup5"></a>
|
||||
<p><dt><b>How can I change what sizes are in the font size?</b></dt>
|
||||
<dd>There is a config.fontsizes setting that let's you control this. See below.
|
||||
<div class="code">
|
||||
config.fontsizes = {<br>
|
||||
"1 (8 pt)": "1",<br>
|
||||
"2 (10 pt)": "2",<br>
|
||||
"3 (12 pt)": "3",<br>
|
||||
"4 (14 pt)": "4",<br>
|
||||
"5 (18 pt)": "5",<br>
|
||||
"6 (24 pt)": "6",<br>
|
||||
"7 (36 pt)": "7"<br>
|
||||
};<br>
|
||||
</div>
|
||||
The value on the right is what the user sees, the value on the left is the actual font size used.
|
||||
</dd></p>
|
||||
|
||||
<a name="setup6"></a>
|
||||
<p><dt><b>How can I change what styles are in the font style (CSS) list?</b></dt>
|
||||
<dd>As you can probably guess, there's a config.fontstyles setting for this. Now remember, the
|
||||
styles defined here control how the text looks in the editor. These styles ALSO have to be defined
|
||||
on any page where you display content created with the editor. htmlArea will save the class name
|
||||
with the content but nothing else. It's up to you to define the class style in your pages.
|
||||
<div class="code">
|
||||
|
||||
config.fontstyles = [{<br>
|
||||
name: "headline",<br>
|
||||
className: "headline",<br>
|
||||
classStyle: "font-family: arial; font-size: 28px;"<br>
|
||||
},{<br>
|
||||
name: "red text",<br>
|
||||
className: "saletext2",<br>
|
||||
classStyle: ""<br>
|
||||
}];<br>
|
||||
</div>
|
||||
The "name" is what's displayed to users, "className" is the name of the CSS class to use, and
|
||||
classStyle defines the attributes of the style in the editor. If you leave classStyle blank
|
||||
you have to be sure to also specify an external stylesheet with all the style information (and
|
||||
matching classNames!). See the next question on how to do that.
|
||||
</dd></p>
|
||||
|
||||
|
||||
|
||||
<a name="setup7"></a>
|
||||
<p><dt><b>How can I specify an external stylesheet for my styles?</b></dt>
|
||||
<dd>You can specify a stylesheet to avoid entering the class style data for each class name.
|
||||
You STILL have to specify which classNames you want to have available though, see the previous
|
||||
question for information on that.
|
||||
<div class="code">
|
||||
config.stylesheet = "/style.css";<br>
|
||||
</div>
|
||||
</dd></p>
|
||||
|
||||
</dl>
|
||||
|
||||
<!-- FREQUENTLY ASKED QUESTIONS -->
|
||||
|
||||
<hr><p><span class="subhead">Frequently Asked Questions</span> <a href="#top" class="backtotop">back to top</a></p>
|
||||
<dl>
|
||||
|
||||
<a name="faq-goals"></a>
|
||||
<p><dt><b>What are the project goals for htmlArea?</b></dt>
|
||||
<dd>When we originally started the htmlArea project we had some pretty specific
|
||||
goals in mind for how it would work and what issues were important to us. Those
|
||||
goals still lead the direction of development today and are listed below in order
|
||||
of priority.
|
||||
|
||||
<ol>
|
||||
<p><li><b>Compatability</b></li>
|
||||
<dd>htmlArea has to always be backwards compatable with older and unsupported browsers. This
|
||||
ensures that even if a user with an older and unsupported browser can't use htmlArea, they'll always be able to, at a minimum,
|
||||
enter text in a plain textarea like they would have done before.
|
||||
|
||||
htmlArea should also be compatable with as many programming languages as possible by being
|
||||
completely DHTML and JavaScript based.
|
||||
|
||||
</dd>
|
||||
|
||||
<p><li><b>Ease of Use</b></li>
|
||||
<dd>htmlArea needs to be easy for developers to
|
||||
integrate into their applications and customize, easy for programmers to extend
|
||||
and modify, and easy for end users to "use". That's why you only have to add a
|
||||
single line of JavaScript for each textarea you want to convert, and why all the
|
||||
code is stored in a single, easy to follow JavaScript file. That's why htmlArea
|
||||
can be used with almost any programming language (ASP, PHP, Perl, Java, etc),
|
||||
and that the toolbar is streamlined, customizable by developers, and follows the
|
||||
conventions of common word processing programs.</dd>
|
||||
|
||||
<p><li><b>Lightweight</b></li>
|
||||
<dd>htmlArea needs to be fast loading, allow the user to perform word processing functions at a
|
||||
reasonable speed, and not put a lot of strain on a user's browser. To these ends we've
|
||||
managed to keep the main editor program in a single file of only 40k and we've written the editor
|
||||
in such a way that it has a minimal impact on the resources of the browser it is running in.
|
||||
In addition, where we make use of popup windows to perform additional functions we try to put as
|
||||
much code as possible in the popup window so it doesn't increase the size of the base editor.</dd>
|
||||
|
||||
</ol>
|
||||
|
||||
</dd></p>
|
||||
|
||||
|
||||
<a name="faq1"></a>
|
||||
<p><dt><b>This editor is pretty neat, so how does it actually work?</b></dt>
|
||||
<dd>htmlArea is based on the <a href="http://msdn.microsoft.com/library/en-us/dnmshtml/html/mshtmleditplatf.asp">MSHTML Editing Platform</a>
|
||||
in Internet Explorer 5.5+ on windows. Basically, Internet Explorer includes some functionality to make sections of a
|
||||
webpage edittable by defining a "contentEditable" attribute or "designMode" property. It also provides some built in
|
||||
<a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/commandids.asp">commands</a>
|
||||
for performing common web editting operations (bold, italic, center, insert image, etc).
|
||||
|
||||
<p>htmlArea builds on the features provided by Internet Explorer and adds its own user definable toolbar,
|
||||
an easy method to include a WYSIWYG editor in a web page (replacing textareas), an easy way to save user
|
||||
changes, as well as a number of custom web editting commands of its own.
|
||||
|
||||
<p>How htmlArea actually works is it replaces a textarea with an (user definable) toolbar, an iframe that
|
||||
has the "contentEditable" attribute set to true, and a hidden field with the same name as your original
|
||||
textarea that gets updated automatically when you modify content in the editor.
|
||||
|
||||
<p>The user can enter or modify text as well as use keyboard shortcuts and toolbar buttons to perform operations
|
||||
on the content. A lot of the editor commands are built into IE and called via
|
||||
the <a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/execcommand.asp">execCommand</a>
|
||||
method, but htmlArea also includes other custom commands and functions written in JavaScript and stored in
|
||||
the editor.js file or the popup windows (in the /popups/ folder).
|
||||
|
||||
|
||||
</dd></p>
|
||||
|
||||
<a name="faq2"></a>
|
||||
<p><dt><b>You don't happen to have one of these for (Netscape, Mozilla, Opera, Mac IE, etc) do you?</b></dt>
|
||||
<dd>No. None of these other browsers (including IE for Mac) support "contentEditable" or a way to make
|
||||
existing content in the page editable. It might be possible to emulate this in JavaScript, but it would
|
||||
be a lot of work. Other problems include displaying or emulating the flashing | bar cursor you see when
|
||||
editting. The cross-platform Mozilla browser has some bug entries related to adding contentEditable
|
||||
functionality, and perhaps in the future it may be possible to create something for that browser.
|
||||
<p>Although it's a longshot, you might want to send a friendly letter to Microsoft to encourage them to
|
||||
make the "contentEditable" functionality work on IE for the Macintosh. Once they implement it, we can offer it.
|
||||
|
||||
|
||||
</dd></p>
|
||||
|
||||
<a name="faq3"></a>
|
||||
<p><dt><b>Why doesn't htmlArea output XHTML instead of regular HTML? Can you make it do that?</b></dt>
|
||||
<dd>The HTML output by htmlArea is generated by the built in functionality of Internet Explorer.
|
||||
For that reason, there is no easy way to have it output XHTML. If we were going to do it, the way
|
||||
to do so would be to parse the HTML after it's output by IE and convert it to XHTML. That's something
|
||||
we hope to do at some point.
|
||||
|
||||
</dd></p>
|
||||
|
||||
<a name="faq4"></a>
|
||||
<p><dt><b>I'd like to be able to upload images from my hard drive, can you add that feature?</b></dt>
|
||||
<dd>No. We want htmlArea to be compatable with as many programming languages as possible. Because it's
|
||||
written in client side JavaScript, it should work with any programming language. If we start adding
|
||||
language specific features htmlArea won't be as useful to as many people. That said, there's a lot of
|
||||
free "file upload" scripts available, and htmlArea does include a function called editor_insertHTML()\
|
||||
for inserting text or HTML tags. If you want to write your own program for doing this it should be
|
||||
that hard. Alternatively, you might check in the forum to see if someone already has.
|
||||
</dd></p>
|
||||
|
||||
<a name="faq5"></a>
|
||||
<p><dt><b>I'd like to be insert & modify tables, can you add that feature?</b></dt>
|
||||
<dd>It's definately something that can be done, and something we'd really like to add.
|
||||
We hope to do so sometime in the neat future. Sign up to our newsletter and watch the
|
||||
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=14">forum</a> for futher developments.</dd></p>
|
||||
|
||||
<a name="faq6"></a>
|
||||
<p><dt><b>I'd like to <insert idea here>, can you add that feature?</b></dt>
|
||||
<dd>Maybe, maybe not. If it's a good feature and it fits in with the goals of our project we'll
|
||||
likely consider it. The best thing to do is post your suggestions to the
|
||||
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=14">forum</a>. At the very least
|
||||
we'll try to give you some suggestions and point you in the right direction. At best you might
|
||||
find somebody else has already implemented the feature you were hoping for.
|
||||
|
||||
|
||||
</dd></p>
|
||||
|
||||
<a name="faq7"></a>
|
||||
<p><dt><b>Can I change the toolbar/button colors?</b></dt>
|
||||
<dd>Yes, just search for "buttonface" and "buttonhighlight" in editor.js and change those to whatever colors
|
||||
you like. If you haven't heard of those colors before, it's because they're special windows colors
|
||||
that match whatever color scheme the user has selected for their desktop. For example, if someone
|
||||
has changed their desktop color scheme to "lilac", the WYSIWYG editor toolbar and buttons will match that
|
||||
theme. Try it, it's really neat.</dd></p>
|
||||
|
||||
<a name="faq8"></a>
|
||||
<p><dt><b style="color: red">I love htmlArea, is there anything I can do to help the project?</b></dt>
|
||||
<dd>The number one thing you can do to help is also the easiest thing to do; give us a link on your website.
|
||||
The more people who can find out about htmlArea the better it will be.
|
||||
|
||||
<p>The next best thing you can do is participate in our
|
||||
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=14">forum</a> and post a message or two to
|
||||
help other htmlArea users (or learn something new yourself).
|
||||
|
||||
<p>Lastly, any code improvements you want to share would certianly be welcome as well.</dd></p>
|
||||
|
||||
|
||||
</dl>
|
||||
|
||||
<!-- KNOWN BUGS AND ISSUES -->
|
||||
|
||||
<hr><p><span class="subhead">Known Bugs and Issues</span> <a href="#top" class="backtotop">back to top</a></p>
|
||||
<dl>
|
||||
|
||||
<a name="bugs1"></a>
|
||||
<p><dt><b>Undo/Redo doesn't work</b></dt>
|
||||
<dd>We update a hidden field everytime you make a change in the editor so the hidden field will be
|
||||
submitted when you submit the form. The way undo/redo works in Internet Explorer it seems to reset
|
||||
the undo buffer everytime you use JavaScript to set the value of a form element or otherwise make
|
||||
changes to the page. Because of this the built in undo/redo functionality of the browser doesn't
|
||||
work. We hope to implement our own undo/redo functionality at a future point.</dd></p>
|
||||
|
||||
<a name="bugs2"></a>
|
||||
<p><dt><b>Relative paths are converted to absolute paths</b></dt>
|
||||
<dd>Internet Explorer has a tendency to convert relative paths into absolute paths. We've seen some
|
||||
implentations of WYSIWYG editors that maintain relative paths "better" than others but certain operations
|
||||
(such as dragging and dropping, etc) still convert relative paths to absolute paths. We hope to find a
|
||||
workaround for this in a future version.
|
||||
</dd></p>
|
||||
|
||||
<a name="bugs3"></a>
|
||||
<p><dt><b>HTML header info (eg: <head>, <body>, etc) doesn't get preserved</b></dt>
|
||||
<dd>This is due to Internet Explorer and the way the editor works. The editor already has a
|
||||
HTML header of its own so inserting another one confuses the browser and the content gets thrown
|
||||
away. The best solution is to have another plain text textarea field for HTML header information.</dd></p>
|
||||
|
||||
<a name="bugs4"></a>
|
||||
<p><dt><b>Some tags (eg: noframes, noscript, etc) doesn't get preserved</b></dt>
|
||||
<dd>This is a result of how Internet Explorer works. It seems to discard certain tags that it
|
||||
doesn't need to display. Because htmlArea reads the content back from the browser it cannot
|
||||
preserve content the browser has "thrown away".</dd></p>
|
||||
|
||||
<a name="bugs5"></a>
|
||||
<p><dt><b>htmlArea doesn't work with multiple textareas that have the same name</b></dt>
|
||||
<dd>If you have two or more textareas with the same name on the same page and you try
|
||||
to convert one of more of them into a WYSIWYG editor htmlArea won't work. This is because htmlArea
|
||||
looks up the textareas by name in the entire page, not just inside a specific form. There's currently
|
||||
no workaround for this. We hope to resolve it in a future release.</dd></p>
|
||||
|
||||
|
||||
</dl>
|
||||
|
||||
<!-- CHANGE LOG -->
|
||||
|
||||
<hr>
|
||||
<a name="changelog"></a>
|
||||
<p><span class="subhead">Change Log</span> <a href="#top" class="backtotop">back to top</a></p>
|
||||
<dl>
|
||||
<!--
|
||||
<p><dt><b>Version 2.00 (beta1)</b> (Released: August 19, 2002)</dt><ul>
|
||||
<li>Initial Release</li>
|
||||
</ul></p>
|
||||
-->
|
||||
|
||||
|
||||
<p><dt><b>Version 2.00 (beta2)</b> (Released: October 16, 2002)</dt><ul>
|
||||
|
||||
<p><dt><b>New Docs</b></dt>
|
||||
<li>created new readme.html with install instructions, faq, and lots of information
|
||||
|
||||
<p><dt><b>New Features</b></dt>
|
||||
<li>added support for stylesheets
|
||||
<li>get enlarge/shrink window working
|
||||
<li>get context menu working (still disabled by default, needs more code for functionality)
|
||||
<li>allow user to change ANY option in internal config from calling page
|
||||
<li>added _editor_filterOutput function that's called on form submit
|
||||
<li>added insert table button
|
||||
|
||||
<p><dt><b>Bug Fixes / Optimizations</b></dt>
|
||||
<li>organized associated files into directories
|
||||
<li>fixed bug that caused htmlarea to sometimes not display last entered content when user pressed back in their browser.
|
||||
<li>moved about window into a seperate file to reduce size of editor
|
||||
</ul></p>
|
||||
|
||||
</ul></p>
|
||||
|
||||
<p><dt><b>Version 2.00 (beta1)</b> (Released: August 19, 2002)</dt><ul>
|
||||
|
||||
<p><dt><b>visual changes</b></dt>
|
||||
<li>added mouseover/mouseoff events and style for toolbar ui buttons
|
||||
<li>update toolbar to take up less space and be smaller
|
||||
<li>display point sizes beside HTML font sizes (eg: 7 (36px)
|
||||
<li>change "about this editor" icon to an "i"
|
||||
<li>created a help popup (content still needs to be written).
|
||||
<li>added version number to about page.
|
||||
|
||||
<p><dt><b>code changes</b></dt>
|
||||
<li>added "defer" to script tag to prevent editor from being created untill page loads
|
||||
<li>simplified header that needs to be added to pages that contain editor
|
||||
<li>generated script include tag using _editor_url so users don't have to enter URL twice
|
||||
<li>moved CSS for editor toolbar buttons into editor.js
|
||||
<li>switched to using object to pass configuration arguments to editor_generate
|
||||
<li>general code improvements, optimizations and re-organization
|
||||
<li>added hooks for keypress events for future use
|
||||
|
||||
<p><dt><b>new features</b></dt>
|
||||
<li>added pulldown for CSS style classnames
|
||||
<li>added many many more config options including:
|
||||
<li>ability to select which toolbar elements you want displayed
|
||||
<li>ability to specify the order of toolbar elements
|
||||
<li>ability to specify fonts, sizes, and CSS styles for pulldowns
|
||||
<li>ability to set default font and style used in editor window
|
||||
<li>debug flag that lets the see the source of the wysiwyg field at all times
|
||||
<li>add more sample code and comments showing how to add custom buttons
|
||||
|
||||
<p><dt><b>bug fixes</b></dt>
|
||||
<li>fixed error caused when height/width were manually specified (reported by jpeto, thanks!)
|
||||
<li>"about this editor" window now works when in textedit mode
|
||||
</ul></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p><dt><b>Version 1.05</b> (Released: August 28, 2002)</dt><ul>
|
||||
<li>- Added support for textareas with underscores ("_") in their names.</li>
|
||||
</ul></p>
|
||||
|
||||
<p><dt><b>Version 1.04</b> (Released: August 27, 2002)</dt><ul>
|
||||
<li>Even more speed improvements (wysiwyg editor is now much faster on older computers).</li>
|
||||
<li>General code improvements and optimizations.</li>
|
||||
</ul></p>
|
||||
|
||||
<p><dt><b>Version 1.03</b> (Released: August 26, 2002)</dt><ul>
|
||||
<li>Beta release only</li>
|
||||
</ul></p>
|
||||
|
||||
<p><dt><b>Version 1.02</b> (Released: August 21, 2002)</dt><ul>
|
||||
<li>added editor_insertHTML() function. Developers can now easily add buttons that insert HTML or surround selected text with HTML.</li>
|
||||
<li>removed unneeded debug code and comments to reduce editor.js filesize (and load time). </li>
|
||||
</ul></p>
|
||||
|
||||
<p><dt><b>Version 1.01</b> (Released: August 20, 2002)</dt><ul>
|
||||
<li>optimized code to improve speed (wysiwyg editor is now much faster)</li>
|
||||
<li>added addition event handlers to update UI on mouse events.</li>
|
||||
</ul></p>
|
||||
|
||||
<p><dt><b>Version 1.00</b> (Released: August 19, 2002)</dt><ul>
|
||||
<li>Initial Release</li>
|
||||
</ul></p>
|
||||
|
||||
</dl>
|
||||
|
||||
<br><br><br>
|
||||
</body></html>
|
||||
|
|
@ -1,545 +0,0 @@
|
|||
<HTML>
|
||||
<HEAD>
|
||||
<SCRIPT language="JavaScript">
|
||||
var L_CANCEL_TEXT = "Cancel";
|
||||
var L_INSERT_TEXT = "Insert";
|
||||
var L_LINKIMGBORDER_TEXT = "Display a border around the image link";
|
||||
var L_LINKSELECT_TEXT = "Select a community page: ";
|
||||
var L_LINKSELECTPAGE_TEXT = "Select Page";
|
||||
var L_LINKWEB_TEXT = "Type in a URL below:";
|
||||
var L_PUTITLEFONTFACE_TEXT = "Font Family...";
|
||||
var L_PUTITLEFONTSIZE_TEXT = "Font Size...";
|
||||
var L_PUTITLELINK_TEXT = "Link...";
|
||||
var L_PUTITLENEWTABLE_TEXT = "Table...";
|
||||
var L_PUTITLETEXTCOLOR_TEXT = "Font Color...";
|
||||
var L_STYLESAMPLE_TEXT = "ABC abc 123";
|
||||
var L_TABLEBG_TEXT = "Background";
|
||||
var L_TABLEBORDERS_TEXT = "Borders";
|
||||
var L_TABLEINPUTBGCOLOR_TEXT = "Background Color: ";
|
||||
var L_TABLEINPUTBGIMGURL_TEXT = "Background Image URL: ";
|
||||
var L_TABLEINPUTBORDER_TEXT = "Border Width: ";
|
||||
var L_TABLEINPUTBORDERCOLOR_TEXT = "Border Color: ";
|
||||
var L_TABLEINPUTCELLPADDING_TEXT = "Cell Padding: ";
|
||||
var L_TABLEINPUTCELLSPACING_TEXT = "Cell Spacing: ";
|
||||
var L_TABLEINPUTCOLUMNS_TEXT = "Columns: ";
|
||||
var L_TABLEINPUTROWS_TEXT = "Rows: ";
|
||||
var L_TABLEPADDINGANDSPACING_TEXT = "Padding and Spacing";
|
||||
var L_TABLEROWSANDCOLS_TEXT = "Rows and Columns";
|
||||
var L_TABLEINSERTROW_TEXT = "Insert Row";
|
||||
var L_TABLEINSERTCELL_TEXT = "Insert Column";
|
||||
var L_TABLEINSERT_TEXT = "Insert Table";
|
||||
var L_TABLEUPDATE_TEXT = "Update Table";
|
||||
var L_TABLENEW_TEXT = "Create Table";
|
||||
var L_TABLEEDIT_TEXT = "Edit Table";
|
||||
var L_TIPB_TEXT = "Bold";
|
||||
var L_TIPBGCOLOR_TEXT = "Background Color";
|
||||
var L_TIPCJ_TEXT = "Center Justify";
|
||||
var L_TIPCOPY_TEXT = "Copy Text";
|
||||
var L_TIPCUT_TEXT = "Cut Text";
|
||||
var L_TIPDONE_TEXT = "Click here when finished editing!";
|
||||
var L_TIPFGCOLOR_TEXT = "Font Color";
|
||||
var L_TIPFSIZE_TEXT = "Font Size";
|
||||
var L_TIPFSTYLE_TEXT = "Font Family";
|
||||
var L_TIPI_TEXT = "Italic";
|
||||
var L_TIPLINE_TEXT = "Horizontal Rule";
|
||||
var L_TIPLINK_TEXT = "Insert Link";
|
||||
var L_TIPLJ_TEXT = "Left Justify";
|
||||
var L_TIPOL_TEXT = "Numbered List";
|
||||
var L_TIPP_TEXT = "Paragraph Style";
|
||||
var L_TIPPASTE_TEXT = "Paste Text";
|
||||
var L_TIPRJ_TEXT = "Right Justify";
|
||||
var L_TIPTABLE_TEXT = "Insert Table";
|
||||
var L_TIPU_TEXT = "Underline";
|
||||
var L_TIPUL_TEXT = "Bulleted List";
|
||||
var L_MODETITLE_TEXT = "Advanced HTML Mode";
|
||||
var L_MODETITLE_TEXT = "Click here to edit the HTML directly.";
|
||||
var L_MODEDESC_TEXT = "";
|
||||
var L_CUSTOMFONT_TEXT = "Other Font...";
|
||||
var L_CUSTOMFONTENTRY_TEXT = "Enter the name of your font:";
|
||||
var L_SAMPLEFONTENTRY_TEXT = "Arial, Geneva, Sans-serif";
|
||||
var L_CLOSEBUTTON_TEXT = "x";
|
||||
var L_TBDATABINDING_TEXT = "Columns";
|
||||
var L_TBDATALABEL_TEXT = 'Add a placeholder for the selected column.';
|
||||
var L_DEFAULTHTML_TEXT = "<DIV></DIV>";
|
||||
// Customize Font List
|
||||
// FONTNAME_TEXT - Displayed in the pop-up
|
||||
// FONTNAMEDEF_TEXT - The font definition used in the HTML
|
||||
var L_FONTARIAL_TEXT = "Arial";
|
||||
var L_FONTARIALDEF_TEXT = "Arial, Geneva, Sans-serif";
|
||||
var L_FONTARIALBLACK_TEXT = "Arial Black";
|
||||
var L_FONTARIALBLACKDEF_TEXT = "Arial Black, Geneva, Arial, Sans-serif";
|
||||
var L_FONTCOURIERNEW_TEXT = "Courier New";
|
||||
var L_FONTCOURIERNEWDEF_TEXT = "Courier New, Courier, Monospace";
|
||||
var L_FONTTIMESNEWROMAN_TEXT = "Times New Roman";
|
||||
var L_FONTTIMESNEWROMANDEF_TEXT = "Times New Roman, Times, Serif";
|
||||
var L_FONTVERDANA_TEXT = "Verdana";
|
||||
var L_FONTVERDANADEF_TEXT = "Verdana, Geneva, Arial, Sans-serif";
|
||||
var L_LUCIDAHAND_TEXT = "Lucida Handwriting";
|
||||
var L_LUCIDAHANDDEF_TEXT = "Lucida Handwriting, Cursive";
|
||||
var L_GARAMOND_TEXT = "Garamond";
|
||||
var L_GARAMONDDEF_TEXT = "Garamond, Times, Serif";
|
||||
var L_WEBDINGS_TEXT = "Webdings";
|
||||
var L_WEBDINGSDEF_TEXT = "Webdings";
|
||||
var L_WINGDINGS_TEXT = "Wingdings";
|
||||
var L_WINGDINGSDEF_TEXT = "Wingdings";
|
||||
// Add/ Remove fonts by modifying array
|
||||
// _CFont(Definition, Display Text, Symbol)
|
||||
// Set Symbol=true for non-alphabetic fonts to append display text in default font to the sample string
|
||||
function _CFont(szDef,szText,bSymbol) {
|
||||
return new Array(szDef,szText,bSymbol);
|
||||
};
|
||||
defaultFonts = new Array();
|
||||
defaultFonts[0] = _CFont(L_FONTARIALDEF_TEXT, L_FONTARIAL_TEXT, true);
|
||||
defaultFonts[1] = _CFont(L_FONTARIALBLACKDEF_TEXT, L_FONTARIALBLACK_TEXT, true);
|
||||
defaultFonts[2] = _CFont(L_FONTVERDANADEF_TEXT, L_FONTVERDANA_TEXT, true);
|
||||
defaultFonts[3] = _CFont(L_FONTTIMESNEWROMANDEF_TEXT, L_FONTTIMESNEWROMAN_TEXT, true);
|
||||
defaultFonts[4] = _CFont(L_GARAMONDDEF_TEXT,L_GARAMOND_TEXT, true);
|
||||
defaultFonts[5] = _CFont(L_LUCIDAHANDDEF_TEXT,L_LUCIDAHAND_TEXT, true);
|
||||
defaultFonts[6] = _CFont(L_FONTCOURIERNEWDEF_TEXT, L_FONTCOURIERNEW_TEXT, true);
|
||||
defaultFonts[7] = _CFont(L_WEBDINGSDEF_TEXT, L_WEBDINGS_TEXT, true);
|
||||
defaultFonts[8] = _CFont(L_WINGDINGSDEF_TEXT, L_WINGDINGS_TEXT, true);
|
||||
// Width of each toolbar button
|
||||
// Entry 5-8 are specify "Paragraph","Font Style", and "Font Size" respectively
|
||||
// Update widths if localized
|
||||
var L_TOOLBARGIF_TEXT = "toolbar.gif";
|
||||
var aSizes = new Array(25,25,8,25,25,25,8,25,25,8,25,25,25,8,25,25,25,8,50);
|
||||
function setHTML(szHTML)
|
||||
{
|
||||
if (g_state.bMode)
|
||||
idEditbox.document.body.innerHTML = szHTML
|
||||
else
|
||||
idEditbox.document.body.innerText = szHTML
|
||||
_Editor_MoveSelection(true)
|
||||
}
|
||||
function getHTML()
|
||||
{
|
||||
var szRet = (g_state.bMode ? idEditbox.document.body.innerHTML : idEditbox.document.body.innerText)
|
||||
return szRet
|
||||
}
|
||||
function getText() {
|
||||
var szRet = ""
|
||||
if (g_state.bMode)
|
||||
szRet = idEditbox.document.body.innerText
|
||||
else {
|
||||
setMode(true)
|
||||
szRet = idEditbox.document.body.innerText
|
||||
setMode(false)
|
||||
}
|
||||
return szRet
|
||||
}
|
||||
function getBody()
|
||||
{
|
||||
var oRet = idEditbox.document.body
|
||||
return oRet
|
||||
}
|
||||
function getWidth()
|
||||
{
|
||||
var nRet = document.body.offsetWidth
|
||||
return nRet
|
||||
}
|
||||
function getHeight()
|
||||
{
|
||||
var nRet = document.body.offsetHeight
|
||||
return nRet
|
||||
}
|
||||
|
||||
function insertHTML(szHTML)
|
||||
{
|
||||
var sType
|
||||
var sel = g_state.GetSelection()
|
||||
sType = sel.type
|
||||
if (g_state.bMode) {
|
||||
if (sType=="Control")
|
||||
sel.item(0).outerHTML = szHTML
|
||||
else
|
||||
sel.pasteHTML(szHTML)
|
||||
}
|
||||
else
|
||||
sel.text = szHTML
|
||||
}
|
||||
function setFocus() {
|
||||
idEditbox.focus()
|
||||
}
|
||||
function appendHTML(szHTML) {
|
||||
if (g_state.bMode)
|
||||
idEditbox.document.body.insertAdjacentHTML("beforeEnd",szHTML)
|
||||
else
|
||||
idEditbox.document.body.insertAdjacentText("beforeEnd",szHTML)
|
||||
}
|
||||
function setBGColor(szValue)
|
||||
{
|
||||
g_state.bgColor = szValue
|
||||
if (g_state.bMode)
|
||||
idEditbox.document.body.bgColor = g_state.bgColor
|
||||
}
|
||||
function getBGColor()
|
||||
{
|
||||
var szRet = g_state.bgColor
|
||||
return szRet
|
||||
}
|
||||
function setDefaultStyle(szValue)
|
||||
{
|
||||
g_state.css = szValue
|
||||
if (g_state.bMode)
|
||||
idEditbox.document.body.style.cssText = g_state.css
|
||||
}
|
||||
function getDefaultStyle()
|
||||
{
|
||||
var oRet = g_state.css
|
||||
return oRet
|
||||
}
|
||||
function setSkin(szSkin)
|
||||
{
|
||||
if (szSkin == null)
|
||||
document.styleSheets.skin.cssText = g_state.defaultSkin
|
||||
else
|
||||
document.styleSheets.skin.cssText = szSkin
|
||||
document.styleSheets.skin.disabled = false
|
||||
}
|
||||
function setPopupSkin(szSkin)
|
||||
{
|
||||
if (szSkin == null)
|
||||
document.styleSheets.popupSkin.cssText = g_state.popupSkin
|
||||
else
|
||||
document.styleSheets.popupSkin.cssText = szSkin
|
||||
_CPopup_Init()
|
||||
}
|
||||
function setToolbar(id,g_state)
|
||||
{
|
||||
var el = document.all[id]
|
||||
if (el)
|
||||
el.style.display = (g_state) ? "" : "none"
|
||||
if (id=="tbmode")
|
||||
_setSize()
|
||||
}
|
||||
function setLinks(arLinks)
|
||||
{
|
||||
g_state.aLinks = arLinks
|
||||
}
|
||||
function setBindings(aBindings)
|
||||
{
|
||||
if ((aBindings) && (aBindings.length>0))
|
||||
{
|
||||
g_state.aBindings = aBindings
|
||||
for (var iField = DBSelect.length-1; iField > 0; iField--)
|
||||
DBSelect[iField] = null
|
||||
for (var iField = 0; iField < g_state.aBindings.length; iField++)
|
||||
DBSelect.add(new Option(g_state.aBindings[iField]))
|
||||
tbDBSelect.style.display = "inline"
|
||||
}
|
||||
else
|
||||
tbDBSelect.style.display = ""
|
||||
}
|
||||
function setMode(bMode)
|
||||
{
|
||||
if (bMode!=g_state.bMode) {
|
||||
g_state.bMode = bMode
|
||||
var objBody = idEditbox.document.body
|
||||
if (!bMode&& !g_state.bMode)
|
||||
{
|
||||
_CPopup_Hide()
|
||||
objBody.bgColor = objBody.style.cssText = ""
|
||||
if (g_state.customButtons)
|
||||
idStandardBar.style.display = "none"
|
||||
else
|
||||
idToolbar.style.display = "none"
|
||||
objBody.innerText = idEditbox.document.body.innerHTML
|
||||
objBody.className = "textMode"
|
||||
}
|
||||
if ((bMode) && (g_state.bMode))
|
||||
{
|
||||
setDefaultStyle(g_state.css)
|
||||
setBGColor(g_state.bgColor)
|
||||
objBody.className = idStandardBar.style.display = idToolbar.style.display = ""
|
||||
objBody.innerHTML = idEditbox.document.body.innerText
|
||||
}
|
||||
_setSize()
|
||||
cbMode.checked = !bMode
|
||||
_Editor_MoveSelection(true)
|
||||
setFocus()
|
||||
}
|
||||
return bMode
|
||||
}
|
||||
function addButton(sID,sButton)
|
||||
{
|
||||
if (!sID)
|
||||
tbButtons.insertAdjacentHTML("beforeEnd","<BR>")
|
||||
else
|
||||
tbButtons.insertAdjacentHTML("beforeEnd","<INPUT TYPE=\"button\" ONCLICK=\"_userButtonClick(this)\" CLASS=\"userButton\" ID=\"" + sID + "\" VALUE=\"" + sButton + "\"> ")
|
||||
g_state.customButtons = true
|
||||
}
|
||||
// EDITOR PRIVATE
|
||||
function _Format(szHow, szValue) {
|
||||
var oSel = g_state.GetSelection()
|
||||
var sType = oSel.type
|
||||
var oTarget = (sType == "None" ? idEditbox.document : oSel)
|
||||
var oBlock = (oSel.parentElement != null ? _CUtil_GetBlock(oSel.parentElement()) : oSel.item(0))
|
||||
setFocus()
|
||||
switch(szHow)
|
||||
{
|
||||
case "BackColor":
|
||||
var el = null
|
||||
if (oSel.parentElement != null) {
|
||||
el = _CUtil_GetElement(oSel.parentElement(),"TD")
|
||||
if (!el) el = _CUtil_GetElement(oSel.parentElement(),"TH")
|
||||
if (!el) el = _CUtil_GetElement(oSel.parentElement(),"TR")
|
||||
if (!el) el = _CUtil_GetElement(oSel.parentElement(),"TABLE")
|
||||
}
|
||||
else
|
||||
el = _CUtil_GetElement(oSel.item(0),"TABLE")
|
||||
if (el)
|
||||
el.bgColor = szValue
|
||||
else
|
||||
setBGColor(szValue)
|
||||
break;
|
||||
case "Justify":
|
||||
if (oBlock)
|
||||
{
|
||||
oBlock.style.textAlign = ""
|
||||
if (((oBlock.tagName=="TABLE") || (oBlock.tagName=="IMG")) && (("left"==oBlock.align) && ("Left"==szValue))) {
|
||||
oBlock.align = ""
|
||||
break;
|
||||
}
|
||||
oBlock.align = szValue
|
||||
if ((oBlock.tagName=="HR") || ((oBlock.tagName=="IMG") && szValue!="Center")) break;
|
||||
}
|
||||
szHow=szHow+szValue
|
||||
szValue=""
|
||||
// Fall through
|
||||
default:
|
||||
oTarget.execCommand(szHow, false, szValue)
|
||||
break
|
||||
}
|
||||
g_state.RestoreSelection()
|
||||
setFocus()
|
||||
return true
|
||||
}
|
||||
|
||||
|
||||
|
||||
function _initEditor() {
|
||||
g_state = new _CState()
|
||||
window.onresize = _setSize
|
||||
var sz = ""
|
||||
sz += ""+ "<STYLE>"+ ".DataBound{border:1 solid #999999;margin:1;font-family:Courier;background:#F1F1F1}\n"+ ".textMode {border-top: 1px black solid;font: 10pt courier}\n.NOBORDER TD {border:1px gray solid}"+ "BODY {border: 1px white solid;border-top: none;}"+ "</STYLE>"+ "<BODY ONCONTEXTMENU=\"return false\">";
|
||||
var txt = window.opener.formObj.value;
|
||||
if(txt.match(/^\s*<div/i) == null){
|
||||
sz +="<DIV>"+txt+"</DIV>";
|
||||
}else{
|
||||
sz += txt;
|
||||
}
|
||||
sz += "</BODY>"
|
||||
_CPopup_Init()
|
||||
idEditbox.document.designMode = "on"
|
||||
idEditbox.document.open("text/html","replace")
|
||||
idEditbox.document.write(sz)
|
||||
idEditbox.document.close()
|
||||
idEditbox.document.body.onblur = g_state.SaveSelection
|
||||
idEditbox.document.onkeydown = _Editor_KeyDownHandler
|
||||
idEditbox.document.onmousedown = _Editor_ClickHandler
|
||||
idEditbox.document.ondblclick = _Editor_DblClickHandler
|
||||
setTimeout("_pageReady()",0)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function _Editor_MoveSelection(bDir) {
|
||||
var tr = idEditbox.document.body.createTextRange()
|
||||
tr.collapse(bDir)
|
||||
tr.select()
|
||||
}
|
||||
function _Editor_ClickHandler() {
|
||||
g_state.selection = null
|
||||
}
|
||||
function _Editor_KeyDownHandler() {
|
||||
var ev = this.parentWindow.event
|
||||
if (ev.keyCode==9)
|
||||
g_state.SaveSelection()
|
||||
else
|
||||
g_state.selection=null
|
||||
}
|
||||
function _Editor_DblClickHandler() {
|
||||
// Shortcuts
|
||||
var el = this.parentWindow.event.srcElement
|
||||
if (el.tagName=="IMG") {
|
||||
el.removeAttribute("width")
|
||||
el.removeAttribute("height")
|
||||
el.style.removeAttribute("width")
|
||||
el.style.removeAttribute("height")
|
||||
el.width = el.width
|
||||
el.height = el.height
|
||||
}
|
||||
if (el.tagName=="TABLE")
|
||||
_CPopup_Show('Table')
|
||||
}
|
||||
function _setSize() {
|
||||
document.all.idEditbox.style.pixelHeight = document.body.clientHeight - idToolbar.offsetHeight - document.all.idMode.offsetHeight
|
||||
document.all.idPopup.style.pixelLeft = (document.body.clientWidth - idPopup.document.all.puRegion.offsetWidth) / 2
|
||||
}
|
||||
function _pageReady()
|
||||
{
|
||||
idEditbox.document.body.oncontextmenu = new Function("return false")
|
||||
if (g_state.szSearch!="")
|
||||
idPopup.document.domain = idEditbox.document.domain = document.domain = g_state.szSearch
|
||||
//_Editor_MoveSelection(false)
|
||||
if (self.parent.RTELoaded)
|
||||
self.parent.RTELoaded(self)
|
||||
if (document.styleSheets.skin.disabled)
|
||||
setSkin(null)
|
||||
_setSize()
|
||||
idEditor.style.visibility=""
|
||||
}
|
||||
function _userButtonClick(el)
|
||||
{
|
||||
if (parent.RTEButton) parent.RTEButton(self, el.id)
|
||||
}
|
||||
function _drawToolbar()
|
||||
{
|
||||
var aIds = new Array("bold","italic","bar3","left","center","right","bar4","orderedlist","unorderedlist","bar5","line","link","table","bar6","textcolor","fontstyle","fontsize","bar7","done")
|
||||
var aTips = new Array(L_TIPB_TEXT,L_TIPI_TEXT,"",L_TIPLJ_TEXT,L_TIPCJ_TEXT,L_TIPRJ_TEXT,"",L_TIPOL_TEXT,L_TIPUL_TEXT,"",L_TIPLINE_TEXT,L_TIPLINK_TEXT,L_TIPTABLE_TEXT,"",L_TIPFGCOLOR_TEXT,L_TIPFSTYLE_TEXT,L_TIPFSIZE_TEXT,"",L_TIPDONE_TEXT)
|
||||
var aCommand = new Array("_Format('bold')","_Format('italic')",null,"_Format('Justify','Left')","_Format('Justify','Center')","_Format('Justify','Right')",null,"_Format('insertorderedlist')","_Format('insertunorderedlist')",null,"_Format('InsertHorizontalRule')","_CPopup_Show('Link')","_CPopup_Show('Table')",null,"_CPopup_Show('ForeColor')","_CPopup_Show('font')","_CPopup_Show('fontsize')",null,"doneEditing()")
|
||||
var sz = "<DIV ID=idStandardBar><NOBR>", iLeft=0, iHeight=24
|
||||
for (var i = 0 ; i < aSizes.length; i++)
|
||||
{
|
||||
sz += ""+ "<SPAN CLASS=tbButton ONKEYPRESS=\"if (event.keyCode==13) {" + aCommand[i] + ";event.keyCode=0}\" " + (aTips[i]=="" ? "" : ("TABINDEX=" + (i+1))) + " "+ "ID=\"tb" + aIds[i] + "\" "+ "STYLE=\"width: " + aSizes[i] + ";height:" + iHeight+ "\""+ ">" + "<SPAN "+ "STYLE=\""+ "position:absolute;"+ "width:" + aSizes[i] + ";height:" + iHeight + ";"+ "clip: rect(0 " + aSizes[i] + " " + iHeight + " 0)"+ "\""+ ">"+ "<IMG "+ "TITLE=\"" + aTips[i] + "\" "+ "ONCLICK=\"" + aCommand[i] + "; event.cancelBubble=true\" "+ "ONMOUSEDOWN=\"if (event.button==1) this.style.pixelTop=-" + (iHeight*2) + "\" "+ "ONMOUSEOVER=\"this.style.pixelTop=-" + iHeight + "\" "+ "ONMOUSEOUT=\"this.style.pixelTop=0\" "+ "ONMOUSEUP=\"this.style.pixelTop=-" + iHeight + "\" "+ "SRC=\"" + L_TOOLBARGIF_TEXT + "\" "+ "STYLE=\"position:absolute;top:0;left:-" + iLeft + "\""+ ">"+ "</SPAN>"+ "</SPAN>" + (aTips[i]=="" ? "</NOBR><NOBR>" : "")
|
||||
iLeft += aSizes[i]
|
||||
}
|
||||
sz += ""+ "</NOBR>"+ "<SPAN CLASS=tbButton ID=\"tbDBSelect\">" + "<SPAN "+ "STYLE=\""+ "position:absolute;"+ "width: 100;"+ "clip: rect(0 100 " + iHeight + " 0)"+ "\""+ ">"+ "<SELECT "+ "ID=DBSelect "+ "ONCLICK='event.cancelBubble=true;' "+ "ONCHANGE='_CPopup_InsertDatabound(this)' "+ ">"+ "<OPTION>"+ "- " + L_TBDATABINDING_TEXT + " -"+ "</OPTION>"+ "</SELECT>"
|
||||
document.write(sz + "</DIV>")
|
||||
}
|
||||
function _drawModeSelect() {
|
||||
var sz = "<TABLE CELLSPACING=0 CELLPADDING=0 ID=idMode>"
|
||||
+ "<TR><TD><INPUT TYPE=checkbox ID=cbMode ONCLICK=\"setMode(!this.checked)\"></TD>"
|
||||
+ "<TD><LABEL FOR=cbMode>" + L_MODETITLE_TEXT + "</LABEL>" + L_MODEDESC_TEXT
|
||||
+ "</TD></TR></TABLE>";
|
||||
document.write(sz);
|
||||
cbMode.checked = false;
|
||||
}
|
||||
// _CState
|
||||
function _CState()
|
||||
{
|
||||
this.selection = null
|
||||
this.bMode = true
|
||||
this.customButtons = false
|
||||
this.css = this.bgColor = ""
|
||||
this.defaultSkin = document.styleSheets.skin.cssText
|
||||
this.popupSkin = document.styleSheets.popupSkin.cssText
|
||||
this.aLinks = new Array()
|
||||
this.szSearch = location.search.substring(1)
|
||||
this.aBindings = new Array()
|
||||
this.aListPopups = new Object()
|
||||
this.aCache = new Object()
|
||||
this.RestoreSelection = _CState_RestoreSelection
|
||||
this.GetSelection = _CState_GetSelection
|
||||
this.SaveSelection = _CState_SaveSelection
|
||||
}
|
||||
function _CState_RestoreSelection()
|
||||
{
|
||||
if (this.selection) this.selection.select()
|
||||
}
|
||||
function _CState_GetSelection()
|
||||
{
|
||||
var oSel = this.selection
|
||||
if (!oSel) {
|
||||
oSel = idEditbox.document.selection.createRange()
|
||||
oSel.type = idEditbox.document.selection.type
|
||||
}
|
||||
return oSel
|
||||
}
|
||||
function _CState_SaveSelection()
|
||||
{
|
||||
g_state.selection = idEditbox.document.selection.createRange()
|
||||
g_state.selection.type = idEditbox.document.selection.type
|
||||
}
|
||||
|
||||
</SCRIPT>
|
||||
<SCRIPT SRC="ieEdit.js"></SCRIPT>
|
||||
<STYLE>
|
||||
body {margin:0pt;border:none;padding:0pt}
|
||||
#tbDBSelect {display:none;text-align:left;width: 100;margin-right: 1pt;margin-bottom: 0pt;margin-top: 0pt;padding: 0pt}
|
||||
#DBSelect, #idMode, .userButton {font:8pt arial}
|
||||
#DBSelect {width:100}
|
||||
#idMode {margin-top:0pt}
|
||||
.tbButton {text-align:left;margin:0pt 1pt 0pt 0pt;padding:0pt}
|
||||
#EditBox {position: relative}
|
||||
</STYLE>
|
||||
<STYLE ID=skin DISABLED>
|
||||
#EditBox {margin: 0px 11px 0px 11px}
|
||||
#tbUpRight, #tbUpLeft {width:20px}
|
||||
#idMode {margin-left:11px;padding:0pt}
|
||||
#idMode LABEL {color: navy;text-decoration: underline}
|
||||
#tbTopBar {height:19px}
|
||||
#tbButtons, #tbContents {background: #cccccc;vertical-align: top}
|
||||
#tbContents {padding:0px 5px}
|
||||
#tbBottomBar {height:6px}
|
||||
</STYLE>
|
||||
<STYLE ID=defPopupSkin>
|
||||
#popup BODY {margin:0px;border-top:none}
|
||||
#popup .colorTable {height:91px}
|
||||
#popup #header {width:100%}
|
||||
#popup #close {cursor:default;font:bold 8pt system;width:16px;text-align: center}
|
||||
#popup #content {padding:10pt}
|
||||
#popup TABLE {vertical-align:top}
|
||||
#popup .tabBody {border:1px black solid;border-top: none}
|
||||
#popup .tabItem, #popup .tabSpace {border-bottom:1px black solid;border-left:1px black solid}
|
||||
#popup .tabItem {border-top:1px black solid;font:10pt arial,geneva,sans-serif;}
|
||||
#popup .currentColor {width:20px;height:20px; margin: 0pt;margin-right:15pt;border:1px black solid}
|
||||
#popup .tabItem DIV {margin:3px;padding:0px;cursor: hand}
|
||||
#popup .tabItem DIV.disabled {color: gray;cursor: default}
|
||||
#popup .selected {font-weight:bold}
|
||||
</STYLE>
|
||||
<STYLE ID=popupSkin>
|
||||
#popup BODY {border: 3px #000000 solid; background: #F1F1F1}
|
||||
#popup #header {background: #aaaaaa; color: white}
|
||||
#popup #caption {text-align: left;font: bold 12pt arial , geneva, sans-serif}
|
||||
#popup .ColorTable, #popup #idList TD#current {border: 1px black solid}
|
||||
#popup #idList TD{cursor: hand;border: 1px #F1F1F1 solid}
|
||||
#popup #close {border: 1px #ffffff solid;background: #000000;cursor:hand;color: #ffbd21;font-weight: bold;margin-right: 6px;padding:0px 4px 2px}
|
||||
#popup #tableProps .tablePropsTitle {color:#006699;text-align:left;margin:0pt;border-bottom: 1px black solid;margin-bottom:5pt}
|
||||
#tableButtons, #tableProps {padding:5px}
|
||||
#popup #tableContents {height:175px}
|
||||
#popup #tableProps .tablePropsTitle, #popup #tableProps, #popup #tableProps TABLE {font:bold 9pt Arial, Geneva, Sans-serif}
|
||||
#popup #tableOptions {font:9pt Arial, Geneva, Sans-serif;padding:15pt 5pt}
|
||||
#popup #puDivider {background:black;width:1px}
|
||||
#popup #content {margin: 0pt;padding:5pt 5pt 10pt 5pt}
|
||||
#popup #ColorPopup {width: 250px}
|
||||
#popup .ColorTable TR {height:6px}
|
||||
#popup .ColorTable TD {width:6px;cursor:hand}
|
||||
#popup .block P,#popup .block H1,#popup .block H2,#popup .block H3,
|
||||
#popup .block H4, #popup .block H5,#popup .block H6,#popup .block PRE {margin:0pt;padding:0pt}
|
||||
#popup #customFont {font:12pt Arial;text-decoration:italic}
|
||||
</STYLE>
|
||||
<SCRIPT>
|
||||
var g_state
|
||||
window.onload = _initEditor
|
||||
</SCRIPT>
|
||||
<title>Edit Window</title>
|
||||
</HEAD>
|
||||
<BODY ONCONTEXTMENU="return false" TABINDEX ="-1" SCROLL ="no" ONSELECTSTART ="return false" ONDRAGSTART="return false" ONSCROLL="return false">
|
||||
<DIV ID="idEditor" STYLE="VISIBILITY:hidden">
|
||||
<TABLE ID=idToolbar WIDTH="100%" CELLSPACING=0 CELLPADDING=0 ONCLICK="_CPopup_Hide()">
|
||||
<TR ID=tbTopBar><TD ID=tbUpLeft></TD><TD COLSPAN=2 ID=tbUpMiddle></TD><TD ID=tbUpRight></TD></TR>
|
||||
<TR><TD ID=tbMidLeft></TD>
|
||||
<TD ID=tbContents><SCRIPT>_drawToolbar()</SCRIPT></TD></form>
|
||||
<TD ID=tbButtons ALIGN=right></TD><TD ID=tbMidRight></TD>
|
||||
</TR>
|
||||
<TR ID=tbbottomBar><TD ID=tbLowLeft></TD><TD COLSPAN=2 ID=tbLowMiddle></TD><TD ID=tbLowRight></TD></TR>
|
||||
</TABLE>
|
||||
<IFRAME NAME="idPopup" STYLE="HEIGHT: 200px; LEFT: 25px; MARGIN-TOP: 8px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px; Z-INDEX: -1"></IFRAME>
|
||||
<IFRAME ID="EditBox" NAME="idEditbox" WIDTH="100%" HEIGHT="100%" ONFOCUS="_CPopup_Hide()"></IFRAME>
|
||||
<DIV ID="tbmode" style="visibility: hidden;"><SCRIPT>_drawModeSelect()</SCRIPT></DIV>
|
||||
</DIV>
|
||||
<script language="JavaScript">
|
||||
function doneEditing() {
|
||||
window.blur();
|
||||
window.opener.focus();
|
||||
window.opener.setContent(getHTML());
|
||||
window.close();
|
||||
}
|
||||
</script>
|
||||
</BODY>
|
||||
</HTML>
|
||||
|
|
@ -1,669 +0,0 @@
|
|||
// EDITOR PUBLIC (API)
|
||||
|
||||
// POPUP (Link, table and image popup need to be worked on)
|
||||
function _CPopup_Init()
|
||||
{
|
||||
var sz = "<HTML ID=popup><STYLE>"+document.styleSheets.defPopupSkin.cssText+"\n"+document.styleSheets.popupSkin.cssText+"</STYLE><SCRIPT>function IMAGELoaded(w) {parent._IMAGELoaded(w,self)}</SCRIPT>"+ "<BODY "+ "ONSCROLL=\"return false\" SCROLL=no TABINDEX=-1 "+ "ONSELECTSTART=\"return event.srcElement.tagName=='INPUT'\" "+ "><DIV ID=puRegion>"+ "<TABLE ID=header>"+ "<TR>"+ "<TH NOWRAP ID=caption></TH>"+ "<TH VALIGN=middle ALIGN=RIGHT><DIV ID=close ONCLICK=\"parent._CPopup_Hide()\">"+ L_CLOSEBUTTON_TEXT+ "</DIV></TH>"+ "</TR>"+ "</TABLE>"+ "<DIV ALIGN=CENTER ID=content></DIV>"+ "</DIV></BODY>"+ "</HTML>";
|
||||
idPopup.document.open("text/html","replace");
|
||||
idPopup.document.write(sz);
|
||||
idPopup.document.close();
|
||||
}
|
||||
|
||||
|
||||
function _CPopup_InsertDatabound(eSelect)
|
||||
{
|
||||
if (eSelect.selectedIndex != 0)
|
||||
{
|
||||
var sElemName = eSelect.options[eSelect.selectedIndex].text;
|
||||
var iLen = sElemName.length
|
||||
sElemName = sElemName.replace(/"/g, '"')
|
||||
insertHTML('<INPUT CLASS=DataBound SIZE=' + (iLen + 2) + ' NAME="' + sElemName +'" VALUE=" ' + sElemName + ' ">')
|
||||
eSelect.selectedIndex = 0;
|
||||
idEditbox.focus()
|
||||
}
|
||||
}
|
||||
function _CPopup_Hide()
|
||||
{
|
||||
document.all.idPopup.style.zIndex=-1
|
||||
document.all.idPopup.style.visibility = "hidden"
|
||||
idPopup.document._type = ""
|
||||
idPopup.document.onkeydown=idPopup.document.onmouseover=idPopup.document.onclick = null
|
||||
idEditbox.focus()
|
||||
}
|
||||
function _CPopup_Show(szType)
|
||||
{
|
||||
var oRenderer, szCacheKey = "PopupRenderer." + szType
|
||||
if (idPopup.document._type == szType)
|
||||
_CPopup_Hide()
|
||||
else
|
||||
{
|
||||
document.all.idPopup.style.zIndex = -1
|
||||
oRenderer = g_state.aCache[szCacheKey]
|
||||
if ((!oRenderer) || ("Link"==szType))
|
||||
g_state.aCache[szCacheKey] = oRenderer = new _CPopupRenderer(szType)
|
||||
// Force Sizing
|
||||
document.all.idPopup.style.visibility = ""
|
||||
idPopup.document.all.puRegion.style.pixelHeight = idPopup.document.all.puRegion.style.pixelWidth = 100
|
||||
idPopup.document._type = szType
|
||||
idPopup.document._renderer = oRenderer
|
||||
idPopup.document.all.caption.innerText = oRenderer.GetCaption()
|
||||
idPopup.document.all.content.innerHTML = oRenderer.GetHTML()
|
||||
idPopup.document.onkeydown = new Function("this._renderer.OnKeyDown()")
|
||||
idPopup.document.onmouseover = new Function("this._renderer.OnMouseOver()")
|
||||
idPopup.document.onclick = new Function("this._renderer.OnClick()")
|
||||
oRenderer.ResetContext(idPopup.document)
|
||||
setTimeout("_CPopupRenderer_Display('" + szType + "')",0)
|
||||
}
|
||||
}
|
||||
function _CPopupRenderer_Display(szType) {
|
||||
var oRenderer, szCacheKey = "PopupRenderer." + szType
|
||||
oRenderer = g_state.aCache[szCacheKey]
|
||||
if (oRenderer.autoSize) {
|
||||
idPopup.document.all.puRegion.style.pixelHeight = document.all.idPopup.style.pixelHeight = idPopup.document.all.puRegion.offsetHeight
|
||||
idPopup.document.all.puRegion.style.pixelWidth = document.all.idPopup.style.pixelWidth = idPopup.document.all.puRegion.offsetWidth + 50
|
||||
document.all.idPopup.style.pixelLeft = (document.body.clientWidth - idPopup.document.all.puRegion.offsetWidth) / 2
|
||||
}
|
||||
else {
|
||||
idPopup.document.all.puRegion.style.pixelHeight = document.all.idPopup.style.pixelHeight = document.body.clientHeight - idToolbar.offsetHeight- document.all.idMode.offsetHeight-20
|
||||
idPopup.document.all.puRegion.style.pixelWidth = document.all.idPopup.style.pixelWidth = document.body.clientWidth - 50
|
||||
document.all.idPopup.style.pixelLeft = 25
|
||||
}
|
||||
document.all.idPopup.style.zIndex=2
|
||||
idPopup.focus()
|
||||
}
|
||||
function _CPopupRenderer(szType)
|
||||
{
|
||||
this.szType = szType
|
||||
this.elCurrent = this.oDocument = null
|
||||
this.ResetContext = _CPopupRenderer_ResetContext
|
||||
this.GetCaption = _CPopupRenderer_GetCaption
|
||||
this.GetHTML = _CPopupRenderer_GetHTML
|
||||
this.autoSize = true
|
||||
this.OnMouseOver = new Function()
|
||||
this.OnKeyDown = _CListPopupRenderer_GenericOnKeyDown
|
||||
switch(szType)
|
||||
{
|
||||
case "formatblock":
|
||||
case "font":
|
||||
case "fontsize":
|
||||
this.OnMouseOver= _CListPopupRenderer_OnMouseOver
|
||||
this.OnKeyDown = _CListPopupRenderer_OnKeyDown
|
||||
case "BackColor":
|
||||
case "ForeColor":
|
||||
this.OnClick = _CListPopupRenderer_OnClick
|
||||
this.Highlight = _CListPopupRenderer_Highlight
|
||||
this.Select = _CListPopupRenderer_Select
|
||||
break
|
||||
default:
|
||||
this.OnClick = new Function()
|
||||
break
|
||||
}
|
||||
switch(szType)
|
||||
{
|
||||
case "formatblock":
|
||||
this.szCaption = L_PUTITLEPARAGRAPHSTYLE_TEXT
|
||||
this.PrepareHTML = _CFormatBlockPopupRenderer_PrepareHTML
|
||||
this.szHTML = this.PrepareHTML()
|
||||
break
|
||||
case "font":
|
||||
this.szCaption = L_PUTITLEFONTFACE_TEXT
|
||||
this.PrepareHTML = _CFontFacesPopupRenderer_PrepareHTML
|
||||
this.szHTML = this.PrepareHTML()
|
||||
break
|
||||
case "fontsize":
|
||||
this.szCaption = L_PUTITLEFONTSIZE_TEXT
|
||||
this.PrepareHTML =_CFontSizesPopupRenderer_PrepareHTML
|
||||
this.szHTML = this.PrepareHTML()
|
||||
break
|
||||
case "Link":
|
||||
this.szCaption = L_PUTITLELINK_TEXT
|
||||
this.PrepareHTML = _CLinkPopupRenderer_PrepareHTML
|
||||
this.szHTML = this.PrepareHTML()
|
||||
break
|
||||
case "Table":
|
||||
this.szCaption = L_PUTITLENEWTABLE_TEXT
|
||||
this.PrepareHTML = _CTablePopupRenderer_PrepareHTML
|
||||
this.szHTML = this.PrepareHTML()
|
||||
break
|
||||
case "Image":
|
||||
this.szCaption = L_PUTITLEIMAGE_TEXT
|
||||
this.PrepareHTML = _CImagePopupRenderer_PrepareHTML
|
||||
this.szHTML = this.PrepareHTML()
|
||||
this.autoSize = false
|
||||
break
|
||||
case "BackColor":
|
||||
this.szCaption = L_PUTITLEBGCOLOR_TEXT
|
||||
this.szHTML = "<DIV ID=ColorPopup ALIGN=CENTER>" + _CUtil_BuildColorTable("") + "</DIV>"
|
||||
break
|
||||
case "ForeColor":
|
||||
this.szCaption = L_PUTITLETEXTCOLOR_TEXT
|
||||
this.szHTML = "<DIV ID=ColorPopup ALIGN=CENTER>" + _CUtil_BuildColorTable("") + "</DIV>"
|
||||
break
|
||||
default:
|
||||
this.szCaption = ""
|
||||
break
|
||||
}
|
||||
}
|
||||
function _CPopupRenderer_ResetContext(oDoc)
|
||||
{
|
||||
this.oDocument = oDoc
|
||||
this.elCurrent = null
|
||||
if (this.szType=="Table") {
|
||||
var oSel = idEditbox.document.selection.createRange()
|
||||
var oBlock = (oSel.parentElement != null ? _CUtil_GetElement(oSel.parentElement(),"TABLE") : _CUtil_GetElement(oSel.item(0),"TABLE"))
|
||||
if (oBlock!=null) {
|
||||
oDoc.all.tabEdit.className=""
|
||||
oDoc.all.tabEditBodytxtPadding.value = oBlock.cellPadding
|
||||
oDoc.all.tabEditBodytxtSpacing.value = oBlock.cellSpacing
|
||||
oDoc.all.tabEditBodytxtBorder.value = oBlock.border
|
||||
oDoc.all.tabEditBodytxtBorderColor.value = oBlock.borderColor
|
||||
oDoc.all.tabEditBodytxtBackgroundImage.value = oBlock.background
|
||||
oDoc.all.tabEditBodytxtBackgroundColor.value = oBlock.bgColor
|
||||
}
|
||||
oDoc.elCurrent = oBlock
|
||||
}
|
||||
}
|
||||
function _CPopupRenderer_GetCaption()
|
||||
{
|
||||
return this.szCaption
|
||||
}
|
||||
function _CPopupRenderer_GetHTML()
|
||||
{
|
||||
return this.szHTML
|
||||
}
|
||||
function _CFontSizesPopupRenderer_PrepareHTML()
|
||||
{
|
||||
var sz = "<TABLE ALIGN=center ID=idList CELLSPACING=0 CELLPADDING=0>"
|
||||
for (var i=1; i <= 7; i++)
|
||||
{
|
||||
sz += ""
|
||||
+ "<TR>"
|
||||
+ "<TD NOWRAP "
|
||||
+ "_item=" + i + " "
|
||||
+ "ALIGN=center "
|
||||
+ "STYLE=\"margin:0pt;padding:0pt\""
|
||||
+ ">"
|
||||
+ "<FONT SIZE=" + i + ">"
|
||||
+ L_STYLESAMPLE_TEXT
|
||||
+ "</FONT>"
|
||||
+ "</TD>"
|
||||
+ "</TR>"
|
||||
}
|
||||
sz += "</TABLE>"
|
||||
return sz
|
||||
}
|
||||
function _CFontFacesPopupRenderer_PrepareHTML()
|
||||
{
|
||||
var sz = "<TABLE ALIGN=center ID=idList CELLSPACING=0 CELLPADDING=0>"
|
||||
for (var i=0; i < defaultFonts.length; i++)
|
||||
{
|
||||
sz += ""
|
||||
+ "<TR>"
|
||||
+ "<TD NOWRAP "
|
||||
+ "_item=" + i + " "
|
||||
+ "ALIGN=center "
|
||||
+ "STYLE=\"margin:0pt;padding:0pt\""
|
||||
+ ">"
|
||||
+ "<FONT FACE=\"" + defaultFonts[i][0] + "\">"
|
||||
+ "ABC abc 123"
|
||||
// + defaultFonts[i][1]
|
||||
+ "</FONT> "
|
||||
+ (defaultFonts[i][2] ? ("(" + defaultFonts[i][1] + ")") : "")
|
||||
+ "</TD>"
|
||||
+ "</TR>"
|
||||
}
|
||||
// sz += "<TR><TD ONCLICK=\"parent._CFontFacesPopupRenderer_InsertOther(this)\" ALIGN=center _item=\"custom\" STYLE=\"margin:0pt;padding:0pt\" NOWRAP><FONT ID=customFont>" + L_CUSTOMFONT_TEXT + "</FONT></TR>"
|
||||
sz += "</TABLE>"
|
||||
return sz
|
||||
}
|
||||
function _CFontFacesPopupRenderer_InsertOther(el) {
|
||||
if (el._item=="custom") {
|
||||
el._item = "input"
|
||||
var sz = "<INPUT ONSELECTSTART=\"event.cancelBubble=true\" ONKEYDOWN=\"event.cancelBubble=true\" ONKEYPRESS=\"if (event.keyCode==13) {this.face=this.value;document._renderer.Select(this.parentElement)};event.cancelBubble=true\" VALUE=\"" + L_CUSTOMFONTENTRY_TEXT + "\" ONFOCUS=\"if (this.value==this.defaultValue) this.select()\" TYPE=text>"
|
||||
el.innerHTML = sz
|
||||
el.children[0].focus()
|
||||
}
|
||||
el.document.parentWindow.event.cancelBubble = true
|
||||
}
|
||||
function _CFormatBlockPopupRenderer_PrepareHTML()
|
||||
{
|
||||
var sz, defaultParagraphs = new Array()
|
||||
defaultParagraphs[0] = new Array("<P>", L_STYLENORMAL_TEXT)
|
||||
defaultParagraphs[1] = new Array("<PRE>", L_STYLEFORMATTED_TEXT)
|
||||
for (var i=2; i <= 7; i++)
|
||||
defaultParagraphs[i] = new Array("<H"+(i-1)+">", L_STYLEHEADING_TEXT + (i-1))
|
||||
sz = "<TABLE CLASS=block ALIGN=center ID=idList CELLSPACING=0 CELLPADDING=0>"
|
||||
for (var i=0; i < defaultParagraphs.length; i++)
|
||||
{
|
||||
sz += ""
|
||||
+ "<TR>"
|
||||
+ "<TD NOWRAP "
|
||||
+ "_item=" + i + " "
|
||||
+ "ALIGN=center "
|
||||
+ "STYLE=\"margin:0pt;padding:0pt\""
|
||||
+ ">"
|
||||
+ defaultParagraphs[i][0]
|
||||
+ defaultParagraphs[i][1]
|
||||
+ "</" + defaultParagraphs[i][0].substring(1)
|
||||
+ "</TD>"
|
||||
+ "</TR>"
|
||||
}
|
||||
sz += "</TABLE>"
|
||||
return sz
|
||||
}
|
||||
function _CTablePopupRenderer_PrepareHTMLPage(szID,bDisplay) {
|
||||
var sz=""
|
||||
+ "<TABLE height=100% " + ((!bDisplay) ? " style=\"display: none\"" : "") + " width=100% CELLSPACING=0 CELLPADDING=0 ID=" + szID + ">"
|
||||
+ "<TR ID=tableContents>"
|
||||
+ "<TD ID=tableOptions VALIGN=TOP NOWRAP WIDTH=150 ROWSPAN=2>"
|
||||
+ "<A HREF=\"javascript:parent._CTablePopupRenderer_Select(this,'" + szID + "','prop1')\">"
|
||||
+ L_TABLEROWSANDCOLS_TEXT
|
||||
+ "</A>"
|
||||
+ "<BR>"
|
||||
+ "<A HREF=\"javascript:parent._CTablePopupRenderer_Select(this,'" + szID + "','prop2')\">"
|
||||
+ L_TABLEPADDINGANDSPACING_TEXT
|
||||
+ "</A>"
|
||||
+ "<BR>"
|
||||
+ "<A HREF=\"javascript:parent._CTablePopupRenderer_Select(this,'" + szID + "','prop3')\">"
|
||||
+ L_TABLEBORDERS_TEXT
|
||||
+ "</A>"
|
||||
+ "<BR>"
|
||||
+ "<A HREF=\"javascript:parent._CTablePopupRenderer_Select(this,'" + szID + "','prop4')\">"
|
||||
+ L_TABLEBG_TEXT
|
||||
+ "</A>"
|
||||
+ "<BR>"
|
||||
+ "</TD>"
|
||||
+ "<TD BGCOLOR=black ID=puDivider ROWSPAN=2>"
|
||||
+ "</TD>"
|
||||
+ "<TD ID=tableProps VALIGN=TOP>"
|
||||
if (szID=="tabNewBody") {
|
||||
sz+= "<DIV ID='" + szID + "prop1'>"
|
||||
+ "<P CLASS=tablePropsTitle>" + L_TABLEROWSANDCOLS_TEXT + "</P>"
|
||||
+ "<TABLE><TR><TD>"
|
||||
+ L_TABLEINPUTROWS_TEXT
|
||||
+ "</TD><TD><INPUT SIZE=2 TYPE=text ID=" + szID + "txtRows VALUE=2 >"
|
||||
+ "</TD></TR><TR><TD>"
|
||||
+ L_TABLEINPUTCOLUMNS_TEXT
|
||||
+ "</TD><TD><INPUT SIZE=2 TYPE=text ID=" + szID + "txtColumns VALUE=2 >"
|
||||
+ "</TD></TR></TABLE></DIV>"
|
||||
}
|
||||
else {
|
||||
sz+= "<DIV ID='" + szID + "prop1'>"
|
||||
+ "<P CLASS=tablePropsTitle>" + L_TABLEROWSANDCOLS_TEXT + "</P>"
|
||||
+ "<INPUT type=button ID=" + szID + "txtRows VALUE=\"" + L_TABLEINSERTROW_TEXT + "\" ONCLICK=\"parent._CTablePopupRenderer_AddRow(this)\"><P>"
|
||||
+ "<INPUT type=button ID=" + szID + "txtCells VALUE=\"" + L_TABLEINSERTCELL_TEXT + "\" ONCLICK=\"parent._CTablePopupRenderer_AddCell(this)\"><BR>"
|
||||
+ "</DIV>"
|
||||
}
|
||||
sz += "<DIV ID='" + szID + "prop2' STYLE=\"display: none\">"
|
||||
+ "<P CLASS=tablePropsTitle>" + L_TABLEPADDINGANDSPACING_TEXT + "</P>"
|
||||
+ L_TABLEINPUTCELLPADDING_TEXT
|
||||
+ "<INPUT SIZE=2 TYPE=text ID=" + szID + "txtPadding VALUE=0>"
|
||||
+ "<BR>"
|
||||
+ L_TABLEINPUTCELLSPACING_TEXT
|
||||
+ "<INPUT SIZE=2 TYPE=text ID=" + szID + "txtSpacing VALUE=0>"
|
||||
+ "</DIV>"
|
||||
+ "<DIV ID=" + szID + "prop3 STYLE=\"display: none\">"
|
||||
+ "<P CLASS=tablePropsTitle>" + L_TABLEBORDERS_TEXT + "</P>"
|
||||
+ L_TABLEINPUTBORDER_TEXT
|
||||
+ "<INPUT SIZE=2 TYPE=text ID=" + szID + "txtBorder VALUE=1>"
|
||||
+ "<BR>"
|
||||
+ L_TABLEINPUTBORDERCOLOR_TEXT
|
||||
+ "<INPUT SIZE=4 TYPE=text ID=" + szID + "txtBorderColor value=#000000><BR>"
|
||||
+ _CUtil_BuildColorTable("idBorder"+szID, "", "parent._CTablePopupRenderer_ColorSelect(this,'" + szID + "txtBorderColor')")
|
||||
+ "</DIV>"
|
||||
+ "<DIV ID=" + szID + "prop4 SIZE=12 STYLE=\"display: none\">"
|
||||
+ "<P CLASS=tablePropsTitle>" + L_TABLEBG_TEXT + "</P>"
|
||||
+ L_TABLEINPUTBGIMGURL_TEXT
|
||||
+ "<INPUT TYPE=text ID=" + szID + "txtBackgroundImage SIZE=15>"
|
||||
+ "<BR>"
|
||||
+ L_TABLEINPUTBGCOLOR_TEXT
|
||||
+ "<INPUT TYPE=text SIZE=4 ID=" + szID + "txtBackgroundColor><BR>"
|
||||
+ _CUtil_BuildColorTable("idBackground"+szID, "", "parent._CTablePopupRenderer_ColorSelect(this,'" + szID + "txtBackgroundColor')")
|
||||
+ "</DIV>"
|
||||
+ "</TD>"
|
||||
+ "</TR><TR><TD align=center ID=tableButtons valign=bottom>"
|
||||
if (szID=="tabNewBody") {
|
||||
sz += "<INPUT TYPE=submit ONCLICK=\"parent._CTablePopupRenderer_BuildTable('" + szID + "',this.document)\" VALUE=\"" + L_TABLEINSERT_TEXT + "\">"
|
||||
+ " <INPUT TYPE=reset VALUE=\"" + L_CANCEL_TEXT + "\" ONCLICK=\"parent._CPopup_Hide()\">"
|
||||
} else {
|
||||
sz += "<INPUT TYPE=submit ONCLICK=\"parent._CTablePopupRenderer_BuildTable('" + szID + "',this.document)\" VALUE=\"" + L_TABLEUPDATE_TEXT + "\">"
|
||||
+ " <INPUT TYPE=reset VALUE=\"" + L_CANCEL_TEXT + "\" ONCLICK=\"parent._CPopup_Hide()\">"
|
||||
}
|
||||
sz+= "</TD></TR></TABLE>"
|
||||
return sz
|
||||
}
|
||||
function _CTablePopupRenderer_PrepareHTML()
|
||||
{
|
||||
var sz = "<TABLE CLASS=tabBox ID=\"tabSelect\" CELLSPACING=0 CELLPADDING=0 WIDTH=95%><TR HEIGHT=15><TD CLASS=tabItem STYLE=\"border-bottom: none\" NOWRAP><DIV ONCLICK=\"if (tabEdit.className!='disabled') {this.className='selected';this.parentElement.style.borderBottom = tabEdit.className=tabNewBody.style.display='';tabEditBody.style.display='none';tabEdit.parentElement.style.borderBottom='1px black solid'}\" CLASS=selected ID=tabNew>New Table</DIV></TD>"
|
||||
+ "<TD CLASS=tabItem NOWRAP><DIV ONCLICK=\"if (this.className!='disabled') {this.className='selected';this.parentElement.style.borderBottom = tabNew.className=tabEditBody.style.display='';tabNew.parentElement.style.borderBottom='1px black solid';tabNewBody.style.display='none'}\" CLASS=disabled ID=tabEdit>Edit Table</DIV></TD><TD CLASS=tabSpace WIDTH=100%> </TD></TR><TR><TD VALIGN=TOP CLASS=tabBody COLSPAN=3>"
|
||||
+ _CTablePopupRenderer_PrepareHTMLPage("tabNewBody",true)
|
||||
+ _CTablePopupRenderer_PrepareHTMLPage("tabEditBody",false)
|
||||
+ "</TD></TR></TABLE>"
|
||||
return sz
|
||||
}
|
||||
function _CTablePopupRenderer_Select(el,szID, id)
|
||||
{
|
||||
var d = el.document
|
||||
for (var i = 1; i < 5; i++)
|
||||
d.all[szID + "prop" + i].style.display = "none"
|
||||
d.all[szID + id].style.display = ""
|
||||
}
|
||||
function _CTablePopupRenderer_ColorSelect(el,id)
|
||||
{
|
||||
el.document.all[id].value = el.bgColor
|
||||
}
|
||||
function _CTablePopupRenderer_AddRow(el) {
|
||||
var elRow = el.document.elCurrent.insertRow()
|
||||
for (var i=0;i<el.document.elCurrent.rows[0].cells.length;i++) {
|
||||
var elCell = elRow.insertCell()
|
||||
elCell.innerHTML = " "
|
||||
}
|
||||
}
|
||||
function _CTablePopupRenderer_AddCell(el) {
|
||||
for (var i=0;i<el.document.elCurrent.rows.length;i++) {
|
||||
var elCell = el.document.elCurrent.rows[i].insertCell()
|
||||
elCell.innerHTML = " "
|
||||
}
|
||||
}
|
||||
function _CTablePopupRenderer_BuildTable(szID, d)
|
||||
{
|
||||
if (szID=="tabNewBody") {
|
||||
var sz = ""
|
||||
+ "<TABLE "
|
||||
+ (((d.all[szID + "txtBorder"].value=="") || (d.all[szID + "txtBorder"].value=="0")) ? "class=\"NOBORDER\"" : "")
|
||||
+ (d.all[szID + "txtPadding"].value != "" ? "cellPadding=\"" + d.all[szID + "txtPadding"].value + "\" " : "")
|
||||
+ (d.all[szID + "txtSpacing"].value != "" ? "cellSpacing=\"" + d.all[szID + "txtSpacing"].value + "\" " : "")
|
||||
+ (d.all[szID + "txtBorder"].value != "" ? "border=\"" + d.all[szID + "txtBorder"].value + "\" " : "")
|
||||
+ (d.all[szID + "txtBorderColor"].value != "" ? "bordercolor=\"" + d.all[szID + "txtBorderColor"].value + "\" " : "")
|
||||
+ (d.all[szID + "txtBackgroundImage"].value != "" ? "background=\"" + d.all[szID + "txtBackgroundImage"].value + "\" " : "")
|
||||
+ (d.all[szID + "txtBackgroundColor"].value != "" ? "bgColor=\"" + d.all[szID + "txtBackgroundColor"].value + "\" " : "")
|
||||
+ ">"
|
||||
for (var r=0; r < d.all[szID + "txtRows"].value; r++)
|
||||
{
|
||||
sz += "<TR>"
|
||||
for (var c=0; c < d.all[szID + "txtColumns"].value; c++)
|
||||
sz += "<TD> </TD>"
|
||||
sz += "</TR>"
|
||||
}
|
||||
sz += "</TABLE>"
|
||||
insertHTML(sz)
|
||||
} else
|
||||
if (d.elCurrent) {
|
||||
d.elCurrent.cellPadding = d.all.tabEditBodytxtPadding.value
|
||||
d.elCurrent.cellSpacing = d.all.tabEditBodytxtSpacing.value
|
||||
d.elCurrent.border = d.all.tabEditBodytxtBorder.value
|
||||
d.elCurrent.className = (d.elCurrent.border=="" || d.elCurrent.border==0) ? "NOBORDER" : ""
|
||||
d.elCurrent.borderColor = d.all.tabEditBodytxtBorderColor.value
|
||||
d.elCurrent.bgColor = d.all.tabEditBodytxtBackgroundColor.value
|
||||
d.elCurrent.background = d.all.tabEditBodytxtBackgroundImage.value
|
||||
}
|
||||
_CPopup_Hide()
|
||||
}
|
||||
function _CListPopupRenderer_OnClick()
|
||||
{
|
||||
var elTD = _CUtil_GetElement(this.oDocument.parentWindow.event.srcElement, "TD")
|
||||
if (elTD && elTD._item) this.Select(elTD)
|
||||
}
|
||||
function _CListPopupRenderer_GenericOnKeyDown() {
|
||||
var ev = this.oDocument.parentWindow.event
|
||||
if (ev.keyCode==27) _CPopup_Hide()
|
||||
}
|
||||
function _CListPopupRenderer_OnKeyDown()
|
||||
{
|
||||
var el
|
||||
var iRow = iCell = 0
|
||||
var ev = this.oDocument.parentWindow.event
|
||||
var idList = this.oDocument.all.idList
|
||||
var elTR = _CUtil_GetElement(this.elCurrent,"TR")
|
||||
var elTD = _CUtil_GetElement(this.elCurrent,"TD")
|
||||
if (elTR != null)
|
||||
{
|
||||
iRow = elTR.rowIndex
|
||||
iCell = elTD.cellIndex
|
||||
}
|
||||
switch (ev.keyCode)
|
||||
{
|
||||
case 37:
|
||||
iCell--
|
||||
if (iCell < 0)
|
||||
iCell = idList.rows[iRow].cells.length-1
|
||||
break
|
||||
case 38:
|
||||
iRow--
|
||||
if (iRow < 0)
|
||||
iRow = idList.rows.length-1
|
||||
break
|
||||
case 39:
|
||||
iCell++
|
||||
if (iCell > idList.rows[iRow].cells.length-1)
|
||||
iCell = 0
|
||||
break
|
||||
case 40:
|
||||
iRow++
|
||||
if (iRow > idList.rows.length-1)
|
||||
iRow = 0
|
||||
break
|
||||
case 13:
|
||||
break;
|
||||
case 27:
|
||||
_CPopup_Hide()
|
||||
break;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
el = idList.rows[iRow].cells[iCell]
|
||||
if (el && el._item)
|
||||
if (13 == ev.keyCode) {
|
||||
ev.keyCode=0
|
||||
this.Select(el)
|
||||
}
|
||||
else
|
||||
this.Highlight(el)
|
||||
}
|
||||
function _CListPopupRenderer_OnMouseOver()
|
||||
{
|
||||
var el = _CUtil_GetElement(this.oDocument.parentWindow.event.srcElement, "TD")
|
||||
if (el && el._item && el != this.elCurrent)
|
||||
this.Highlight(el)
|
||||
}
|
||||
function _CListPopupRenderer_Highlight(el)
|
||||
{
|
||||
var elC = this.elCurrent
|
||||
if (elC) elC.style.borderWidth = elC.style.borderColor = elC.style.borderStyle = ""
|
||||
el.style.borderWidth = "1px"
|
||||
el.style.borderColor = "green"
|
||||
el.style.borderStyle = "solid"
|
||||
this.elCurrent = el
|
||||
}
|
||||
function _CListPopupRenderer_Select(elTD)
|
||||
{
|
||||
g_state.RestoreSelection()
|
||||
var el = elTD.children[0]
|
||||
switch (this.szType)
|
||||
{
|
||||
case "font":
|
||||
_Format("FontName",el.face)
|
||||
break
|
||||
case "fontsize":
|
||||
_Format("FontSize",el.size)
|
||||
break
|
||||
case "formatblock":
|
||||
_Format("FormatBlock","<" + el.tagName + ">")
|
||||
break
|
||||
case "ForeColor":
|
||||
_Format("ForeColor", elTD.bgColor)
|
||||
break
|
||||
case "BackColor":
|
||||
_Format("BackColor",elTD.bgColor)
|
||||
break
|
||||
}
|
||||
_CPopup_Hide()
|
||||
}
|
||||
function _CLinkPopupRenderer_AddLink(d)
|
||||
{
|
||||
var szURL = d.all.urlValue.value
|
||||
var szType = d.all.urlType[d.all.urlType.selectedIndex].text
|
||||
var oSel = g_state.GetSelection()
|
||||
var sType = oSel.type
|
||||
szURL = ((0 == szURL.indexOf("mailto:") || 0 == szURL.indexOf("http://") || 0 == szURL.indexOf("ftp://")) ? "" : szType) + szURL
|
||||
if (szURL!="")
|
||||
{
|
||||
if ((oSel.parentElement) && (oSel.text==""))
|
||||
{
|
||||
oSel.expand("word")
|
||||
if (oSel.text=="")
|
||||
{
|
||||
var oStore = oSel.duplicate()
|
||||
if (d.all.pageList) {
|
||||
var idx = d.all.pageList.selectedIndex
|
||||
if (d.all.pageList[idx].value==szURL)
|
||||
oSel.text = d.all.pageList[idx].text
|
||||
else
|
||||
oSel.text = szURL
|
||||
}
|
||||
else
|
||||
oSel.text = szURL
|
||||
oSel.setEndPoint("StartToStart",oStore)
|
||||
}
|
||||
oSel.select()
|
||||
sType="Text"
|
||||
}
|
||||
if ((oSel.item) && (oSel.item(0).tagName=="IMG"))
|
||||
{
|
||||
oSel.item(0).width = oSel.item(0).offsetWidth
|
||||
oSel.item(0).height = oSel.item(0).offsetHeight
|
||||
oSel.item(0).border = (d.all.displayBorder.checked) ? 1 : ""
|
||||
}
|
||||
if (d.all.urlValue.value!="")
|
||||
oSel.execCommand("CreateLink",false,szURL)
|
||||
else
|
||||
oSel.execCommand("UnLink",false,szURL)
|
||||
}
|
||||
idEditbox.focus()
|
||||
}
|
||||
function _CLinkPopupRenderer__UpdateURL(oDoc,szURL) {
|
||||
var szType = szURL.substring(0,szURL.indexOf(":"))
|
||||
for (var i=0;i<oDoc.all.urlType.length;i++)
|
||||
if (oDoc.all.urlType[i].value==szType)
|
||||
oDoc.all.urlType.selectedIndex = i
|
||||
if (("http"==szType) || ("ftp"==szType))
|
||||
szURL = szURL.substring(szURL.indexOf("//")+2)
|
||||
else
|
||||
szURL = szURL.substring(szURL.indexOf(":")+1)
|
||||
oDoc.all.urlValue.value = szURL
|
||||
}
|
||||
function _CLinkPopupRenderer_PrepareHTML()
|
||||
{
|
||||
var d = this.oDocument
|
||||
var oSel = g_state.GetSelection()
|
||||
var oEl, sType = oSel.type, bImg = false, szURL = sz = ""
|
||||
if (oSel.parentElement)
|
||||
{
|
||||
oEl = _CUtil_GetElement(oSel.parentElement(),"A")
|
||||
}
|
||||
else
|
||||
{
|
||||
oEl = _CUtil_GetElement(oSel.item(0),"A")
|
||||
bImg = oSel.item(0).tagName=="IMG"
|
||||
}
|
||||
if (oEl)
|
||||
szURL = oEl.href
|
||||
sz ="<TABLE ALIGN=center>"
|
||||
if (g_state.aLinks.length>0)
|
||||
{
|
||||
sz += ""
|
||||
+ "<TR>"
|
||||
+ "<TD>"
|
||||
/*
|
||||
+ L_LINKSELECT_TEXT
|
||||
+ "<SELECT ID=pageList ONCHANGE=\"parent._CLinkPopupRenderer__UpdateURL(this.document,this[this.selectedIndex].value)\">"
|
||||
|
||||
+ "<OPTION VALUE=''>"
|
||||
+ "=="
|
||||
+ L_LINKSELECTPAGE_TEXT
|
||||
+ "=="
|
||||
+ "</OPTION>"
|
||||
for (var i = 0; i < g_state.aLinks.length; i++)
|
||||
{
|
||||
sz += ""
|
||||
+ "<OPTION VALUE=\"" + g_state.aLinks[i][0] + "\" "
|
||||
+ (oEl && (g_state.aLinks[i][0]==oEl.href) ? "SELECTED" : "")
|
||||
+ ">"
|
||||
+ g_state.aLinks[i][1]
|
||||
+ "</OPTION>"
|
||||
}
|
||||
sz += "</SELECT>"
|
||||
*/
|
||||
}
|
||||
var arTypes = new Array("","http","ftp","mailto")
|
||||
var arText = new Array("","http://","ftp://","mailto:")
|
||||
var szType = szURL.substring(0,szURL.indexOf(":"))
|
||||
if (("http"==szType) || ("ftp"==szType))
|
||||
szURL = szURL.substring(szURL.indexOf("//")+2)
|
||||
else
|
||||
szURL = szURL.substring(szURL.indexOf(":")+1)
|
||||
sz += ""
|
||||
+ "<BR>"
|
||||
+ L_LINKWEB_TEXT
|
||||
+ "<NOBR><SELECT ID=urlType>"
|
||||
for (var i=0;i<arTypes.length;i++) {
|
||||
sz+= "<OPTION VALUE='" + arTypes[i] + "' "
|
||||
+ (arTypes[i]==szType ? " SELECTED " : "")
|
||||
+ ">" + arText[i]
|
||||
}
|
||||
sz += "</SELECT><INPUT ID=urlValue SIZE=45 VALUE=\"" + szURL + "\" TYPE=text></NOBR>"
|
||||
if (bImg)
|
||||
{
|
||||
sz += ""
|
||||
+ "<BR>"
|
||||
+ "<INPUT TYPE=checkbox ID=displayBorder " + ((oSel.item(0).border!=0) ? " checked " : "") + ">"
|
||||
+ L_LINKIMGBORDER_TEXT
|
||||
}
|
||||
sz += ""
|
||||
+ "</TD>"
|
||||
+ "</TR>"
|
||||
+ "<TR>"
|
||||
+ "<TD ALIGN=center>"
|
||||
+ "<INPUT ONCLICK=\"parent._CLinkPopupRenderer_AddLink(this.document)\" TYPE=submit ID=idSave VALUE=\"" + L_INSERT_TEXT + "\"> <INPUT ONCLICK=\"parent._CPopup_Hide()\" TYPE=reset ID=idCancel VALUE=\"" + L_CANCEL_TEXT + "\">"
|
||||
+ "</TD>"
|
||||
+ "</TR>"
|
||||
+ "</TABLE>"
|
||||
return sz
|
||||
}
|
||||
// UTIL
|
||||
function _CUtil_GetElement(oEl,sTag)
|
||||
{
|
||||
while (oEl!=null && oEl.tagName!=sTag)
|
||||
oEl = oEl.parentElement
|
||||
return oEl
|
||||
}
|
||||
function _CUtil_BuildColorTable(sID,fmt,szClick)
|
||||
{
|
||||
var sz, cPick = new Array("00","33","66","99","CC","FF"), iCnt=2
|
||||
var iColors = cPick.length, szColor = ""
|
||||
sz = "<TABLE CELLSPACING=0 CELLPADDING=0><TR><TD VALIGN=middle><DIV CLASS=currentColor ID=\"" + sID + "Current\"> </DIV></TD><TD>"
|
||||
+ "<TABLE ONMOUSEOUT=\"document.all." + sID + "Current.style.backgroundColor = ''\" ONMOUSEOVER=\"document.all." + sID + "Current.style.backgroundColor = event.srcElement.bgColor\" CLASS=colorTable CELLSPACING=0 CELLPADDING=0 ID=\"" + sID + "\">"
|
||||
for (var r=0;r<iColors;r++) {
|
||||
sz+="<TR>"
|
||||
for (var g=iColors-1;g>=0;g--)
|
||||
for (var b=iColors-1;b>=0;b--) {
|
||||
szColor = cPick[r]+cPick[g]+cPick[b]
|
||||
sz+="<TD"
|
||||
+ " BGCOLOR=\"#" + szColor + "\""
|
||||
+ "_item=\"" + szColor + "\" "
|
||||
+ "TITLE=\"#" + szColor + "\" "
|
||||
+ (szClick ? "ONCLICK=\"" + szClick + "\" " : "")
|
||||
+ "> </TD>"
|
||||
}
|
||||
sz+="</TR>"
|
||||
}
|
||||
sz+="</TABLE></TD></TR></TABLE>"
|
||||
return sz
|
||||
}
|
||||
function _CUtil_GetBlock(oEl)
|
||||
{
|
||||
var sBlocks = "|H1|H2|H3|H4|H5|H6|P|PRE|LI|TD|DIV|BLOCKQUOTE|DT|DD|TABLE|HR|IMG|"
|
||||
while ((oEl!=null) && (sBlocks.indexOf("|"+oEl.tagName+"|")==-1))
|
||||
oEl = oEl.parentElement
|
||||
return oEl
|
||||
}
|
||||
|
|
@ -1,108 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Edit Window</title>
|
||||
<script language="JavaScript">
|
||||
/*
|
||||
|
||||
#-------------------------------------------------------------------
|
||||
# WebGUI is Copyright 2001-2002 Plain Black LLC.
|
||||
#-------------------------------------------------------------------
|
||||
# Please read the legal notices (docs/legal.txt) and the license
|
||||
# (docs/license.txt) that came with this distribution before using
|
||||
# this software.
|
||||
#-------------------------------------------------------------------
|
||||
# http://www.plainblack.com info@plainblack.com
|
||||
#-------------------------------------------------------------------
|
||||
|
||||
*/
|
||||
|
||||
var color;
|
||||
var formObj;
|
||||
|
||||
function boldText(obj) {
|
||||
obj.value = obj.value+'<b>'+prompt("Enter the text to bold:", "")+'</b>';
|
||||
}
|
||||
|
||||
function centerText(obj) {
|
||||
obj.value = obj.value+'<div align="center">'+prompt("Enter the text to center:", "")+'</div>';
|
||||
}
|
||||
|
||||
function colorText(obj) {
|
||||
formObj = obj;
|
||||
window.open(window.opener.extrasDir+"/colorPicker.html","colorPicker","width=438,height=258");
|
||||
}
|
||||
|
||||
function copyright(obj) {
|
||||
obj.value = obj.value+'©';
|
||||
}
|
||||
|
||||
function email(obj) {
|
||||
var email = prompt("Enter the Email address:", "");
|
||||
obj.value = obj.value+'<a href="mailto:'+email+'">'+email+'</a>';
|
||||
}
|
||||
|
||||
function getShowMeText() {
|
||||
return formObj.value;
|
||||
}
|
||||
|
||||
function imageAdd(obj) {
|
||||
obj.value = obj.value+'<img src="'+prompt("Enter the image URL:", "http://somesite.com/image.jpg")+'" border="0">';
|
||||
}
|
||||
|
||||
function italicText(obj) {
|
||||
obj.value = obj.value+'<i>'+prompt("Enter the text to italicize:", "")+'</i>';
|
||||
}
|
||||
|
||||
function list(obj) {
|
||||
var item;
|
||||
obj.value = obj.value+'<ul>';
|
||||
obj.value = obj.value+'<li>'+prompt("Enter the first item in the list:", "");
|
||||
while (item = prompt("Enter the next item in the list (cancel when done):", "")) {
|
||||
obj.value = obj.value+'<li>'+item;
|
||||
}
|
||||
obj.value = obj.value+'</ul>';
|
||||
}
|
||||
|
||||
function registered(obj) {
|
||||
obj.value = obj.value+'®';
|
||||
}
|
||||
|
||||
function setColor(remoteColor) {
|
||||
formObj.value = formObj.value+'<span style="color: #'+remoteColor+';">'+prompt("Enter the text to color:","")+'</span>';
|
||||
}
|
||||
|
||||
function showMe(obj) {
|
||||
formObj = obj;
|
||||
window.open(window.opener.extrasDir+"/viewer.html","showMeViewer","width=500,height=300,scrollbars=1");
|
||||
}
|
||||
|
||||
function trademark(obj) {
|
||||
obj.value = obj.value+'<font size="-2"><sup>TM</sup></font>';
|
||||
}
|
||||
|
||||
function url(obj) {
|
||||
obj.value = obj.value+'<a href="'+prompt("Enter the URL of the link:", "http://www.google.com")+'">'+prompt("Enter the title of the link:", "Google")+'</a>';
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onLoad="document.edit.editor.value=window.opener.formObj.value">
|
||||
<form name="edit">
|
||||
<input type="button" onClick="colorText(this.form.editor)" value="color" style="font-size: 8pt;">
|
||||
<input type="button" onClick="boldText(this.form.editor)" value="bold" style="font-size: 8pt;">
|
||||
<input type="button" onClick="italicText(this.form.editor)" value="italics" style="font-size: 8pt;">
|
||||
<input type="button" onClick="centerText(this.form.editor)" value="center" style="font-size: 8pt;">
|
||||
<input type="button" onClick="list(this.form.editor)" value="list" style="font-size: 8pt;">
|
||||
<input type="button" onClick="url(this.form.editor)" value="link" style="font-size: 8pt;">
|
||||
<input type="button" onClick="email(this.form.editor)" value="email" style="font-size: 8pt;">
|
||||
<input type="button" onClick="imageAdd(this.form.editor)" value="image" style="font-size: 8pt;">
|
||||
<input type="button" onClick="copyright(this.form.editor)" value="(C)" style="font-size: 8pt;">
|
||||
<input type="button" onClick="registered(this.form.editor)" value="(R)" style="font-size: 8pt;">
|
||||
<input type="button" onClick="trademark(this.form.editor)" value="TM" style="font-size: 8pt;">
|
||||
<br>
|
||||
<textarea name="editor" rows=20 cols=55></textarea>
|
||||
<br>
|
||||
<input type="button" onClick="showMe(this.form.editor)" value="show me" style="font-size: 8pt;">
|
||||
<input type="button" onClick="window.blur(); window.opener.focus();window.opener.setContent(this.form.editor.value);window.close();" value="done" style="font-size: 8pt;">
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
/*
|
||||
|
||||
#-------------------------------------------------------------------
|
||||
# WebGUI is Copyright 2001-2002 Plain Black LLC.
|
||||
#-------------------------------------------------------------------
|
||||
# Please read the legal notices (docs/legal.txt) and the license
|
||||
# (docs/license.txt) that came with this distribution before using
|
||||
# this software.
|
||||
#-------------------------------------------------------------------
|
||||
# http://www.plainblack.com info@plainblack.com
|
||||
#-------------------------------------------------------------------
|
||||
|
||||
*/
|
||||
|
||||
var color;
|
||||
var formObj;
|
||||
|
||||
function boldText(obj) {
|
||||
obj.value = obj.value+'<b>'+prompt("Enter the text to bold:", "")+'</b>';
|
||||
}
|
||||
|
||||
function centerText(obj) {
|
||||
obj.value = obj.value+'<div align="center">'+prompt("Enter the text to center:", "")+'</div>';
|
||||
}
|
||||
|
||||
function colorText(obj) {
|
||||
formObj = obj;
|
||||
window.open("/extras/colorPicker.html","colorPicker","width=438,height=258");
|
||||
}
|
||||
|
||||
function copyright(obj) {
|
||||
obj.value = obj.value+'©';
|
||||
}
|
||||
|
||||
function email(obj) {
|
||||
var email = prompt("Enter the Email address:", "");
|
||||
obj.value = obj.value+'<a href="mailto:'+email+'">'+email+'</a>';
|
||||
}
|
||||
|
||||
function getShowMeText() {
|
||||
return formObj.value;
|
||||
}
|
||||
|
||||
function imageAdd(obj) {
|
||||
obj.value = obj.value+'<img src="'+prompt("Enter the image URL:", "http://somesite.com/image.jpg")+'" border="0">';
|
||||
}
|
||||
|
||||
function italicText(obj) {
|
||||
obj.value = obj.value+'<i>'+prompt("Enter the text to italicize:", "")+'</i>';
|
||||
}
|
||||
|
||||
function list(obj) {
|
||||
var item;
|
||||
obj.value = obj.value+'<ul>';
|
||||
obj.value = obj.value+'<li>'+prompt("Enter the first item in the list:", "");
|
||||
while (item = prompt("Enter the next item in the list (cancel when done):", "")) {
|
||||
obj.value = obj.value+'<li>'+item;
|
||||
}
|
||||
obj.value = obj.value+'</ul>';
|
||||
}
|
||||
|
||||
function registered(obj) {
|
||||
obj.value = obj.value+'®';
|
||||
}
|
||||
|
||||
function setColor(remoteColor) {
|
||||
formObj.value = formObj.value+'<span style="color: #'+remoteColor+';">'+prompt("Enter the text to color:","")+'</span>';
|
||||
}
|
||||
|
||||
function showMe(obj) {
|
||||
formObj = obj;
|
||||
window.open("/extras/viewer.html","showMeViewer","width=500,height=300,scrollbars=1");
|
||||
}
|
||||
|
||||
function trademark(obj) {
|
||||
obj.value = obj.value+'<font size="-2"><sup>TM</sup></font>';
|
||||
}
|
||||
|
||||
function url(obj) {
|
||||
obj.value = obj.value+'<a href="'+prompt("Enter the URL of the link:", "http://www.google.com")+'">'+prompt("Enter the title of the link:", "Google")+'</a>';
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Loading…
Add table
Add a link
Reference in a new issue