mbirth/LuckyCoinkydink
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

(Experimental) Replace htmlarea with XINHA. Thanks to abdussamad!

Browse Source
This commit is contained in:
Garvin Hicking
2008-09-09 07:52:18 +00:00
parent 862abd0a90
commit 94fd5e4e8c
903 changed files with 50035 additions and 10204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
htmlarea/popups/about.html
View File

@ -13,13 +13,13 @@ Distributed as part of HTMLArea 3.0
-->
<html style="height: 100%">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>About HTMLArea</title>
<title>About Xinha</title>
<script type="text/javascript" src="popup.js"></script>
<script type="text/javascript">
window.resizeTo(450, 250);
window.resizeTo(450, 365);
var TABS = [];
var CURRENT_TAB = 0;
var CONTENT_HEIGHT_DIFF = 0;
@ -44,36 +44,36 @@ function selectTab(idx) {
var editor = null;
function initDocument() {
editor = window.dialogArguments;
HTMLArea = window.opener.HTMLArea;
Xinha = window.opener.Xinha;
var plugins = document.getElementById("plugins");
var j = 0;
var html = "<table width='99%' cellpadding='0' style='margin-top: 1em; collapse-borders: collapse; border: 1px solid #8b8;'>" +
"<thead><tr>" +
"<td>Name</td>" +
"<td>Developer</td>" +
"<td>Sponsored by</td>" +
"<td>License<sup>*</sup></td>" +
"</tr></thead><tbody>";
var html = "<table width='99%' cellpadding='2' cellspacing=2 style='margin-top: 1em; collapse-borders: collapse; border: 1px solid black;'>" +
"<thead><tr>" +
"<td>Name</td>" +
"<td>Developer</td>" +
"<td>Sponsored by</td>" +
"<td>License</td>" +
"</tr></thead><tbody>";
for (var i in editor.plugins) {
var info = editor.plugins[i];
html += "<tr><td>" + info.name + " v" + info.version + "</td>" +
if (typeof info != 'object' || !info.name || typeof info.name !='string') continue;
html += "<tr><td>" + info.name + " v" + info.version + "</td>" +
"<td><a href='" + info.developer_url + "' target='_blank' title='Visit developer website'>" +
info.developer + "</a></td>" +
"<td><a href='" + info.sponsor_url + "' target='_blank' title='Visit sponsor website'>" +
info.sponsor + "</a></td>" +
"<td>" + info.license + "</td></tr>";
info.developer + "</a></td>" +
"<td><a href='" + info.sponsor_url + "' target='_blank' title='Visit sponsor website'>" +
info.sponsor + "</a></td>" +
"<td>" + info.license + "</td></tr>";
++j;
}
if (j) {
html += "</tbody></table>" +
"<p><sup>*</sup> License \"htmlArea\" means that the plugin is distributed under the same terms " +
"as HTMLArea itself. Such plugins are likely to be those included in the official " +
"HTMLArea distribution</p>";
plugins.innerHTML = "<p>The following plugins have been loaded.</p>" + html;
"<p>License \"htmlArea\" means that the plugin is distributed under the same terms " +
"as Xinha itself.</p>";
plugins.innerHTML = "<p>The following plugins have been loaded.</p>" + html;
} else {
plugins.innerHTML = "<p>No plugins have been loaded</p>";
plugins.innerHTML = "<p>No plugins have been loaded</p>";
}
plugins.innerHTML += "<p>User agent reports:<br/>" + navigator.userAgent + "</p>";
@ -92,7 +92,7 @@ function initDocument() {
for (var i = bar.firstChild; i; i = i.nextSibling) {
TABS.push(i);
i.__msh_tab = j;
i.onmousedown = function(ev) { selectTab(this.__msh_tab); HTMLArea._stopEvent(ev || window.event); };
i.onmousedown = function(ev) { selectTab(this.__msh_tab); Xinha._stopEvent(ev || window.event); };
var area = document.getElementById("tab-area-" + j);
if (/tab-current/.test(i.className)) {
CURRENT_TAB = j;
@ -117,98 +117,63 @@ window.onresize = function() {
}
</script>
<style>
html,body,textarea,table { font-family: tahoma,verdana,arial; font-size: 11px;
padding: 0px; margin: 0px; }
tt { font-size: 120%; }
body { padding: 0px; background: #cea; color: 000; }
html, body { height: 100%}
html,body,textarea,table
{ font-family: helvetica,arial,sans-serif;
font-size: 11px; padding: 0px; margin: 0px;
}
body { padding: 0px; background: #f5f6f6; color: black; }
a:link, a:visited { color: #00f; }
a:hover { color: #f00; }
a:active { color: #f80; }
button { font: 11px tahoma,verdana,sans-serif; background-color: #cea;
border-width: 1px; }
a:hover { color: #f00; }
a:active { color: #f80; }
button { font: 11px; border-width: 1px; background-color:#f5f6f6; color:black; }
p { margin: 0.5em 0px; }
h1 { font: bold 130% georgia,"times new roman",serif; margin: 0px; border-bottom: 1px solid #6a6; }
h2 { font: bold 110% georgia,"times new roman",serif; margin: 0.7em 0px; }
#tdheader h1
{ font: bold 40px "Staccato222 BT", cursive; margin: 0px; padding-left:4px; border-bottom: 1px solid #6a6; }
h1 { font: bold 20px; margin: 0px; border-bottom: 1px solid #6a6; }
h2 { font: bold 110%; margin: 0.7em 0px; }
thead {
font-weight: bold;
background-color: #dfb;
background-color: #CCC;
}
.logo, .logo-hover {
white-space: nowrap;
background-color: #8f4; color: #040; padding: 3px; border-bottom: 1px solid #555;
height: 5em;
}
.logo .brand, .logo-hover .brand {
margin-left: 0.5em; margin-right: 0.5em; padding-bottom: 0.1em;
font-family: impact,'arial black',arial,sans-serif; font-size: 28px;
border-bottom: 1px solid #595; text-align: center;
cursor: pointer;
}
.logo-hover {
background-color: #fff;
}
.logo-hover .brand {
color: #800;
border-color: #04f;
}
.logo .letter, .logo-hover .letter { position: relative; font-family: monospace; }
.logo .letter1 { top: 0.1em; }
.logo .letter2 { top: 0.05em; }
.logo .letter3 { top: -0.05em; }
.logo .letter4 { top: -0.1em; }
thead td { padding-left:4px; }
.logo-hover .letter1 { top: -0.1em; }
.logo-hover .letter2 { top: -0.05em; }
.logo-hover .letter3 { top: 0.05em; }
.logo-hover .letter4 { top: 0.1em; }
.logo .version, .logo-hover .version { font-family: georgia,"times new roman",serif; }
.logo .release {
font-size: 90%; margin-bottom: 1em;
text-align: center; color: #484;
}
.logo .visit { display: none; }
.logo-hover .release { display: none; }
.logo-hover .visit {
font-size: 90%; margin-bottom: 1em;
text-align: center; color: #448;
}
.buttons {
text-align: right; padding: 3px; background-color: #8f4;
text-align: right; padding: 3px;
background-color: white;
border-top: 1px solid #555;
}
#tabbar {
position: relative;
left: 10px;
}
.tab {
color: #454;
color: #OOO;
cursor: pointer;
margin-left: -5px;
float: left; position: relative;
border: 1px solid #555;
top: -3px; left: -2px;
padding: 2px 10px 3px 10px;
border-top: none; background-color: #9b7;
border-top: none; background-color: #CCC;
-moz-border-radius: 0px 0px 4px 4px;
z-index: 0;
}
.tab-current {
.tab-current
{
color: #000;
top: -4px;
background-color: #cea;
background-color: #f5f6f6;
padding: 3px 10px 4px 10px;
z-index: 10;
}
table.sponsors { border-top: 1px solid #aca; }
table.sponsors td {
border-bottom: 1px solid #aca; vertical-align: top;
}
table.sponsors tr td { padding: 2px 0px; }
table.sponsors tr td.sponsor { text-align: right; padding-right: 0.3em; white-space: nowrap; }
li, ol, ul { margin-top: 0px; margin-bottom: 0px; }
</style></head>
<body onload="__dlg_init(); initDocument();"
@ -217,19 +182,7 @@ padding: 0px; margin: 0px; }
<tr style="height: 1em"><td id="tdheader">
<div class="logo">
<div class="brand"
onmouseover="this.parentNode.className='logo-hover';"
onmouseout="this.parentNode.className='logo';"
onclick="window.open('http://dynarch.com/htmlarea/');">
<span class="letter letter1">&lt;H</span><span
class="letter letter2">T</span><span
class="letter letter3">M</span><span
class="letter letter4">L</span>Area <span class="letter">/&gt;</span>
<span class="version"><% $version.$release %></span></div>
<div class="release">Compiled on <% $time %></div>
<div class="visit">Go to http://dynarch.com/htmlarea/ [latest milestone release]</div>
</div>
<h1><img src="../images/xinha_logo.gif" alt="Xinha" /></h1>
</td></tr>
<tr><td id="tdcontent" style="padding: 0.5em;">
@ -239,101 +192,53 @@ class="letter letter4">L</span>Area <span class="letter">/&gt;</span>
<div id="tab-area-0">
<h1>HTMLArea</h1>
<p>A free WYSIWYG editor replacement for <tt>&lt;textarea&gt;</tt> fields.<br />
For Mozilla 1.3+ (any platform) or Internet Explorer 5.5+ (Windows).
</p>
<p style="text-align: center"
>&copy; 2002-2004 <a href="http://interactivetools.com" target="_blank">interactivetools.com</a>, inc.<br />
&copy; 2003-2004 <a href="http://dynarch.com" target="_blank">dynarch.com</a> LLC.<br />
All Rights Reserved.</p>
<h2>Project resources</h2>
<ul>
<li><a href="http://sourceforge.net/projects/itools-htmlarea/" target="_blank"
>Project page</a> (@ sourceforge.net)</li>
<li><a href="http://sourceforge.net/cvs/?group_id=69750" target="_blank"
>Anonymous CVS access</a> (@ sourceforge.net)</li>
<li><a href="http://sourceforge.net/tracker/?atid=525656&group_id=69750&func=browse" target="_blank"
>Bug system</a> (@ sourceforge.net)</li>
<li><a href="http://www.interactivetools.com/forum/gforum.cgi?forum=14;" target="_blank"
>Forum</a> (@ interactivetools.com)</li>
<li><a href="http://www.dynarch.com/htmlarea/" target="_blank"
>Last public release</a> (@ dynarch.com)</li>
</ul>
<p>A free WYSIWYG editor replacement for <tt>&lt;textarea&gt;</tt> fields.</p>
<p>Visit the <a href="http://xinha.gogo.co.nz/">Xinha Website</a> for more information.</p>
<p>
For download section please see the <a href="http://sourceforge.net/projects/itools-htmlarea/" target="_blank"
>project page @ SourceForge</a>.
Use of Xinha is granted by the terms of the htmlArea License (based on BSD license)
</p>
<p style="margin-top: 1em; text-align: center;">Version 3.0 developed and maintained by <a
href="http://dynarch.com/mishoo/" title="http://dynarch.com/mishoo/" target="_blank">Mihai Bazon</a> / <a
href="http://dynarch.com" title="http://dynarch.com/" target="_blank">dynarch.com</a></p>
<pre>
Copyright (c) 2005-2008 Xinha Developer Team and contributors
</pre>
<p>
Xinha was originally based on work by Mihai Bazon which is:
</p>
<pre>
Copyright (c) 2003-2004 dynarch.com.
Copyright (c) 2002-2003 interactivetools.com, inc.
This copyright notice MUST stay intact for use.
</pre>
</div>
<div id="tab-area-1">
<h1>Thank you</h1>
<p>
<a href="http://dynarch.com" target="_blank">dynarch.com</a> would like to thank the following
companies/persons for their <em>donations</em> to support development of HTMLArea (listed alphabetically):
</p>
<ul>
<li><a href="http://www.computerlove.co.uk" target="_blank">Code Computer Love Ltd.</a> (UK)</li>
<li><a href="http://www.neomedia.ro" target="_blank">Neomedia</a> (Romania)</li>
<li><a href="http://www.os3.it" target="_blank">OS3</a> (Italy)</li>
<li><a href="http://www.softwerk.net" target="_blank">SoftWerk</a> (Italy)</li>
</ul>
<p>Also many thanks to all people at InteractiveTools.com
<a href="http://www.interactivetools.com/forum/gforum.cgi?forum=14;">HTMLArea forums</a> for
contributing translations, feedback, bug reports and fixes.</p>
<p>
Last but not least, this project wouldn't have existed without
<a href="http://interactivetools.com" target="_blank">InteractiveTools.com</a>.
The development of Xinha would not have been possible without the original work of <a href="http://dynarch.com/">Mihai Bazon</a>, <a href="http://interactivetools.com" target="_blank">InteractiveTools.com</a>, and the many sponsors and contributors from around the world.
</p>
</div>
<div id="tab-area-2">
<h1>htmlArea License (based on BSD license)</h1>
<pre>htmlArea License (based on BSD license)
Copyright (c) 2002-2004, interactivetools.com, inc.
Copyright (c) 2003-2004 dynarch.com
All rights reserved.
<p style="text-align: center">© 2002-2004, interactivetools.com, inc.<br />
© 2003-2004 dynarch.com LLC<br />
All rights reserved.</p>
<p>
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
</p>
<ol>
<li>
Redistributions of source code must retain the above copyright notice,
this list of conditions and the following disclaimer.
</li>
1) Redistributions of source code must retain the above copyright notice,
this list of conditions and the following disclaimer.
<li>
Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
</li>
2) Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
<li>
Neither the name of interactivetools.com, inc. nor the names of its
contributors may be used to endorse or promote products derived from this
software without specific prior written permission.
</li>
</ol>
3) Neither the name of interactivetools.com, inc. nor the names of its
contributors may be used to endorse or promote products derived from this
software without specific prior written permission.
<p>
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
@ -344,21 +249,39 @@ SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
</p>
POSSIBILITY OF SUCH DAMAGE.</pre>
</div>
<div id="tab-area-3">
<h1>Plugins</h1>
<div id="plugins">
</div>
</div>
<div id="tab-area-4">
<script type="text/javascript">
if(window.opener && window.opener.Xinha)
{
var ver = window.opener.Xinha.version;
document.write('<pre>'
+ '\nRelease: ' + ver.Release + ' (' + ver.Date + ')'
+ '\nHead: ' + ver.Head
+ '\nRevision: ' + ver.Revision
+ '\nLast Changed By: ' + ver.RevisionBy
+ '\n' +
'</pre>');
}
else
{
document.write('<pre>Version information unavailable.</pre>');
}
</script>
</div>
</div></div>
</tr></td>
</td></tr>
<tr style="height: 1em"><td id="tdfooter">
@ -368,25 +291,11 @@ POSSIBILITY OF SUCH DAMAGE.
>About</div><div class="tab"
>Thanks</div><div class="tab"
>License</div><div class="tab"
>Plugins</div></div>
<button type="button" onclick="__dlg_close(null);">I agree it's cool</button>
>Plugins</div><div class="tab"
>Version</div></div>
<button type="button" onclick="__dlg_close(null);">Close</button>
</div>
</td></tr></table>
</body></html>
<%ARGS>
$version => '3.0'
$release => 'beta+'
$basename => 'HTMLArea-3.0-beta'
</%ARGS>
<%INIT>;
if ($release =~ /\S/) {
$release = ' <span style="position: relative; top: -0.6em; font-size: 50%; font-weight: normal">[ rev. '.$release.' ]</span>';
}
use POSIX qw(strftime);
my $time = strftime '%b %e, %Y %H:%M GMT', gmtime;
</%INIT>

3
htmlarea/popups/blank.html
View File

@ -1,2 +1 @@
<html>
</html>
<html><body onload="window.xinhaReadyToRoll = true;"></body></html>

76
htmlarea/popups/editor_help.html
View File

@ -1,16 +1,62 @@
<html>
<head>
<title>Editor Help</title>
<style>
body, td, p, div { font-family: arial; font-size: x-small; }
</style>
</head>
<body>
<h2>Editor Help<hr></h2>
Todo...
</body>
<html>
<head>
<title>Editor Help</title>
<script type="text/javascript" src="popup.js"></script>
<link rel="stylesheet" type="text/css" href="popup.css" />
<script type="text/javascript">
window.resizeTo(400, 480);
Xinha = window.opener.Xinha;
function Init() {
__dlg_translate('Xinha');
__dlg_init();
}
function onCancel() {
__dlg_close(null);
return false;
}
</script>
</head>
<body class="dialog" onload="Init()">
<div class="title">Xinha Help</div>
<table width="100%" style="background: white none repeat scroll 0%;">
<thead style="border: 1px solid gray; background: silver none repeat scroll 0%;">
<tr>
<th colspan="2">
<span style="text-align:center">Keyboard shortcuts</span><br />
<span>The editor provides the following key combinations:</span>
</th>
</tr>
</thead>
<tbody>
<tr><td>ENTER</td><td><span>new paragraph</span>(&lt;P&gt;)</td></tr>
<tr><td>SHIFT-ENTER</td><td><span>insert linebreak</span>(&lt;BR&gt;)</td></tr>
<tr><td>CTRL-A</td><td><span>Select all</span></td></tr>
<tr><td>CTRL-B</td><td><span>Bold</span></td></tr>
<tr><td>CTRL-I</td><td><span>Italic</span></td></tr>
<tr><td>CTRL-U</td><td><span>Underline</span></td></tr>
<tr><td>CTRL-S</td><td><span>Strikethrough</span></td></tr>
<tr><td>CTRL-L</td><td><span>Justify Left</span></td></tr>
<tr><td>CTRL-E</td><td><span>Justify Center</span></td></tr>
<tr><td>CTRL-R</td><td><span>Justify Right</span></td></tr>
<tr><td>CTRL-J</td><td><span>Justify Full</span></td></tr>
<tr><td>CTRL-Z</td><td><span>Undoes your last action</span></td></tr>
<tr><td>CTRL-Y</td><td><span>Redoes your last action</span></td></tr>
<tr><td>CTRL-N</td><td><span>Set format to paragraph</span></td></tr>
<tr><td>CTRL-0 (zero)</td><td><span>Clean content pasted from Word</span></td></tr>
<tr><td>CTRL-1 .. CTRL-6</td><td><span>Headings</span> (&lt;h1&gt; .. &lt;h6&gt;)</td></tr>
<tr><td>CTRL-X</td><td><span>Cut selection</span></td></tr>
<tr><td>CTRL-C</td><td><span>Copy selection</span></td></tr>
<tr><td>CTRL-V</td><td><span>Paste from clipboard</span></td></tr>
</tbody>
</table>
<div id="buttons">
<button type="button" name="cancel" onclick="return onCancel();">Close</button>
</div>
</body>
</html>

39
htmlarea/popups/popup.css Executable file
View File

@ -0,0 +1,39 @@
html, body, .dialog {
background: ButtonFace;
color: ButtonText;
font: 11px Tahoma,Verdana,sans-serif;
margin: 0px;
padding: 0px;
}
body { padding: 5px; }
form { padding: 0px; margin: 0px; }
form p {
margin-top: 5px;
margin-bottom: 5px;
}
table {
font: 11px Tahoma,Verdana,sans-serif;
}
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
button { width: 70px; }
table .label { text-align: right; width: 8em; }
.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; }
.fr { width: 7em; float: left; padding: 2px 5px; text-align: right; }
fieldset { padding: 0px 10px 5px 5px; }
.space { padding: 2px; }
.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
border-bottom: 1px solid black; letter-spacing: 2px;
}
.buttonColor {
padding: 1px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
#buttons {
margin-top: 1em;
border-top: 1px solid #999;
padding: 1em;
text-align: right;
}

220
htmlarea/popups/popup.js
View File

@ -1,114 +1,108 @@
// htmlArea v3.0 - Copyright (c) 2002, 2003 interactivetools.com, inc.
// This copyright notice MUST stay intact for use (see license.txt).
//
// Portions (c) dynarch.com, 2003
//
// A free WYSIWYG editor replacement for <textarea> fields.
// For full source code and docs, visit http://www.interactivetools.com/
//
// Version 3.0 developed by Mihai Bazon.
// http://dynarch.com/mishoo
//
// $Id: popup.js,v 1.3 2005/01/11 15:01:01 garvinhicking Exp $
/* This compressed file is part of Xinha. For uncompressed sources, forum, and bug reports, go to xinha.org */
/* This file is part of version 0.95 released Mon, 12 May 2008 17:33:15 +0200 */
/* The URL of the most recent version of this file is http://svn.xinha.webfactional.com/trunk/popups/popup.js */
if(typeof Xinha=="undefined"){
Xinha=window.opener.Xinha;
}
HTMLArea=Xinha;
function getAbsolutePos(el){
var r={x:el.offsetLeft,y:el.offsetTop};
if(el.offsetParent){
var _3=getAbsolutePos(el.offsetParent);
r.x+=_3.x;
r.y+=_3.y;
}
return r;
}
function comboSelectValue(c,_5){
var _6=c.getElementsByTagName("option");
for(var i=_6.length;--i>=0;){
var op=_6[i];
op.selected=(op.value==_5);
}
c.value=_5;
}
function __dlg_onclose(){
opener.Dialog._return(null);
}
function __dlg_init(_9,_a){
__xinha_dlg_init(_a);
}
function __xinha_dlg_init(_b){
if(window.__dlg_init_done){
return true;
}
if(window.opener._editor_skin){
var _c=document.getElementsByTagName("head")[0];
var _d=document.createElement("link");
_d.type="text/css";
_d.href=window.opener._editor_url+"skins/"+window.opener._editor_skin+"/skin.css";
_d.rel="stylesheet";
_c.appendChild(_d);
}
if(!window.dialogArguments&&opener.Dialog._arguments){
window.dialogArguments=opener.Dialog._arguments;
}
var _e=Xinha.pageSize(window);
if(!_b){
_b={width:_e.x,height:_e.y};
}
window.resizeTo(_b.width,_b.height);
var _f=Xinha.viewportSize(window);
window.resizeBy(0,_e.y-_f.y);
if(_b.top&&_b.left){
window.moveTo(_b.left,_b.top);
}else{
if(!Xinha.is_ie){
var x=opener.screenX+(opener.outerWidth-_b.width)/2;
var y=opener.screenY+(opener.outerHeight-_b.height)/2;
}else{
var x=(self.screen.availWidth-_b.width)/2;
var y=(self.screen.availHeight-_b.height)/2;
}
window.moveTo(x,y);
}
Xinha.addDom0Event(document.body,"keypress",__dlg_close_on_esc);
window.__dlg_init_done=true;
}
function __dlg_translate(_12){
var _13=["input","select","legend","span","option","td","th","button","div","label","a","img"];
for(var _14=0;_14<_13.length;++_14){
var _15=document.getElementsByTagName(_13[_14]);
for(var i=_15.length;--i>=0;){
var _17=_15[i];
if(_17.firstChild&&_17.firstChild.data){
var txt=Xinha._lc(_17.firstChild.data,_12);
if(txt){
_17.firstChild.data=txt;
}
}
if(_17.title){
var txt=Xinha._lc(_17.title,_12);
if(txt){
_17.title=txt;
}
}
if(_17.tagName.toLowerCase()=="input"&&(/^(button|submit|reset)$/i.test(_17.type))){
var txt=Xinha._lc(_17.value,_12);
if(txt){
_17.value=txt;
}
}
}
}
document.title=Xinha._lc(document.title,_12);
}
function __dlg_close(val){
opener.Dialog._return(val);
window.close();
}
function __dlg_close_on_esc(ev){
ev||(ev=window.event);
if(ev.keyCode==27){
__dlg_close(null);
return false;
}
return true;
}
function getAbsolutePos(el) {
var r = { x: el.offsetLeft, y: el.offsetTop };
if (el.offsetParent) {
var tmp = getAbsolutePos(el.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
};
function comboSelectValue(c, val) {
var ops = c.getElementsByTagName("option");
for (var i = ops.length; --i >= 0;) {
var op = ops[i];
op.selected = (op.value == val);
}
c.value = val;
};
function __dlg_onclose() {
opener.Dialog._return(null);
};
function __dlg_init(bottom) {
var body = document.body;
var body_height = 0;
if (typeof bottom == "undefined") {
var div = document.createElement("div");
body.appendChild(div);
var pos = getAbsolutePos(div);
body_height = pos.y;
} else {
var pos = getAbsolutePos(bottom);
body_height = pos.y + bottom.offsetHeight;
}
window.dialogArguments = opener.Dialog._arguments;
if (!document.all) {
window.sizeToContent();
window.sizeToContent(); // for reasons beyond understanding,
// only if we call it twice we get the
// correct size.
window.addEventListener("unload", __dlg_onclose, true);
window.innerWidth = body.offsetWidth + 5;
window.innerHeight = body_height + 2;
// center on parent
var x = opener.screenX + (opener.outerWidth - window.outerWidth) / 2;
var y = opener.screenY + (opener.outerHeight - window.outerHeight) / 2;
window.moveTo(x, y);
} else {
// window.dialogHeight = body.offsetHeight + 50 + "px";
// window.dialogWidth = body.offsetWidth + "px";
window.resizeTo(body.offsetWidth, body_height);
var ch = body.clientHeight;
var cw = body.clientWidth;
window.resizeBy(body.offsetWidth - cw, body_height - ch);
var W = body.offsetWidth;
var H = 2 * body_height - ch;
var x = (screen.availWidth - W) / 2;
var y = (screen.availHeight - H) / 2;
window.moveTo(x, y);
}
document.body.onkeypress = __dlg_close_on_esc;
};
function __dlg_translate(i18n) {
var types = ["input", "select", "legend", "span", "option", "td", "button", "div"];
for (var type = 0; type < types.length; ++type) {
var spans = document.getElementsByTagName(types[type]);
for (var i = spans.length; --i >= 0;) {
var span = spans[i];
if (span.firstChild && span.firstChild.data) {
var txt = i18n[span.firstChild.data];
if (txt)
span.firstChild.data = txt;
}
if (span.title) {
var txt = i18n[span.title];
if (txt)
span.title = txt;
}
}
}
var txt = i18n[document.title];
if (txt)
document.title = txt;
};
// closes the dialog and passes the return info upper.
function __dlg_close(val) {
opener.Dialog._return(val);
window.close();
};
function __dlg_close_on_esc(ev) {
ev || (ev = window.event);
if (ev.keyCode == 27) {
window.close();
return false;
}
return true;
};

706
htmlarea/popups/select_color.html
View File

@ -1,347 +1,359 @@
<!-- note: this version of the color picker is optimized for IE 5.5+ only -->
<html><head><title>Select Color</title>
<script type="text/javascript" src="popup.js"></script>
<script type="text/javascript">
window.resizeTo(240, 182);
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
function Init() { // run on page load
__dlg_init(); // <!-- this can be found in popup.js -->
document.body.onkeypress = _CloseOnEsc;
var color = window.dialogArguments;
color = ValidateColor(color) || '000000';
View(color); // set default color
}
function View(color) { // preview color
document.getElementById("ColorPreview").style.backgroundColor = '#' + color;
document.getElementById("ColorHex").value = '#' + color;
}
function Set(string) { // select color
var color = ValidateColor(string);
if (color == null) { alert("Invalid color code: " + string); } // invalid color
else { // valid color
View(color); // show selected color
__dlg_close(color);
}
}
function ValidateColor(string) { // return valid color code
string = string || '';
string = string + "";
string = string.toUpperCase();
var chars = '0123456789ABCDEF';
var out = '';
for (var i=0; i<string.length; i++) { // remove invalid color chars
var schar = string.charAt(i);
if (chars.indexOf(schar) != -1) { out += schar; }
}
if (out.length != 6) { return null; } // check length
return out;
}
</script>
</head>
<body style="background:ButtonFace; margin:0px; padding:0px" onload="Init()">
<form method="get" style="margin:0px; padding:0px" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
<table border="0px" cellspacing="0px" cellpadding="4" width="100%">
<tr>
<td style="background:buttonface" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>
<td style="background:buttonface" valign=center><input type="text" name="ColorHex"
id="ColorHex" value="" size=15 style="font-size: 12px"></td>
<td style="background:buttonface" width=100%></td>
</tr>
</table>
</form>
<table border="0" cellspacing="1px" cellpadding="0px" width="100%" bgcolor="#000000" style="cursor: hand;">
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#003300 onMouseOver=View('003300') onClick=Set('003300') height="10px" width="10px"></td>
<td bgcolor=#006600 onMouseOver=View('006600') onClick=Set('006600') height="10px" width="10px"></td>
<td bgcolor=#009900 onMouseOver=View('009900') onClick=Set('009900') height="10px" width="10px"></td>
<td bgcolor=#00CC00 onMouseOver=View('00CC00') onClick=Set('00CC00') height="10px" width="10px"></td>
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height="10px" width="10px"></td>
<td bgcolor=#330000 onMouseOver=View('330000') onClick=Set('330000') height="10px" width="10px"></td>
<td bgcolor=#333300 onMouseOver=View('333300') onClick=Set('333300') height="10px" width="10px"></td>
<td bgcolor=#336600 onMouseOver=View('336600') onClick=Set('336600') height="10px" width="10px"></td>
<td bgcolor=#339900 onMouseOver=View('339900') onClick=Set('339900') height="10px" width="10px"></td>
<td bgcolor=#33CC00 onMouseOver=View('33CC00') onClick=Set('33CC00') height="10px" width="10px"></td>
<td bgcolor=#33FF00 onMouseOver=View('33FF00') onClick=Set('33FF00') height="10px" width="10px"></td>
<td bgcolor=#660000 onMouseOver=View('660000') onClick=Set('660000') height="10px" width="10px"></td>
<td bgcolor=#663300 onMouseOver=View('663300') onClick=Set('663300') height="10px" width="10px"></td>
<td bgcolor=#666600 onMouseOver=View('666600') onClick=Set('666600') height="10px" width="10px"></td>
<td bgcolor=#669900 onMouseOver=View('669900') onClick=Set('669900') height="10px" width="10px"></td>
<td bgcolor=#66CC00 onMouseOver=View('66CC00') onClick=Set('66CC00') height="10px" width="10px"></td>
<td bgcolor=#66FF00 onMouseOver=View('66FF00') onClick=Set('66FF00') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000033 onMouseOver=View('000033') onClick=Set('000033') height="10px" width="10px"></td>
<td bgcolor=#003333 onMouseOver=View('003333') onClick=Set('003333') height="10px" width="10px"></td>
<td bgcolor=#006633 onMouseOver=View('006633') onClick=Set('006633') height="10px" width="10px"></td>
<td bgcolor=#009933 onMouseOver=View('009933') onClick=Set('009933') height="10px" width="10px"></td>
<td bgcolor=#00CC33 onMouseOver=View('00CC33') onClick=Set('00CC33') height="10px" width="10px"></td>
<td bgcolor=#00FF33 onMouseOver=View('00FF33') onClick=Set('00FF33') height="10px" width="10px"></td>
<td bgcolor=#330033 onMouseOver=View('330033') onClick=Set('330033') height="10px" width="10px"></td>
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height="10px" width="10px"></td>
<td bgcolor=#336633 onMouseOver=View('336633') onClick=Set('336633') height="10px" width="10px"></td>
<td bgcolor=#339933 onMouseOver=View('339933') onClick=Set('339933') height="10px" width="10px"></td>
<td bgcolor=#33CC33 onMouseOver=View('33CC33') onClick=Set('33CC33') height="10px" width="10px"></td>
<td bgcolor=#33FF33 onMouseOver=View('33FF33') onClick=Set('33FF33') height="10px" width="10px"></td>
<td bgcolor=#660033 onMouseOver=View('660033') onClick=Set('660033') height="10px" width="10px"></td>
<td bgcolor=#663333 onMouseOver=View('663333') onClick=Set('663333') height="10px" width="10px"></td>
<td bgcolor=#666633 onMouseOver=View('666633') onClick=Set('666633') height="10px" width="10px"></td>
<td bgcolor=#669933 onMouseOver=View('669933') onClick=Set('669933') height="10px" width="10px"></td>
<td bgcolor=#66CC33 onMouseOver=View('66CC33') onClick=Set('66CC33') height="10px" width="10px"></td>
<td bgcolor=#66FF33 onMouseOver=View('66FF33') onClick=Set('66FF33') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000066 onMouseOver=View('000066') onClick=Set('000066') height="10px" width="10px"></td>
<td bgcolor=#003366 onMouseOver=View('003366') onClick=Set('003366') height="10px" width="10px"></td>
<td bgcolor=#006666 onMouseOver=View('006666') onClick=Set('006666') height="10px" width="10px"></td>
<td bgcolor=#009966 onMouseOver=View('009966') onClick=Set('009966') height="10px" width="10px"></td>
<td bgcolor=#00CC66 onMouseOver=View('00CC66') onClick=Set('00CC66') height="10px" width="10px"></td>
<td bgcolor=#00FF66 onMouseOver=View('00FF66') onClick=Set('00FF66') height="10px" width="10px"></td>
<td bgcolor=#330066 onMouseOver=View('330066') onClick=Set('330066') height="10px" width="10px"></td>
<td bgcolor=#333366 onMouseOver=View('333366') onClick=Set('333366') height="10px" width="10px"></td>
<td bgcolor=#336666 onMouseOver=View('336666') onClick=Set('336666') height="10px" width="10px"></td>
<td bgcolor=#339966 onMouseOver=View('339966') onClick=Set('339966') height="10px" width="10px"></td>
<td bgcolor=#33CC66 onMouseOver=View('33CC66') onClick=Set('33CC66') height="10px" width="10px"></td>
<td bgcolor=#33FF66 onMouseOver=View('33FF66') onClick=Set('33FF66') height="10px" width="10px"></td>
<td bgcolor=#660066 onMouseOver=View('660066') onClick=Set('660066') height="10px" width="10px"></td>
<td bgcolor=#663366 onMouseOver=View('663366') onClick=Set('663366') height="10px" width="10px"></td>
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height="10px" width="10px"></td>
<td bgcolor=#669966 onMouseOver=View('669966') onClick=Set('669966') height="10px" width="10px"></td>
<td bgcolor=#66CC66 onMouseOver=View('66CC66') onClick=Set('66CC66') height="10px" width="10px"></td>
<td bgcolor=#66FF66 onMouseOver=View('66FF66') onClick=Set('66FF66') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#000099 onMouseOver=View('000099') onClick=Set('000099') height="10px" width="10px"></td>
<td bgcolor=#003399 onMouseOver=View('003399') onClick=Set('003399') height="10px" width="10px"></td>
<td bgcolor=#006699 onMouseOver=View('006699') onClick=Set('006699') height="10px" width="10px"></td>
<td bgcolor=#009999 onMouseOver=View('009999') onClick=Set('009999') height="10px" width="10px"></td>
<td bgcolor=#00CC99 onMouseOver=View('00CC99') onClick=Set('00CC99') height="10px" width="10px"></td>
<td bgcolor=#00FF99 onMouseOver=View('00FF99') onClick=Set('00FF99') height="10px" width="10px"></td>
<td bgcolor=#330099 onMouseOver=View('330099') onClick=Set('330099') height="10px" width="10px"></td>
<td bgcolor=#333399 onMouseOver=View('333399') onClick=Set('333399') height="10px" width="10px"></td>
<td bgcolor=#336699 onMouseOver=View('336699') onClick=Set('336699') height="10px" width="10px"></td>
<td bgcolor=#339999 onMouseOver=View('339999') onClick=Set('339999') height="10px" width="10px"></td>
<td bgcolor=#33CC99 onMouseOver=View('33CC99') onClick=Set('33CC99') height="10px" width="10px"></td>
<td bgcolor=#33FF99 onMouseOver=View('33FF99') onClick=Set('33FF99') height="10px" width="10px"></td>
<td bgcolor=#660099 onMouseOver=View('660099') onClick=Set('660099') height="10px" width="10px"></td>
<td bgcolor=#663399 onMouseOver=View('663399') onClick=Set('663399') height="10px" width="10px"></td>
<td bgcolor=#666699 onMouseOver=View('666699') onClick=Set('666699') height="10px" width="10px"></td>
<td bgcolor=#669999 onMouseOver=View('669999') onClick=Set('669999') height="10px" width="10px"></td>
<td bgcolor=#66CC99 onMouseOver=View('66CC99') onClick=Set('66CC99') height="10px" width="10px"></td>
<td bgcolor=#66FF99 onMouseOver=View('66FF99') onClick=Set('66FF99') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#0000CC onMouseOver=View('0000CC') onClick=Set('0000CC') height="10px" width="10px"></td>
<td bgcolor=#0033CC onMouseOver=View('0033CC') onClick=Set('0033CC') height="10px" width="10px"></td>
<td bgcolor=#0066CC onMouseOver=View('0066CC') onClick=Set('0066CC') height="10px" width="10px"></td>
<td bgcolor=#0099CC onMouseOver=View('0099CC') onClick=Set('0099CC') height="10px" width="10px"></td>
<td bgcolor=#00CCCC onMouseOver=View('00CCCC') onClick=Set('00CCCC') height="10px" width="10px"></td>
<td bgcolor=#00FFCC onMouseOver=View('00FFCC') onClick=Set('00FFCC') height="10px" width="10px"></td>
<td bgcolor=#3300CC onMouseOver=View('3300CC') onClick=Set('3300CC') height="10px" width="10px"></td>
<td bgcolor=#3333CC onMouseOver=View('3333CC') onClick=Set('3333CC') height="10px" width="10px"></td>
<td bgcolor=#3366CC onMouseOver=View('3366CC') onClick=Set('3366CC') height="10px" width="10px"></td>
<td bgcolor=#3399CC onMouseOver=View('3399CC') onClick=Set('3399CC') height="10px" width="10px"></td>
<td bgcolor=#33CCCC onMouseOver=View('33CCCC') onClick=Set('33CCCC') height="10px" width="10px"></td>
<td bgcolor=#33FFCC onMouseOver=View('33FFCC') onClick=Set('33FFCC') height="10px" width="10px"></td>
<td bgcolor=#6600CC onMouseOver=View('6600CC') onClick=Set('6600CC') height="10px" width="10px"></td>
<td bgcolor=#6633CC onMouseOver=View('6633CC') onClick=Set('6633CC') height="10px" width="10px"></td>
<td bgcolor=#6666CC onMouseOver=View('6666CC') onClick=Set('6666CC') height="10px" width="10px"></td>
<td bgcolor=#6699CC onMouseOver=View('6699CC') onClick=Set('6699CC') height="10px" width="10px"></td>
<td bgcolor=#66CCCC onMouseOver=View('66CCCC') onClick=Set('66CCCC') height="10px" width="10px"></td>
<td bgcolor=#66FFCC onMouseOver=View('66FFCC') onClick=Set('66FFCC') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height="10px" width="10px"></td>
<td bgcolor=#0033FF onMouseOver=View('0033FF') onClick=Set('0033FF') height="10px" width="10px"></td>
<td bgcolor=#0066FF onMouseOver=View('0066FF') onClick=Set('0066FF') height="10px" width="10px"></td>
<td bgcolor=#0099FF onMouseOver=View('0099FF') onClick=Set('0099FF') height="10px" width="10px"></td>
<td bgcolor=#00CCFF onMouseOver=View('00CCFF') onClick=Set('00CCFF') height="10px" width="10px"></td>
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height="10px" width="10px"></td>
<td bgcolor=#3300FF onMouseOver=View('3300FF') onClick=Set('3300FF') height="10px" width="10px"></td>
<td bgcolor=#3333FF onMouseOver=View('3333FF') onClick=Set('3333FF') height="10px" width="10px"></td>
<td bgcolor=#3366FF onMouseOver=View('3366FF') onClick=Set('3366FF') height="10px" width="10px"></td>
<td bgcolor=#3399FF onMouseOver=View('3399FF') onClick=Set('3399FF') height="10px" width="10px"></td>
<td bgcolor=#33CCFF onMouseOver=View('33CCFF') onClick=Set('33CCFF') height="10px" width="10px"></td>
<td bgcolor=#33FFFF onMouseOver=View('33FFFF') onClick=Set('33FFFF') height="10px" width="10px"></td>
<td bgcolor=#6600FF onMouseOver=View('6600FF') onClick=Set('6600FF') height="10px" width="10px"></td>
<td bgcolor=#6633FF onMouseOver=View('6633FF') onClick=Set('6633FF') height="10px" width="10px"></td>
<td bgcolor=#6666FF onMouseOver=View('6666FF') onClick=Set('6666FF') height="10px" width="10px"></td>
<td bgcolor=#6699FF onMouseOver=View('6699FF') onClick=Set('6699FF') height="10px" width="10px"></td>
<td bgcolor=#66CCFF onMouseOver=View('66CCFF') onClick=Set('66CCFF') height="10px" width="10px"></td>
<td bgcolor=#66FFFF onMouseOver=View('66FFFF') onClick=Set('66FFFF') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990000 onMouseOver=View('990000') onClick=Set('990000') height="10px" width="10px"></td>
<td bgcolor=#993300 onMouseOver=View('993300') onClick=Set('993300') height="10px" width="10px"></td>
<td bgcolor=#996600 onMouseOver=View('996600') onClick=Set('996600') height="10px" width="10px"></td>
<td bgcolor=#999900 onMouseOver=View('999900') onClick=Set('999900') height="10px" width="10px"></td>
<td bgcolor=#99CC00 onMouseOver=View('99CC00') onClick=Set('99CC00') height="10px" width="10px"></td>
<td bgcolor=#99FF00 onMouseOver=View('99FF00') onClick=Set('99FF00') height="10px" width="10px"></td>
<td bgcolor=#CC0000 onMouseOver=View('CC0000') onClick=Set('CC0000') height="10px" width="10px"></td>
<td bgcolor=#CC3300 onMouseOver=View('CC3300') onClick=Set('CC3300') height="10px" width="10px"></td>
<td bgcolor=#CC6600 onMouseOver=View('CC6600') onClick=Set('CC6600') height="10px" width="10px"></td>
<td bgcolor=#CC9900 onMouseOver=View('CC9900') onClick=Set('CC9900') height="10px" width="10px"></td>
<td bgcolor=#CCCC00 onMouseOver=View('CCCC00') onClick=Set('CCCC00') height="10px" width="10px"></td>
<td bgcolor=#CCFF00 onMouseOver=View('CCFF00') onClick=Set('CCFF00') height="10px" width="10px"></td>
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height="10px" width="10px"></td>
<td bgcolor=#FF3300 onMouseOver=View('FF3300') onClick=Set('FF3300') height="10px" width="10px"></td>
<td bgcolor=#FF6600 onMouseOver=View('FF6600') onClick=Set('FF6600') height="10px" width="10px"></td>
<td bgcolor=#FF9900 onMouseOver=View('FF9900') onClick=Set('FF9900') height="10px" width="10px"></td>
<td bgcolor=#FFCC00 onMouseOver=View('FFCC00') onClick=Set('FFCC00') height="10px" width="10px"></td>
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990033 onMouseOver=View('990033') onClick=Set('990033') height="10px" width="10px"></td>
<td bgcolor=#993333 onMouseOver=View('993333') onClick=Set('993333') height="10px" width="10px"></td>
<td bgcolor=#996633 onMouseOver=View('996633') onClick=Set('996633') height="10px" width="10px"></td>
<td bgcolor=#999933 onMouseOver=View('999933') onClick=Set('999933') height="10px" width="10px"></td>
<td bgcolor=#99CC33 onMouseOver=View('99CC33') onClick=Set('99CC33') height="10px" width="10px"></td>
<td bgcolor=#99FF33 onMouseOver=View('99FF33') onClick=Set('99FF33') height="10px" width="10px"></td>
<td bgcolor=#CC0033 onMouseOver=View('CC0033') onClick=Set('CC0033') height="10px" width="10px"></td>
<td bgcolor=#CC3333 onMouseOver=View('CC3333') onClick=Set('CC3333') height="10px" width="10px"></td>
<td bgcolor=#CC6633 onMouseOver=View('CC6633') onClick=Set('CC6633') height="10px" width="10px"></td>
<td bgcolor=#CC9933 onMouseOver=View('CC9933') onClick=Set('CC9933') height="10px" width="10px"></td>
<td bgcolor=#CCCC33 onMouseOver=View('CCCC33') onClick=Set('CCCC33') height="10px" width="10px"></td>
<td bgcolor=#CCFF33 onMouseOver=View('CCFF33') onClick=Set('CCFF33') height="10px" width="10px"></td>
<td bgcolor=#FF0033 onMouseOver=View('FF0033') onClick=Set('FF0033') height="10px" width="10px"></td>
<td bgcolor=#FF3333 onMouseOver=View('FF3333') onClick=Set('FF3333') height="10px" width="10px"></td>
<td bgcolor=#FF6633 onMouseOver=View('FF6633') onClick=Set('FF6633') height="10px" width="10px"></td>
<td bgcolor=#FF9933 onMouseOver=View('FF9933') onClick=Set('FF9933') height="10px" width="10px"></td>
<td bgcolor=#FFCC33 onMouseOver=View('FFCC33') onClick=Set('FFCC33') height="10px" width="10px"></td>
<td bgcolor=#FFFF33 onMouseOver=View('FFFF33') onClick=Set('FFFF33') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990066 onMouseOver=View('990066') onClick=Set('990066') height="10px" width="10px"></td>
<td bgcolor=#993366 onMouseOver=View('993366') onClick=Set('993366') height="10px" width="10px"></td>
<td bgcolor=#996666 onMouseOver=View('996666') onClick=Set('996666') height="10px" width="10px"></td>
<td bgcolor=#999966 onMouseOver=View('999966') onClick=Set('999966') height="10px" width="10px"></td>
<td bgcolor=#99CC66 onMouseOver=View('99CC66') onClick=Set('99CC66') height="10px" width="10px"></td>
<td bgcolor=#99FF66 onMouseOver=View('99FF66') onClick=Set('99FF66') height="10px" width="10px"></td>
<td bgcolor=#CC0066 onMouseOver=View('CC0066') onClick=Set('CC0066') height="10px" width="10px"></td>
<td bgcolor=#CC3366 onMouseOver=View('CC3366') onClick=Set('CC3366') height="10px" width="10px"></td>
<td bgcolor=#CC6666 onMouseOver=View('CC6666') onClick=Set('CC6666') height="10px" width="10px"></td>
<td bgcolor=#CC9966 onMouseOver=View('CC9966') onClick=Set('CC9966') height="10px" width="10px"></td>
<td bgcolor=#CCCC66 onMouseOver=View('CCCC66') onClick=Set('CCCC66') height="10px" width="10px"></td>
<td bgcolor=#CCFF66 onMouseOver=View('CCFF66') onClick=Set('CCFF66') height="10px" width="10px"></td>
<td bgcolor=#FF0066 onMouseOver=View('FF0066') onClick=Set('FF0066') height="10px" width="10px"></td>
<td bgcolor=#FF3366 onMouseOver=View('FF3366') onClick=Set('FF3366') height="10px" width="10px"></td>
<td bgcolor=#FF6666 onMouseOver=View('FF6666') onClick=Set('FF6666') height="10px" width="10px"></td>
<td bgcolor=#FF9966 onMouseOver=View('FF9966') onClick=Set('FF9966') height="10px" width="10px"></td>
<td bgcolor=#FFCC66 onMouseOver=View('FFCC66') onClick=Set('FFCC66') height="10px" width="10px"></td>
<td bgcolor=#FFFF66 onMouseOver=View('FFFF66') onClick=Set('FFFF66') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#990099 onMouseOver=View('990099') onClick=Set('990099') height="10px" width="10px"></td>
<td bgcolor=#993399 onMouseOver=View('993399') onClick=Set('993399') height="10px" width="10px"></td>
<td bgcolor=#996699 onMouseOver=View('996699') onClick=Set('996699') height="10px" width="10px"></td>
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height="10px" width="10px"></td>
<td bgcolor=#99CC99 onMouseOver=View('99CC99') onClick=Set('99CC99') height="10px" width="10px"></td>
<td bgcolor=#99FF99 onMouseOver=View('99FF99') onClick=Set('99FF99') height="10px" width="10px"></td>
<td bgcolor=#CC0099 onMouseOver=View('CC0099') onClick=Set('CC0099') height="10px" width="10px"></td>
<td bgcolor=#CC3399 onMouseOver=View('CC3399') onClick=Set('CC3399') height="10px" width="10px"></td>
<td bgcolor=#CC6699 onMouseOver=View('CC6699') onClick=Set('CC6699') height="10px" width="10px"></td>
<td bgcolor=#CC9999 onMouseOver=View('CC9999') onClick=Set('CC9999') height="10px" width="10px"></td>
<td bgcolor=#CCCC99 onMouseOver=View('CCCC99') onClick=Set('CCCC99') height="10px" width="10px"></td>
<td bgcolor=#CCFF99 onMouseOver=View('CCFF99') onClick=Set('CCFF99') height="10px" width="10px"></td>
<td bgcolor=#FF0099 onMouseOver=View('FF0099') onClick=Set('FF0099') height="10px" width="10px"></td>
<td bgcolor=#FF3399 onMouseOver=View('FF3399') onClick=Set('FF3399') height="10px" width="10px"></td>
<td bgcolor=#FF6699 onMouseOver=View('FF6699') onClick=Set('FF6699') height="10px" width="10px"></td>
<td bgcolor=#FF9999 onMouseOver=View('FF9999') onClick=Set('FF9999') height="10px" width="10px"></td>
<td bgcolor=#FFCC99 onMouseOver=View('FFCC99') onClick=Set('FFCC99') height="10px" width="10px"></td>
<td bgcolor=#FFFF99 onMouseOver=View('FFFF99') onClick=Set('FFFF99') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#9900CC onMouseOver=View('9900CC') onClick=Set('9900CC') height="10px" width="10px"></td>
<td bgcolor=#9933CC onMouseOver=View('9933CC') onClick=Set('9933CC') height="10px" width="10px"></td>
<td bgcolor=#9966CC onMouseOver=View('9966CC') onClick=Set('9966CC') height="10px" width="10px"></td>
<td bgcolor=#9999CC onMouseOver=View('9999CC') onClick=Set('9999CC') height="10px" width="10px"></td>
<td bgcolor=#99CCCC onMouseOver=View('99CCCC') onClick=Set('99CCCC') height="10px" width="10px"></td>
<td bgcolor=#99FFCC onMouseOver=View('99FFCC') onClick=Set('99FFCC') height="10px" width="10px"></td>
<td bgcolor=#CC00CC onMouseOver=View('CC00CC') onClick=Set('CC00CC') height="10px" width="10px"></td>
<td bgcolor=#CC33CC onMouseOver=View('CC33CC') onClick=Set('CC33CC') height="10px" width="10px"></td>
<td bgcolor=#CC66CC onMouseOver=View('CC66CC') onClick=Set('CC66CC') height="10px" width="10px"></td>
<td bgcolor=#CC99CC onMouseOver=View('CC99CC') onClick=Set('CC99CC') height="10px" width="10px"></td>
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height="10px" width="10px"></td>
<td bgcolor=#CCFFCC onMouseOver=View('CCFFCC') onClick=Set('CCFFCC') height="10px" width="10px"></td>
<td bgcolor=#FF00CC onMouseOver=View('FF00CC') onClick=Set('FF00CC') height="10px" width="10px"></td>
<td bgcolor=#FF33CC onMouseOver=View('FF33CC') onClick=Set('FF33CC') height="10px" width="10px"></td>
<td bgcolor=#FF66CC onMouseOver=View('FF66CC') onClick=Set('FF66CC') height="10px" width="10px"></td>
<td bgcolor=#FF99CC onMouseOver=View('FF99CC') onClick=Set('FF99CC') height="10px" width="10px"></td>
<td bgcolor=#FFCCCC onMouseOver=View('FFCCCC') onClick=Set('FFCCCC') height="10px" width="10px"></td>
<td bgcolor=#FFFFCC onMouseOver=View('FFFFCC') onClick=Set('FFFFCC') height="10px" width="10px"></td>
</tr>
<tr>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height="10px" width="10px"></td>
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
<td bgcolor=#9900FF onMouseOver=View('9900FF') onClick=Set('9900FF') height="10px" width="10px"></td>
<td bgcolor=#9933FF onMouseOver=View('9933FF') onClick=Set('9933FF') height="10px" width="10px"></td>
<td bgcolor=#9966FF onMouseOver=View('9966FF') onClick=Set('9966FF') height="10px" width="10px"></td>
<td bgcolor=#9999FF onMouseOver=View('9999FF') onClick=Set('9999FF') height="10px" width="10px"></td>
<td bgcolor=#99CCFF onMouseOver=View('99CCFF') onClick=Set('99CCFF') height="10px" width="10px"></td>
<td bgcolor=#99FFFF onMouseOver=View('99FFFF') onClick=Set('99FFFF') height="10px" width="10px"></td>
<td bgcolor=#CC00FF onMouseOver=View('CC00FF') onClick=Set('CC00FF') height="10px" width="10px"></td>
<td bgcolor=#CC33FF onMouseOver=View('CC33FF') onClick=Set('CC33FF') height="10px" width="10px"></td>
<td bgcolor=#CC66FF onMouseOver=View('CC66FF') onClick=Set('CC66FF') height="10px" width="10px"></td>
<td bgcolor=#CC99FF onMouseOver=View('CC99FF') onClick=Set('CC99FF') height="10px" width="10px"></td>
<td bgcolor=#CCCCFF onMouseOver=View('CCCCFF') onClick=Set('CCCCFF') height="10px" width="10px"></td>
<td bgcolor=#CCFFFF onMouseOver=View('CCFFFF') onClick=Set('CCFFFF') height="10px" width="10px"></td>
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height="10px" width="10px"></td>
<td bgcolor=#FF33FF onMouseOver=View('FF33FF') onClick=Set('FF33FF') height="10px" width="10px"></td>
<td bgcolor=#FF66FF onMouseOver=View('FF66FF') onClick=Set('FF66FF') height="10px" width="10px"></td>
<td bgcolor=#FF99FF onMouseOver=View('FF99FF') onClick=Set('FF99FF') height="10px" width="10px"></td>
<td bgcolor=#FFCCFF onMouseOver=View('FFCCFF') onClick=Set('FFCCFF') height="10px" width="10px"></td>
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height="10px" width="10px"></td>
</tr>
</table>
</body></html>
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<html><head><title>Select Color</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="popup.js"></script>
<script type="text/javascript">
window.resizeTo(240, 182);
// run on page load
function Init()
{
__dlg_translate('Xinha');
__dlg_init();
Xinha.addDom0Event(document, 'keypress', __dlg_close_on_esc);
var color = window.dialogArguments;
color = ValidateColor(color) || '000000';
View(color);
}
// preview color
function View(color)
{
document.getElementById("ColorPreview").style.backgroundColor = '#' + color;
document.getElementById("ColorHex").value = '#' + color;
}
// select color
function Set(string)
{
var color = ValidateColor(string);
if (color == null)
{
alert("Invalid color code: " + string);
}
else
{
View(color);
__dlg_close(color);
}
}
// return valid color code
function ValidateColor(string)
{
string = string || '';
string = string + "";
string = string.toUpperCase();
var chars = '0123456789ABCDEF';
var out = '';
// remove invalid color chars
for (var i=0; i<string.length; i++)
{
var schar = string.charAt(i);
if (chars.indexOf(schar) != -1) out += schar;
}
// check length
if (out.length != 6) return null;
return out;
}
</script>
<style type="text/css">
body { background:buttonface; margin:0; padding:0; }
form { margin:0; padding:0; }
#containerpreview td { background:buttonface; }
#preview { background-color:#000000; padding:1px; height:21px; width:50px; }
#ColorPreview { height:100%; width:100%; }
#ColorHex { font-size:12px; background:buttonface; border:0; }
#palettecolor { cursor:pointer; }
#palettecolor td { width:10px; height:10px; }
</style>
</head>
<body class="dialog" onload="Init()">
<form action="#" method="get" onsubmit="Set(document.getElementById('ColorHex').value); return false;">
<table border="0" cellspacing="0" cellpadding="4" width="100%" id="containerpreview">
<tr>
<td style="vertical-align: middle;"><div id="preview"><div id="ColorPreview"></div></div></td>
<td style="vertical-align: middle;" width="100%"><input type="text" name="ColorHex"
id="ColorHex" value="" size=15></td>
</tr>
</table>
</form>
<table id="palettecolor" border="0" cellspacing="1" cellpadding="0" width="100%" bgcolor="#000000">
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#003300" onmouseover="View('003300')" onclick="Set('003300')"></td>
<td bgcolor="#006600" onmouseover="View('006600')" onclick="Set('006600')"></td>
<td bgcolor="#009900" onmouseover="View('009900')" onclick="Set('009900')"></td>
<td bgcolor="#00CC00" onmouseover="View('00CC00')" onclick="Set('00CC00')"></td>
<td bgcolor="#00FF00" onmouseover="View('00FF00')" onclick="Set('00FF00')"></td>
<td bgcolor="#330000" onmouseover="View('330000')" onclick="Set('330000')"></td>
<td bgcolor="#333300" onmouseover="View('333300')" onclick="Set('333300')"></td>
<td bgcolor="#336600" onmouseover="View('336600')" onclick="Set('336600')"></td>
<td bgcolor="#339900" onmouseover="View('339900')" onclick="Set('339900')"></td>
<td bgcolor="#33CC00" onmouseover="View('33CC00')" onclick="Set('33CC00')"></td>
<td bgcolor="#33FF00" onmouseover="View('33FF00')" onclick="Set('33FF00')"></td>
<td bgcolor="#660000" onmouseover="View('660000')" onclick="Set('660000')"></td>
<td bgcolor="#663300" onmouseover="View('663300')" onclick="Set('663300')"></td>
<td bgcolor="#666600" onmouseover="View('666600')" onclick="Set('666600')"></td>
<td bgcolor="#669900" onmouseover="View('669900')" onclick="Set('669900')"></td>
<td bgcolor="#66CC00" onmouseover="View('66CC00')" onclick="Set('66CC00')"></td>
<td bgcolor="#66FF00" onmouseover="View('66FF00')" onclick="Set('66FF00')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#333333" onmouseover="View('333333')" onclick="Set('333333')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#000033" onmouseover="View('000033')" onclick="Set('000033')"></td>
<td bgcolor="#003333" onmouseover="View('003333')" onclick="Set('003333')"></td>
<td bgcolor="#006633" onmouseover="View('006633')" onclick="Set('006633')"></td>
<td bgcolor="#009933" onmouseover="View('009933')" onclick="Set('009933')"></td>
<td bgcolor="#00CC33" onmouseover="View('00CC33')" onclick="Set('00CC33')"></td>
<td bgcolor="#00FF33" onmouseover="View('00FF33')" onclick="Set('00FF33')"></td>
<td bgcolor="#330033" onmouseover="View('330033')" onclick="Set('330033')"></td>
<td bgcolor="#333333" onmouseover="View('333333')" onclick="Set('333333')"></td>
<td bgcolor="#336633" onmouseover="View('336633')" onclick="Set('336633')"></td>
<td bgcolor="#339933" onmouseover="View('339933')" onclick="Set('339933')"></td>
<td bgcolor="#33CC33" onmouseover="View('33CC33')" onclick="Set('33CC33')"></td>
<td bgcolor="#33FF33" onmouseover="View('33FF33')" onclick="Set('33FF33')"></td>
<td bgcolor="#660033" onmouseover="View('660033')" onclick="Set('660033')"></td>
<td bgcolor="#663333" onmouseover="View('663333')" onclick="Set('663333')"></td>
<td bgcolor="#666633" onmouseover="View('666633')" onclick="Set('666633')"></td>
<td bgcolor="#669933" onmouseover="View('669933')" onclick="Set('669933')"></td>
<td bgcolor="#66CC33" onmouseover="View('66CC33')" onclick="Set('66CC33')"></td>
<td bgcolor="#66FF33" onmouseover="View('66FF33')" onclick="Set('66FF33')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#666666" onmouseover="View('666666')" onclick="Set('666666')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#000066" onmouseover="View('000066')" onclick="Set('000066')"></td>
<td bgcolor="#003366" onmouseover="View('003366')" onclick="Set('003366')"></td>
<td bgcolor="#006666" onmouseover="View('006666')" onclick="Set('006666')"></td>
<td bgcolor="#009966" onmouseover="View('009966')" onclick="Set('009966')"></td>
<td bgcolor="#00CC66" onmouseover="View('00CC66')" onclick="Set('00CC66')"></td>
<td bgcolor="#00FF66" onmouseover="View('00FF66')" onclick="Set('00FF66')"></td>
<td bgcolor="#330066" onmouseover="View('330066')" onclick="Set('330066')"></td>
<td bgcolor="#333366" onmouseover="View('333366')" onclick="Set('333366')"></td>
<td bgcolor="#336666" onmouseover="View('336666')" onclick="Set('336666')"></td>
<td bgcolor="#339966" onmouseover="View('339966')" onclick="Set('339966')"></td>
<td bgcolor="#33CC66" onmouseover="View('33CC66')" onclick="Set('33CC66')"></td>
<td bgcolor="#33FF66" onmouseover="View('33FF66')" onclick="Set('33FF66')"></td>
<td bgcolor="#660066" onmouseover="View('660066')" onclick="Set('660066')"></td>
<td bgcolor="#663366" onmouseover="View('663366')" onclick="Set('663366')"></td>
<td bgcolor="#666666" onmouseover="View('666666')" onclick="Set('666666')"></td>
<td bgcolor="#669966" onmouseover="View('669966')" onclick="Set('669966')"></td>
<td bgcolor="#66CC66" onmouseover="View('66CC66')" onclick="Set('66CC66')"></td>
<td bgcolor="#66FF66" onmouseover="View('66FF66')" onclick="Set('66FF66')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#999999" onmouseover="View('999999')" onclick="Set('999999')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#000099" onmouseover="View('000099')" onclick="Set('000099')"></td>
<td bgcolor="#003399" onmouseover="View('003399')" onclick="Set('003399')"></td>
<td bgcolor="#006699" onmouseover="View('006699')" onclick="Set('006699')"></td>
<td bgcolor="#009999" onmouseover="View('009999')" onclick="Set('009999')"></td>
<td bgcolor="#00CC99" onmouseover="View('00CC99')" onclick="Set('00CC99')"></td>
<td bgcolor="#00FF99" onmouseover="View('00FF99')" onclick="Set('00FF99')"></td>
<td bgcolor="#330099" onmouseover="View('330099')" onclick="Set('330099')"></td>
<td bgcolor="#333399" onmouseover="View('333399')" onclick="Set('333399')"></td>
<td bgcolor="#336699" onmouseover="View('336699')" onclick="Set('336699')"></td>
<td bgcolor="#339999" onmouseover="View('339999')" onclick="Set('339999')"></td>
<td bgcolor="#33CC99" onmouseover="View('33CC99')" onclick="Set('33CC99')"></td>
<td bgcolor="#33FF99" onmouseover="View('33FF99')" onclick="Set('33FF99')"></td>
<td bgcolor="#660099" onmouseover="View('660099')" onclick="Set('660099')"></td>
<td bgcolor="#663399" onmouseover="View('663399')" onclick="Set('663399')"></td>
<td bgcolor="#666699" onmouseover="View('666699')" onclick="Set('666699')"></td>
<td bgcolor="#669999" onmouseover="View('669999')" onclick="Set('669999')"></td>
<td bgcolor="#66CC99" onmouseover="View('66CC99')" onclick="Set('66CC99')"></td>
<td bgcolor="#66FF99" onmouseover="View('66FF99')" onclick="Set('66FF99')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#CCCCCC" onmouseover="View('CCCCCC')" onclick="Set('CCCCCC')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#0000CC" onmouseover="View('0000CC')" onclick="Set('0000CC')"></td>
<td bgcolor="#0033CC" onmouseover="View('0033CC')" onclick="Set('0033CC')"></td>
<td bgcolor="#0066CC" onmouseover="View('0066CC')" onclick="Set('0066CC')"></td>
<td bgcolor="#0099CC" onmouseover="View('0099CC')" onclick="Set('0099CC')"></td>
<td bgcolor="#00CCCC" onmouseover="View('00CCCC')" onclick="Set('00CCCC')"></td>
<td bgcolor="#00FFCC" onmouseover="View('00FFCC')" onclick="Set('00FFCC')"></td>
<td bgcolor="#3300CC" onmouseover="View('3300CC')" onclick="Set('3300CC')"></td>
<td bgcolor="#3333CC" onmouseover="View('3333CC')" onclick="Set('3333CC')"></td>
<td bgcolor="#3366CC" onmouseover="View('3366CC')" onclick="Set('3366CC')"></td>
<td bgcolor="#3399CC" onmouseover="View('3399CC')" onclick="Set('3399CC')"></td>
<td bgcolor="#33CCCC" onmouseover="View('33CCCC')" onclick="Set('33CCCC')"></td>
<td bgcolor="#33FFCC" onmouseover="View('33FFCC')" onclick="Set('33FFCC')"></td>
<td bgcolor="#6600CC" onmouseover="View('6600CC')" onclick="Set('6600CC')"></td>
<td bgcolor="#6633CC" onmouseover="View('6633CC')" onclick="Set('6633CC')"></td>
<td bgcolor="#6666CC" onmouseover="View('6666CC')" onclick="Set('6666CC')"></td>
<td bgcolor="#6699CC" onmouseover="View('6699CC')" onclick="Set('6699CC')"></td>
<td bgcolor="#66CCCC" onmouseover="View('66CCCC')" onclick="Set('66CCCC')"></td>
<td bgcolor="#66FFCC" onmouseover="View('66FFCC')" onclick="Set('66FFCC')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#FFFFFF" onmouseover="View('FFFFFF')" onclick="Set('FFFFFF')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#0000FF" onmouseover="View('0000FF')" onclick="Set('0000FF')"></td>
<td bgcolor="#0033FF" onmouseover="View('0033FF')" onclick="Set('0033FF')"></td>
<td bgcolor="#0066FF" onmouseover="View('0066FF')" onclick="Set('0066FF')"></td>
<td bgcolor="#0099FF" onmouseover="View('0099FF')" onclick="Set('0099FF')"></td>
<td bgcolor="#00CCFF" onmouseover="View('00CCFF')" onclick="Set('00CCFF')"></td>
<td bgcolor="#00FFFF" onmouseover="View('00FFFF')" onclick="Set('00FFFF')"></td>
<td bgcolor="#3300FF" onmouseover="View('3300FF')" onclick="Set('3300FF')"></td>
<td bgcolor="#3333FF" onmouseover="View('3333FF')" onclick="Set('3333FF')"></td>
<td bgcolor="#3366FF" onmouseover="View('3366FF')" onclick="Set('3366FF')"></td>
<td bgcolor="#3399FF" onmouseover="View('3399FF')" onclick="Set('3399FF')"></td>
<td bgcolor="#33CCFF" onmouseover="View('33CCFF')" onclick="Set('33CCFF')"></td>
<td bgcolor="#33FFFF" onmouseover="View('33FFFF')" onclick="Set('33FFFF')"></td>
<td bgcolor="#6600FF" onmouseover="View('6600FF')" onclick="Set('6600FF')"></td>
<td bgcolor="#6633FF" onmouseover="View('6633FF')" onclick="Set('6633FF')"></td>
<td bgcolor="#6666FF" onmouseover="View('6666FF')" onclick="Set('6666FF')"></td>
<td bgcolor="#6699FF" onmouseover="View('6699FF')" onclick="Set('6699FF')"></td>
<td bgcolor="#66CCFF" onmouseover="View('66CCFF')" onclick="Set('66CCFF')"></td>
<td bgcolor="#66FFFF" onmouseover="View('66FFFF')" onclick="Set('66FFFF')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#FF0000" onmouseover="View('FF0000')" onclick="Set('FF0000')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#990000" onmouseover="View('990000')" onclick="Set('990000')"></td>
<td bgcolor="#993300" onmouseover="View('993300')" onclick="Set('993300')"></td>
<td bgcolor="#996600" onmouseover="View('996600')" onclick="Set('996600')"></td>
<td bgcolor="#999900" onmouseover="View('999900')" onclick="Set('999900')"></td>
<td bgcolor="#99CC00" onmouseover="View('99CC00')" onclick="Set('99CC00')"></td>
<td bgcolor="#99FF00" onmouseover="View('99FF00')" onclick="Set('99FF00')"></td>
<td bgcolor="#CC0000" onmouseover="View('CC0000')" onclick="Set('CC0000')"></td>
<td bgcolor="#CC3300" onmouseover="View('CC3300')" onclick="Set('CC3300')"></td>
<td bgcolor="#CC6600" onmouseover="View('CC6600')" onclick="Set('CC6600')"></td>
<td bgcolor="#CC9900" onmouseover="View('CC9900')" onclick="Set('CC9900')"></td>
<td bgcolor="#CCCC00" onmouseover="View('CCCC00')" onclick="Set('CCCC00')"></td>
<td bgcolor="#CCFF00" onmouseover="View('CCFF00')" onclick="Set('CCFF00')"></td>
<td bgcolor="#FF0000" onmouseover="View('FF0000')" onclick="Set('FF0000')"></td>
<td bgcolor="#FF3300" onmouseover="View('FF3300')" onclick="Set('FF3300')"></td>
<td bgcolor="#FF6600" onmouseover="View('FF6600')" onclick="Set('FF6600')"></td>
<td bgcolor="#FF9900" onmouseover="View('FF9900')" onclick="Set('FF9900')"></td>
<td bgcolor="#FFCC00" onmouseover="View('FFCC00')" onclick="Set('FFCC00')"></td>
<td bgcolor="#FFFF00" onmouseover="View('FFFF00')" onclick="Set('FFFF00')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#00FF00" onmouseover="View('00FF00')" onclick="Set('00FF00')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#990033" onmouseover="View('990033')" onclick="Set('990033')"></td>
<td bgcolor="#993333" onmouseover="View('993333')" onclick="Set('993333')"></td>
<td bgcolor="#996633" onmouseover="View('996633')" onclick="Set('996633')"></td>
<td bgcolor="#999933" onmouseover="View('999933')" onclick="Set('999933')"></td>
<td bgcolor="#99CC33" onmouseover="View('99CC33')" onclick="Set('99CC33')"></td>
<td bgcolor="#99FF33" onmouseover="View('99FF33')" onclick="Set('99FF33')"></td>
<td bgcolor="#CC0033" onmouseover="View('CC0033')" onclick="Set('CC0033')"></td>
<td bgcolor="#CC3333" onmouseover="View('CC3333')" onclick="Set('CC3333')"></td>
<td bgcolor="#CC6633" onmouseover="View('CC6633')" onclick="Set('CC6633')"></td>
<td bgcolor="#CC9933" onmouseover="View('CC9933')" onclick="Set('CC9933')"></td>
<td bgcolor="#CCCC33" onmouseover="View('CCCC33')" onclick="Set('CCCC33')"></td>
<td bgcolor="#CCFF33" onmouseover="View('CCFF33')" onclick="Set('CCFF33')"></td>
<td bgcolor="#FF0033" onmouseover="View('FF0033')" onclick="Set('FF0033')"></td>
<td bgcolor="#FF3333" onmouseover="View('FF3333')" onclick="Set('FF3333')"></td>
<td bgcolor="#FF6633" onmouseover="View('FF6633')" onclick="Set('FF6633')"></td>
<td bgcolor="#FF9933" onmouseover="View('FF9933')" onclick="Set('FF9933')"></td>
<td bgcolor="#FFCC33" onmouseover="View('FFCC33')" onclick="Set('FFCC33')"></td>
<td bgcolor="#FFFF33" onmouseover="View('FFFF33')" onclick="Set('FFFF33')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#0000FF" onmouseover="View('0000FF')" onclick="Set('0000FF')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#990066" onmouseover="View('990066')" onclick="Set('990066')"></td>
<td bgcolor="#993366" onmouseover="View('993366')" onclick="Set('993366')"></td>
<td bgcolor="#996666" onmouseover="View('996666')" onclick="Set('996666')"></td>
<td bgcolor="#999966" onmouseover="View('999966')" onclick="Set('999966')"></td>
<td bgcolor="#99CC66" onmouseover="View('99CC66')" onclick="Set('99CC66')"></td>
<td bgcolor="#99FF66" onmouseover="View('99FF66')" onclick="Set('99FF66')"></td>
<td bgcolor="#CC0066" onmouseover="View('CC0066')" onclick="Set('CC0066')"></td>
<td bgcolor="#CC3366" onmouseover="View('CC3366')" onclick="Set('CC3366')"></td>
<td bgcolor="#CC6666" onmouseover="View('CC6666')" onclick="Set('CC6666')"></td>
<td bgcolor="#CC9966" onmouseover="View('CC9966')" onclick="Set('CC9966')"></td>
<td bgcolor="#CCCC66" onmouseover="View('CCCC66')" onclick="Set('CCCC66')"></td>
<td bgcolor="#CCFF66" onmouseover="View('CCFF66')" onclick="Set('CCFF66')"></td>
<td bgcolor="#FF0066" onmouseover="View('FF0066')" onclick="Set('FF0066')"></td>
<td bgcolor="#FF3366" onmouseover="View('FF3366')" onclick="Set('FF3366')"></td>
<td bgcolor="#FF6666" onmouseover="View('FF6666')" onclick="Set('FF6666')"></td>
<td bgcolor="#FF9966" onmouseover="View('FF9966')" onclick="Set('FF9966')"></td>
<td bgcolor="#FFCC66" onmouseover="View('FFCC66')" onclick="Set('FFCC66')"></td>
<td bgcolor="#FFFF66" onmouseover="View('FFFF66')" onclick="Set('FFFF66')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#FFFF00" onmouseover="View('FFFF00')" onclick="Set('FFFF00')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#990099" onmouseover="View('990099')" onclick="Set('990099')"></td>
<td bgcolor="#993399" onmouseover="View('993399')" onclick="Set('993399')"></td>
<td bgcolor="#996699" onmouseover="View('996699')" onclick="Set('996699')"></td>
<td bgcolor="#999999" onmouseover="View('999999')" onclick="Set('999999')"></td>
<td bgcolor="#99CC99" onmouseover="View('99CC99')" onclick="Set('99CC99')"></td>
<td bgcolor="#99FF99" onmouseover="View('99FF99')" onclick="Set('99FF99')"></td>
<td bgcolor="#CC0099" onmouseover="View('CC0099')" onclick="Set('CC0099')"></td>
<td bgcolor="#CC3399" onmouseover="View('CC3399')" onclick="Set('CC3399')"></td>
<td bgcolor="#CC6699" onmouseover="View('CC6699')" onclick="Set('CC6699')"></td>
<td bgcolor="#CC9999" onmouseover="View('CC9999')" onclick="Set('CC9999')"></td>
<td bgcolor="#CCCC99" onmouseover="View('CCCC99')" onclick="Set('CCCC99')"></td>
<td bgcolor="#CCFF99" onmouseover="View('CCFF99')" onclick="Set('CCFF99')"></td>
<td bgcolor="#FF0099" onmouseover="View('FF0099')" onclick="Set('FF0099')"></td>
<td bgcolor="#FF3399" onmouseover="View('FF3399')" onclick="Set('FF3399')"></td>
<td bgcolor="#FF6699" onmouseover="View('FF6699')" onclick="Set('FF6699')"></td>
<td bgcolor="#FF9999" onmouseover="View('FF9999')" onclick="Set('FF9999')"></td>
<td bgcolor="#FFCC99" onmouseover="View('FFCC99')" onclick="Set('FFCC99')"></td>
<td bgcolor="#FFFF99" onmouseover="View('FFFF99')" onclick="Set('FFFF99')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#00FFFF" onmouseover="View('00FFFF')" onclick="Set('00FFFF')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#9900CC" onmouseover="View('9900CC')" onclick="Set('9900CC')"></td>
<td bgcolor="#9933CC" onmouseover="View('9933CC')" onclick="Set('9933CC')"></td>
<td bgcolor="#9966CC" onmouseover="View('9966CC')" onclick="Set('9966CC')"></td>
<td bgcolor="#9999CC" onmouseover="View('9999CC')" onclick="Set('9999CC')"></td>
<td bgcolor="#99CCCC" onmouseover="View('99CCCC')" onclick="Set('99CCCC')"></td>
<td bgcolor="#99FFCC" onmouseover="View('99FFCC')" onclick="Set('99FFCC')"></td>
<td bgcolor="#CC00CC" onmouseover="View('CC00CC')" onclick="Set('CC00CC')"></td>
<td bgcolor="#CC33CC" onmouseover="View('CC33CC')" onclick="Set('CC33CC')"></td>
<td bgcolor="#CC66CC" onmouseover="View('CC66CC')" onclick="Set('CC66CC')"></td>
<td bgcolor="#CC99CC" onmouseover="View('CC99CC')" onclick="Set('CC99CC')"></td>
<td bgcolor="#CCCCCC" onmouseover="View('CCCCCC')" onclick="Set('CCCCCC')"></td>
<td bgcolor="#CCFFCC" onmouseover="View('CCFFCC')" onclick="Set('CCFFCC')"></td>
<td bgcolor="#FF00CC" onmouseover="View('FF00CC')" onclick="Set('FF00CC')"></td>
<td bgcolor="#FF33CC" onmouseover="View('FF33CC')" onclick="Set('FF33CC')"></td>
<td bgcolor="#FF66CC" onmouseover="View('FF66CC')" onclick="Set('FF66CC')"></td>
<td bgcolor="#FF99CC" onmouseover="View('FF99CC')" onclick="Set('FF99CC')"></td>
<td bgcolor="#FFCCCC" onmouseover="View('FFCCCC')" onclick="Set('FFCCCC')"></td>
<td bgcolor="#FFFFCC" onmouseover="View('FFFFCC')" onclick="Set('FFFFCC')"></td>
</tr>
<tr>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#FF00FF" onmouseover="View('FF00FF')" onclick="Set('FF00FF')"></td>
<td bgcolor="#000000" onmouseover="View('000000')" onclick="Set('000000')"></td>
<td bgcolor="#9900FF" onmouseover="View('9900FF')" onclick="Set('9900FF')"></td>
<td bgcolor="#9933FF" onmouseover="View('9933FF')" onclick="Set('9933FF')"></td>
<td bgcolor="#9966FF" onmouseover="View('9966FF')" onclick="Set('9966FF')"></td>
<td bgcolor="#9999FF" onmouseover="View('9999FF')" onclick="Set('9999FF')"></td>
<td bgcolor="#99CCFF" onmouseover="View('99CCFF')" onclick="Set('99CCFF')"></td>
<td bgcolor="#99FFFF" onmouseover="View('99FFFF')" onclick="Set('99FFFF')"></td>
<td bgcolor="#CC00FF" onmouseover="View('CC00FF')" onclick="Set('CC00FF')"></td>
<td bgcolor="#CC33FF" onmouseover="View('CC33FF')" onclick="Set('CC33FF')"></td>
<td bgcolor="#CC66FF" onmouseover="View('CC66FF')" onclick="Set('CC66FF')"></td>
<td bgcolor="#CC99FF" onmouseover="View('CC99FF')" onclick="Set('CC99FF')"></td>
<td bgcolor="#CCCCFF" onmouseover="View('CCCCFF')" onclick="Set('CCCCFF')"></td>
<td bgcolor="#CCFFFF" onmouseover="View('CCFFFF')" onclick="Set('CCFFFF')"></td>
<td bgcolor="#FF00FF" onmouseover="View('FF00FF')" onclick="Set('FF00FF')"></td>
<td bgcolor="#FF33FF" onmouseover="View('FF33FF')" onclick="Set('FF33FF')"></td>
<td bgcolor="#FF66FF" onmouseover="View('FF66FF')" onclick="Set('FF66FF')"></td>
<td bgcolor="#FF99FF" onmouseover="View('FF99FF')" onclick="Set('FF99FF')"></td>
<td bgcolor="#FFCCFF" onmouseover="View('FFCCFF')" onclick="Set('FFCCFF')"></td>
<td bgcolor="#FFFFFF" onmouseover="View('FFFFFF')" onclick="Set('FFFFFF')"></td>
</tr>
</table>
</body></html>