oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Readded a couple of the old rich editors

Browse source
This commit is contained in:
JT Smith 2002-12-09 06:02:03 +00:00
parent 24946858a4
commit 7b881a65ca
8 changed files with 1751 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/credits.txt
View file

@ -59,6 +59,8 @@ HTML::TagFilter......................William Ross
HTML::Template.......................Sam Tregar
HTTP::BrowserDetect..................Lee Semel
Net::LDAP............................Graham Barr
Tie::CPHash..........................Christopher J. Madsen

74
lib/WebGUI/Form.pm
View file

@ -15,6 +15,7 @@ package WebGUI::Form;
=cut
use strict;
use HTTP::BrowserDetect;
use WebGUI::DateTime;
use WebGUI::International;
use WebGUI::Session;
@ -639,7 +640,9 @@ sub hiddenList {
=cut
sub HTMLArea {
my ($output, $rows, $columns);
my ($output, $rows, $columns, $htmlArea);
my $button = '<input type="button" onClick="openEditWindow(this.form.'.$_[0]->{name}.')" value="'
.WebGUI::International::get(171).'" style="font-size: 8pt;"><br>';
$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">
@ -650,15 +653,64 @@ sub HTMLArea {
}
</script>';
} else {
$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>';
}
my $browser = HTTP::BrowserDetect->new($session{env}{HTTP_USER_AGENT});
if ($browser->ie && $browser->version >= 5.5) {
$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";
$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>';
$htmlArea = 1;
} elsif ($browser->ie && $browser->version >= 5) {
$output .= '<script language="JavaScript">
var formObj;
var extrasDir="'.$session{config}{extras}.'";
function openEditWindow(obj) {
formObj = obj;
window.open("'.$session{config}{extras}.'/ie5edit.html","editWindow","width=490,height=400,resizable=1"); }
function setContent(content) {
formObj.value = content;
} </script>';
$output .= $button;
### UNCOMMENT THIS WHEN MOZILLA 1.3 COMES OUT
# } elsif ($browser->gecko && $browser->version >= 1.3) {
# $output .= '<script language="JavaScript">
# var formObj;
## var extrasDir="'.$session{config}{extras}.'";
# function openEditWindow(obj) {
# formObj = obj;
# window.open("'.$session{config}{extras}.'/wendedit.html","editWindow","width=490,height=400,resizable=1"); }
# function setContent(content) {
# formObj.value = content;
# } </script>';
# $output .= $button;
} else {
$output .= '<script language="JavaScript">
var formObj;
var extrasDir="'.$session{config}{extras}.'";
function openEditWindow(obj) {
formObj = obj;
window.open("'.$session{config}{extras}.'/lastResortEdit.html","editWindow","width=500,height=410");
}
function setContent(content) {
formObj.value = content;
} </script>';
$output .= $button;
}
}
$rows = $_[0]->{rows} || ($session{setting}{textAreaRows}+7);
$columns = $_[0]->{columns} || ($session{setting}{textAreaCols}+5);
$output .= textarea({
@ -669,7 +721,7 @@ sub HTMLArea {
rows=>$rows,
extras=>$_[0]->{extras}.' onBlur="fixChars(this.form.'.$_[0]->{name}.')"'
});
if ($session{setting}{richEditor} eq "built-in") {
if ($htmlArea) {
$output .= '<script language="Javascript1.2">'."\n";
$output .= 'editor_generate("'.$_[0]->{name}.'");'."\n";
$output .= '</script>'."\n";

BIN
www/extras/colorPicker.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

364
www/extras/colorPicker.html Normal file
View file

@ -0,0 +1,364 @@
<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>

545
www/extras/ie5edit.html Normal file
View file

@ -0,0 +1,545 @@
<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 + "\">&nbsp;")
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="ie5edit.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>

669
www/extras/ie5edit.js Normal file
View file

@ -0,0 +1,669 @@
// 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, '&#034;')
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%>&nbsp;</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 = "&nbsp;"
}
}
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 = "&nbsp;"
}
}
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>&nbsp;</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\">&nbsp;</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 + "\" " : "")
+ ">&nbsp;</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
}

108
www/extras/lastResortEdit.html Normal file
View file

@ -0,0 +1,108 @@
<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+'&copy;';
}
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+'&reg;';
}
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>

BIN
www/extras/toolbar.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB