Also support "last X" REST interface
This commit is contained in:
Garvin Hicking
392
htmlarea/popups/about.html
Normal file
392
htmlarea/popups/about.html
Normal file
@ -0,0 +1,392 @@
|
||||
<!--
|
||||
|
||||
(c) dynarch.com, 2003-2004
|
||||
Author: Mihai Bazon, http://dynarch.com/mishoo
|
||||
Distributed as part of HTMLArea 3.0
|
||||
|
||||
"You are not expected to understand this... I don't neither."
|
||||
|
||||
(from The Linux Kernel Source Code,
|
||||
./arch/x86_64/ia32/ptrace.c:90)
|
||||
|
||||
;-)
|
||||
|
||||
-->
|
||||
|
||||
<html style="height: 100%">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>About HTMLArea</title>
|
||||
<script type="text/javascript" src="popup.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.resizeTo(450, 250);
|
||||
var TABS = [];
|
||||
var CURRENT_TAB = 0;
|
||||
var CONTENT_HEIGHT_DIFF = 0;
|
||||
var CONTENT_WIDTH_DIFF = 0;
|
||||
function selectTab(idx) {
|
||||
var ct = TABS[CURRENT_TAB];
|
||||
ct.className = ct.className.replace(/\s*tab-current\s*/, ' ');
|
||||
ct = TABS[CURRENT_TAB = idx];
|
||||
ct.className += ' tab-current';
|
||||
for (var i = TABS.length; --i >= 0;) {
|
||||
var area = document.getElementById("tab-area-" + i);
|
||||
if (CURRENT_TAB == i) {
|
||||
area.style.display = "block";
|
||||
} else {
|
||||
area.style.display = "none";
|
||||
}
|
||||
}
|
||||
document.body.style.visibility = "hidden";
|
||||
document.body.style.visibility = "visible";
|
||||
document.cookie = "HTMLAREA-ABOUT-TAB=" + idx;
|
||||
}
|
||||
var editor = null;
|
||||
function initDocument() {
|
||||
editor = window.dialogArguments;
|
||||
HTMLArea = window.opener.HTMLArea;
|
||||
|
||||
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>";
|
||||
for (var i in editor.plugins) {
|
||||
var info = editor.plugins[i];
|
||||
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>";
|
||||
++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;
|
||||
} else {
|
||||
plugins.innerHTML = "<p>No plugins have been loaded</p>";
|
||||
}
|
||||
|
||||
plugins.innerHTML += "<p>User agent reports:<br/>" + navigator.userAgent + "</p>";
|
||||
|
||||
var content = document.getElementById("content");
|
||||
if (window.innerHeight) {
|
||||
CONTENT_HEIGHT_DIFF = window.innerHeight - 250;
|
||||
CONTENT_WIDTH_DIFF = window.innerWidth - content.offsetWidth;
|
||||
} else {
|
||||
CONTENT_HEIGHT_DIFF = document.body.offsetHeight - 250;
|
||||
CONTENT_WIDTH_DIFF = document.body.offsetWidth - 400;
|
||||
}
|
||||
window.onresize();
|
||||
var bar = document.getElementById("tabbar");
|
||||
j = 0;
|
||||
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); };
|
||||
var area = document.getElementById("tab-area-" + j);
|
||||
if (/tab-current/.test(i.className)) {
|
||||
CURRENT_TAB = j;
|
||||
area.style.display = "block";
|
||||
} else {
|
||||
area.style.display = "none";
|
||||
}
|
||||
++j;
|
||||
}
|
||||
if (document.cookie.match(/HTMLAREA-ABOUT-TAB=([0-9]+)/))
|
||||
selectTab(RegExp.$1);
|
||||
}
|
||||
window.onresize = function() {
|
||||
var content = document.getElementById("content");
|
||||
if (window.innerHeight) {
|
||||
content.style.height = (window.innerHeight - CONTENT_HEIGHT_DIFF) + "px";
|
||||
content.style.width = (window.innerWidth - CONTENT_WIDTH_DIFF) + "px";
|
||||
} else {
|
||||
content.style.height = (document.body.offsetHeight - CONTENT_HEIGHT_DIFF) + "px";
|
||||
//content.style.width = (document.body.offsetWidth - CONTENT_WIDTH_DIFF) + "px";
|
||||
}
|
||||
}
|
||||
</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; }
|
||||
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; }
|
||||
|
||||
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; }
|
||||
|
||||
thead {
|
||||
font-weight: bold;
|
||||
background-color: #dfb;
|
||||
}
|
||||
|
||||
.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; }
|
||||
|
||||
.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;
|
||||
border-top: 1px solid #555;
|
||||
}
|
||||
#tabbar {
|
||||
position: relative;
|
||||
left: 10px;
|
||||
}
|
||||
.tab {
|
||||
color: #454;
|
||||
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;
|
||||
-moz-border-radius: 0px 0px 4px 4px;
|
||||
z-index: 0;
|
||||
}
|
||||
.tab-current {
|
||||
color: #000;
|
||||
top: -4px;
|
||||
background-color: #cea;
|
||||
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();"
|
||||
><table cellspacing="0" cellpadding="0" style="border-collapse: collapse;
|
||||
width: 100%; height: 100%;">
|
||||
|
||||
<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"><H</span><span
|
||||
class="letter letter2">T</span><span
|
||||
class="letter letter3">M</span><span
|
||||
class="letter letter4">L</span>Area <span class="letter">/></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>
|
||||
|
||||
</td></tr>
|
||||
<tr><td id="tdcontent" style="padding: 0.5em;">
|
||||
|
||||
<div style="overflow: auto; height: 250px;" id="content">
|
||||
<div id="tab-areas">
|
||||
|
||||
<div id="tab-area-0">
|
||||
|
||||
<h1>HTMLArea</h1>
|
||||
|
||||
<p>A free WYSIWYG editor replacement for <tt><textarea></tt> fields.<br />
|
||||
For Mozilla 1.3+ (any platform) or Internet Explorer 5.5+ (Windows).
|
||||
</p>
|
||||
|
||||
<p style="text-align: center"
|
||||
>© 2002-2004 <a href="http://interactivetools.com" target="_blank">interactivetools.com</a>, inc.<br />
|
||||
© 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>
|
||||
For download section please see the <a href="http://sourceforge.net/projects/itools-htmlarea/" target="_blank"
|
||||
>project page @ SourceForge</a>.
|
||||
</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>
|
||||
|
||||
</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>.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="tab-area-2">
|
||||
<h1>htmlArea License (based on BSD license)</h1>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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
|
||||
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
|
||||
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
||||
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
||||
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>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="tab-area-3">
|
||||
<h1>Plugins</h1>
|
||||
<div id="plugins">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div></div>
|
||||
|
||||
|
||||
</tr></td>
|
||||
<tr style="height: 1em"><td id="tdfooter">
|
||||
|
||||
|
||||
<div class="buttons">
|
||||
<div id="tabbar"
|
||||
><div class="tab tab-current"
|
||||
>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>
|
||||
</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>
|
||||
2
htmlarea/popups/blank.html
Normal file
2
htmlarea/popups/blank.html
Normal file
@ -0,0 +1,2 @@
|
||||
<html>
|
||||
</html>
|
||||
35
htmlarea/popups/custom2.html
Normal file
35
htmlarea/popups/custom2.html
Normal file
@ -0,0 +1,35 @@
|
||||
<html style="width:300px; Height: 60px;">
|
||||
<head>
|
||||
<title>Select Phrase</title>
|
||||
<script language="javascript">
|
||||
|
||||
var myTitle = window.dialogArguments;
|
||||
document.title = myTitle;
|
||||
|
||||
|
||||
function returnSelected() {
|
||||
var idx = document.all.textPulldown.selectedIndex;
|
||||
var text = document.all.textPulldown[idx].text;
|
||||
|
||||
window.returnValue = text; // set return value
|
||||
window.close(); // close dialog
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body bgcolor="#FFFFFF" topmargin=15 leftmargin=0>
|
||||
|
||||
<form method=get onSubmit="Set(document.all.ColorHex.value); return false;">
|
||||
<div align=center>
|
||||
|
||||
<select name="textPulldown">
|
||||
<option>The quick brown</option>
|
||||
<option>fox jumps over</option>
|
||||
<option>the lazy dog.</option>
|
||||
</select>
|
||||
|
||||
<input type="button" value=" Go " onClick="returnSelected()">
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</body></html>
|
||||
16
htmlarea/popups/editor_help.html
Normal file
16
htmlarea/popups/editor_help.html
Normal file
@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Editor Help</title>
|
||||
<style>
|
||||
body, td, p, div { font-family: arial; font-size: x-small; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>Editor Help<hr></h2>
|
||||
|
||||
Todo...
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
139
htmlarea/popups/fullscreen.html
Normal file
139
htmlarea/popups/fullscreen.html
Normal file
@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Fullscreen HTMLArea</title>
|
||||
<script type="text/javascript">
|
||||
_editor_url = window.opener._editor_url || '../';
|
||||
_editor_lang = window.opener._editor_lang;
|
||||
_editor_css = window.opener._editor_css;
|
||||
var BASE = window.opener.document.baseURI || window.opener.document.URL;
|
||||
var head = document.getElementsByTagName("head")[0];
|
||||
var base = document.createElement("base");
|
||||
base.href = BASE;
|
||||
head.appendChild(base);
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
document.write('<scr' + 'ipt type="text/javascript" src="' + _editor_url + 'htmlarea.js"></scr' + 'ipt>');
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
// load HTMLArea scripts that are present in the opener frame
|
||||
var scripts = window.opener.HTMLArea._scripts;
|
||||
for (var i = 3; i < scripts.length; ++i) {
|
||||
//document.write("<scr" + "ipt type='text/javascript' src='" + scripts[i] + "'></scr" + "ipt>");
|
||||
HTMLArea.loadScript(scripts[i]);
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- browser takes a coffee break here -->
|
||||
<script type="text/javascript">
|
||||
var parent_object = null;
|
||||
var editor = null; // to be initialized later [ function init() ]
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function :
|
||||
Description :
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function _CloseOnEsc(ev) {
|
||||
ev || (ev = window.event) || (ev = editor._iframe.contentWindow.event);
|
||||
if (ev.keyCode == 27) {
|
||||
// update_parent();
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : resize_editor
|
||||
Description : resize the editor when the user resizes the popup
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function resize_editor() { // resize editor to fix window
|
||||
var newHeight;
|
||||
if (document.all) {
|
||||
// IE
|
||||
newHeight = document.body.offsetHeight - editor._toolbar.offsetHeight;
|
||||
if (newHeight < 0) { newHeight = 0; }
|
||||
} else {
|
||||
// Gecko
|
||||
newHeight = window.innerHeight - editor._toolbar.offsetHeight;
|
||||
}
|
||||
if (editor.config.statusBar) {
|
||||
newHeight -= editor._statusBar.offsetHeight;
|
||||
}
|
||||
editor._textArea.style.height = editor._iframe.style.height = newHeight - (HTMLArea.is_gecko ? 8 : 0) + "px";
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : init
|
||||
Description : run this code on page load
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function init() {
|
||||
parent_object = opener.HTMLArea._object;
|
||||
var config = HTMLArea.cloneObject( parent_object.config );
|
||||
config.width = "100%";
|
||||
config.height = "auto";
|
||||
|
||||
// change maximize button to minimize button
|
||||
config.btnList["popupeditor"] = [ 'Minimize Editor', _editor_url + 'images/fullscreen_minimize.gif', true,
|
||||
function() { window.close(); } ];
|
||||
|
||||
// generate editor and resize it
|
||||
editor = new HTMLArea("editor", config);
|
||||
|
||||
// register the plugins, if any
|
||||
for (var i in parent_object.plugins) {
|
||||
var plugin = parent_object.plugins[i];
|
||||
try {
|
||||
eval(plugin.name);
|
||||
editor.registerPlugin2(plugin.name, plugin.args);
|
||||
} catch(e) {};
|
||||
}
|
||||
// and restore the original toolbar
|
||||
config.toolbar = parent_object.config.toolbar;
|
||||
editor.generate();
|
||||
editor._iframe.style.width = "100%";
|
||||
editor._textArea.style.width = "100%";
|
||||
resize_editor();
|
||||
|
||||
editor.doctype = parent_object.doctype;
|
||||
|
||||
// set child window contents and event handlers, after a small delay
|
||||
setTimeout(function() {
|
||||
editor.setHTML(parent_object.getInnerHTML());
|
||||
|
||||
// switch mode if needed
|
||||
if (parent_object._mode == "textmode") { editor.setMode("textmode"); }
|
||||
|
||||
// continuously update parent editor window
|
||||
setInterval(update_parent, 500);
|
||||
|
||||
// setup event handlers
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
editor._doc.body.onkeypress = _CloseOnEsc;
|
||||
editor._textArea.onkeypress = _CloseOnEsc;
|
||||
window.onresize = resize_editor;
|
||||
}, 333); // give it some time to meet the new frame
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : update_parent
|
||||
Description : update parent window editor field with contents from child window
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function update_parent() {
|
||||
// use the fast version
|
||||
parent_object.setHTML(editor.getInnerHTML());
|
||||
}
|
||||
|
||||
</script>
|
||||
<style type="text/css"> html, body { height: 100%; margin: 0px; border: 0px; background-color: buttonface; } </style>
|
||||
</head>
|
||||
<body scroll="no" onload="HTMLArea.onload = init; HTMLArea.init();" onunload="update_parent()">
|
||||
<form style="margin: 0px; border: 1px solid; border-color: threedshadow threedhighlight threedhighlight threedshadow;">
|
||||
<textarea name="editor" id="editor" style="width:100%; height:300px"> </textarea>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
191
htmlarea/popups/insert_image.html
Normal file
191
htmlarea/popups/insert_image.html
Normal file
@ -0,0 +1,191 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Insert Image</title>
|
||||
|
||||
<script type="text/javascript" src="popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
window.resizeTo(400, 100);
|
||||
|
||||
function Init() {
|
||||
__dlg_init();
|
||||
var param = window.dialogArguments;
|
||||
if (param) {
|
||||
document.getElementById("f_url").value = param["f_url"];
|
||||
document.getElementById("f_alt").value = param["f_alt"];
|
||||
document.getElementById("f_border").value = param["f_border"];
|
||||
document.getElementById("f_align").value = param["f_align"];
|
||||
document.getElementById("f_vert").value = param["f_vert"];
|
||||
document.getElementById("f_horiz").value = param["f_horiz"];
|
||||
window.ipreview.location.replace(param.f_url);
|
||||
}
|
||||
document.getElementById("f_url").focus();
|
||||
};
|
||||
|
||||
function onOK() {
|
||||
var required = {
|
||||
"f_url": "You must enter the URL"
|
||||
};
|
||||
for (var i in required) {
|
||||
var el = document.getElementById(i);
|
||||
if (!el.value) {
|
||||
alert(required[i]);
|
||||
el.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// pass data back to the calling window
|
||||
var fields = ["f_url", "f_alt", "f_align", "f_border",
|
||||
"f_horiz", "f_vert"];
|
||||
var param = new Object();
|
||||
for (var i in fields) {
|
||||
var id = fields[i];
|
||||
var el = document.getElementById(id);
|
||||
param[id] = el.value;
|
||||
}
|
||||
__dlg_close(param);
|
||||
return false;
|
||||
};
|
||||
|
||||
function onCancel() {
|
||||
__dlg_close(null);
|
||||
return false;
|
||||
};
|
||||
|
||||
function onPreview() {
|
||||
var f_url = document.getElementById("f_url");
|
||||
var url = f_url.value;
|
||||
if (!url) {
|
||||
alert("You have to enter an URL first");
|
||||
f_url.focus();
|
||||
return false;
|
||||
}
|
||||
window.ipreview.location.replace(url);
|
||||
return false;
|
||||
};
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
font: 11px Tahoma,Verdana,sans-serif;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
body { padding: 5px; }
|
||||
table {
|
||||
font: 11px Tahoma,Verdana,sans-serif;
|
||||
}
|
||||
form p {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; }
|
||||
.fr { width: 6em; float: left; padding: 2px 5px; text-align: right; }
|
||||
fieldset { padding: 0px 10px 5px 5px; }
|
||||
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
|
||||
button { width: 70px; }
|
||||
.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;
|
||||
}
|
||||
form { padding: 0px; margin: 0px; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body onload="Init()">
|
||||
|
||||
<div class="title">Insert Image</div>
|
||||
<!--- new stuff --->
|
||||
<form action="" method="get">
|
||||
<table border="0" width="100%" style="padding: 0px; margin: 0px">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td style="width: 7em; text-align: right">Image URL:</td>
|
||||
<td><input type="text" name="url" id="f_url" style="width:75%"
|
||||
title="Enter the image URL here" />
|
||||
<button name="preview" onclick="return onPreview();"
|
||||
title="Preview the image in a new window">Preview</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 7em; text-align: right">Alternate text:</td>
|
||||
<td><input type="text" name="alt" id="f_alt" style="width:100%"
|
||||
title="For browsers that don't support images" /></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p />
|
||||
|
||||
<fieldset style="float: left; margin-left: 5px;">
|
||||
<legend>Layout</legend>
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
<div class="fl">Alignment:</div>
|
||||
<select size="1" name="align" id="f_align"
|
||||
title="Positioning of this image">
|
||||
<option value="" >Not set</option>
|
||||
<option value="left" >Left</option>
|
||||
<option value="right" >Right</option>
|
||||
<option value="texttop" >Texttop</option>
|
||||
<option value="absmiddle" >Absmiddle</option>
|
||||
<option value="baseline" selected="1" >Baseline</option>
|
||||
<option value="absbottom" >Absbottom</option>
|
||||
<option value="bottom" >Bottom</option>
|
||||
<option value="middle" >Middle</option>
|
||||
<option value="top" >Top</option>
|
||||
</select>
|
||||
|
||||
<p />
|
||||
|
||||
<div class="fl">Border thickness:</div>
|
||||
<input type="text" name="border" id="f_border" size="5"
|
||||
title="Leave empty for no border" />
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<fieldset style="float:right; margin-right: 5px;">
|
||||
<legend>Spacing</legend>
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
<div class="fr">Horizontal:</div>
|
||||
<input type="text" name="horiz" id="f_horiz" size="5"
|
||||
title="Horizontal padding" />
|
||||
|
||||
<p />
|
||||
|
||||
<div class="fr">Vertical:</div>
|
||||
<input type="text" name="vert" id="f_vert" size="5"
|
||||
title="Vertical padding" />
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
</fieldset>
|
||||
<br clear="all" />
|
||||
<table width="100%" style="margin-bottom: 0.2em">
|
||||
<tr>
|
||||
<td valign="bottom">
|
||||
Image Preview:<br />
|
||||
<iframe name="ipreview" id="ipreview" frameborder="0" style="border : 1px solid gray;" height="200" width="300" src=""></iframe>
|
||||
</td>
|
||||
<td valign="bottom" style="text-align: right">
|
||||
<button type="button" name="ok" onclick="return onOK();">OK</button><br>
|
||||
<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
175
htmlarea/popups/insert_table.html
Normal file
175
htmlarea/popups/insert_table.html
Normal file
@ -0,0 +1,175 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Insert Table</title>
|
||||
|
||||
<script type="text/javascript" src="popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
window.resizeTo(400, 100);
|
||||
|
||||
function Init() {
|
||||
i18n = window.opener.HTMLArea.I18N.dialogs; // load the HTMLArea plugin and lang file
|
||||
__dlg_translate(i18n);
|
||||
__dlg_init();
|
||||
document.getElementById("f_rows").focus();
|
||||
};
|
||||
|
||||
function onOK() {
|
||||
var required = {
|
||||
"f_rows": "You must enter a number of rows",
|
||||
"f_cols": "You must enter a number of columns"
|
||||
};
|
||||
for (var i in required) {
|
||||
var el = document.getElementById(i);
|
||||
if (!el.value) {
|
||||
alert(required[i]);
|
||||
el.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
var fields = ["f_rows", "f_cols", "f_width", "f_unit", "f_fixed",
|
||||
"f_align", "f_border", "f_spacing", "f_padding"];
|
||||
var param = new Object();
|
||||
for (var i in fields) {
|
||||
var id = fields[i];
|
||||
var el = document.getElementById(id);
|
||||
param[id] = (el.type == "checkbox") ? el.checked : el.value;
|
||||
}
|
||||
__dlg_close(param);
|
||||
return false;
|
||||
};
|
||||
|
||||
function onCancel() {
|
||||
__dlg_close(null);
|
||||
return false;
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
font: 11px Tahoma,Verdana,sans-serif;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
body { padding: 5px; }
|
||||
table {
|
||||
font: 11px Tahoma,Verdana,sans-serif;
|
||||
}
|
||||
form p {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.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; }
|
||||
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
|
||||
button { width: 70px; }
|
||||
.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;
|
||||
}
|
||||
form { padding: 0px; margin: 0px; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body onload="Init()">
|
||||
|
||||
<div class="title">Insert Table</div>
|
||||
|
||||
<form action="" method="get">
|
||||
<table border="0" style="padding: 0px; margin: 0px">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td style="width: 4em; text-align: right">Rows:</td>
|
||||
<td><input type="text" name="rows" id="f_rows" size="5" title="Number of rows" value="2" /></td>
|
||||
<td style="width: 4em; text-align: right">Width:</td>
|
||||
<td><input type="text" name="width" id="f_width" size="5" title="Width of the table" value="100" /></td>
|
||||
<td><select size="1" name="unit" id="f_unit" title="Width unit">
|
||||
<option value="%" selected="1" >Percent</option>
|
||||
<option value="px" >Pixels</option>
|
||||
<option value="em" >Em</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 4em; text-align: right">Cols:</td>
|
||||
<td><input type="text" name="cols" id="f_cols" size="5" title="Number of columns" value="4" /></td>
|
||||
<td style="text-align: right"><input type="checkbox" checked="checked" name="fixed" id="f_fixed" /></td>
|
||||
<td colspan="2"><label for="f_fixed"
|
||||
>Fixed width columns</label></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p />
|
||||
|
||||
<fieldset style="float: left; margin-left: 5px;">
|
||||
<legend>Layout</legend>
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
<div class="fl">Alignment:</div>
|
||||
<select size="1" name="align" id="f_align"
|
||||
title="Positioning of this table">
|
||||
<option value="" selected="1" >Not set</option>
|
||||
<option value="left" >Left</option>
|
||||
<option value="right" >Right</option>
|
||||
<option value="texttop" >Texttop</option>
|
||||
<option value="absmiddle" >Absmiddle</option>
|
||||
<option value="baseline" >Baseline</option>
|
||||
<option value="absbottom" >Absbottom</option>
|
||||
<option value="bottom" >Bottom</option>
|
||||
<option value="middle" >Middle</option>
|
||||
<option value="top" >Top</option>
|
||||
</select>
|
||||
|
||||
<p />
|
||||
|
||||
<div class="fl">Border thickness:</div>
|
||||
<input type="text" name="border" id="f_border" size="5" value="1"
|
||||
title="Leave empty for no border" />
|
||||
<!--
|
||||
<p />
|
||||
|
||||
<div class="fl">Collapse borders:</div>
|
||||
<input type="checkbox" name="collapse" id="f_collapse" />
|
||||
-->
|
||||
<div class="space"></div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<fieldset style="float:right; margin-right: 5px;">
|
||||
<legend>Spacing</legend>
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
<div class="fr">Cell spacing:</div>
|
||||
<input type="text" name="spacing" id="f_spacing" size="5" value="1"
|
||||
title="Space between adjacent cells" />
|
||||
|
||||
<p />
|
||||
|
||||
<div class="fr">Cell padding:</div>
|
||||
<input type="text" name="padding" id="f_padding" size="5" value="1"
|
||||
title="Space between content and border in cell" />
|
||||
|
||||
<div class="space"></div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<div style="margin-top: 85px; border-top: 1px solid #999; padding: 2px; text-align: right;">
|
||||
<button type="button" name="ok" onclick="return onOK();">OK</button>
|
||||
<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
155
htmlarea/popups/link.html
Normal file
155
htmlarea/popups/link.html
Normal file
@ -0,0 +1,155 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Insert/Modify Link</title>
|
||||
<script type="text/javascript" src="popup.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.resizeTo(400, 200);
|
||||
|
||||
I18N = window.opener.HTMLArea.I18N.dialogs;
|
||||
|
||||
function i18n(str) {
|
||||
return (I18N[str] || str);
|
||||
};
|
||||
|
||||
function onTargetChanged() {
|
||||
var f = document.getElementById("f_other_target");
|
||||
if (this.value == "_other") {
|
||||
f.style.visibility = "visible";
|
||||
f.select();
|
||||
f.focus();
|
||||
} else f.style.visibility = "hidden";
|
||||
};
|
||||
|
||||
function Init() {
|
||||
__dlg_translate(I18N);
|
||||
__dlg_init();
|
||||
var param = window.dialogArguments;
|
||||
var target_select = document.getElementById("f_target");
|
||||
var use_target = true;
|
||||
if (param) {
|
||||
if ( typeof param["f_usetarget"] != "undefined" ) {
|
||||
use_target = param["f_usetarget"];
|
||||
}
|
||||
if ( typeof param["f_href"] != "undefined" ) {
|
||||
document.getElementById("f_href").value = param["f_href"];
|
||||
document.getElementById("f_title").value = param["f_title"];
|
||||
comboSelectValue(target_select, param["f_target"]);
|
||||
if (target_select.value != param.f_target) {
|
||||
var opt = document.createElement("option");
|
||||
opt.value = param.f_target;
|
||||
opt.innerHTML = opt.value;
|
||||
target_select.appendChild(opt);
|
||||
opt.selected = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (! use_target) {
|
||||
document.getElementById("f_target_label").style.visibility = "hidden";
|
||||
document.getElementById("f_target").style.visibility = "hidden";
|
||||
document.getElementById("f_target_other").style.visibility = "hidden";
|
||||
}
|
||||
var opt = document.createElement("option");
|
||||
opt.value = "_other";
|
||||
opt.innerHTML = i18n("Other");
|
||||
target_select.appendChild(opt);
|
||||
target_select.onchange = onTargetChanged;
|
||||
document.getElementById("f_href").focus();
|
||||
document.getElementById("f_href").select();
|
||||
};
|
||||
|
||||
function onOK() {
|
||||
var required = {
|
||||
// f_href shouldn't be required or otherwise removing the link by entering an empty
|
||||
// url isn't possible anymore.
|
||||
// "f_href": i18n("You must enter the URL where this link points to")
|
||||
};
|
||||
for (var i in required) {
|
||||
var el = document.getElementById(i);
|
||||
if (!el.value) {
|
||||
alert(required[i]);
|
||||
el.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// pass data back to the calling window
|
||||
var fields = ["f_href", "f_title", "f_target" ];
|
||||
var param = new Object();
|
||||
for (var i in fields) {
|
||||
var id = fields[i];
|
||||
var el = document.getElementById(id);
|
||||
param[id] = el.value;
|
||||
}
|
||||
if (param.f_target == "_other")
|
||||
param.f_target = document.getElementById("f_other_target").value;
|
||||
__dlg_close(param);
|
||||
return false;
|
||||
};
|
||||
|
||||
function onCancel() {
|
||||
__dlg_close(null);
|
||||
return false;
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
font: 11px Tahoma,Verdana,sans-serif;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
body { padding: 5px; }
|
||||
table {
|
||||
font: 11px Tahoma,Verdana,sans-serif;
|
||||
}
|
||||
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
|
||||
button { width: 70px; }
|
||||
table .label { text-align: right; width: 8em; }
|
||||
|
||||
.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
|
||||
border-bottom: 1px solid black; letter-spacing: 2px;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
margin-top: 1em; border-top: 1px solid #999;
|
||||
padding: 2px; text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body onload="Init()">
|
||||
<div class="title">Insert/Modify Link</div>
|
||||
<form>
|
||||
<table border="0" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="label">URL:</td>
|
||||
<td><input type="text" id="f_href" style="width: 100%" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label">Title (tooltip):</td>
|
||||
<td><input type="text" id="f_title" style="width: 100%" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label"><span id="f_target_label">Target:</span></td>
|
||||
<td><select id="f_target">
|
||||
<option value="">None (use implicit)</option>
|
||||
<option value="_blank">New window (_blank)</option>
|
||||
<option value="_self">Same frame (_self)</option>
|
||||
<option value="_top">Top frame (_top)</option>
|
||||
</select>
|
||||
<input type="text" name="f_other_target" id="f_other_target" size="10" style="visibility: hidden" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div id="buttons">
|
||||
<button type="submit" name="ok" onclick="return onOK();">OK</button>
|
||||
<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
131
htmlarea/popups/old-fullscreen.html
Normal file
131
htmlarea/popups/old-fullscreen.html
Normal file
@ -0,0 +1,131 @@
|
||||
<html>
|
||||
<head><title>Fullscreen Editor</title>
|
||||
<style type="text/css"> body { margin: 0px; border: 0px; background-color: buttonface; } </style>
|
||||
|
||||
<script>
|
||||
|
||||
// if we pass the "window" object as a argument and then set opener to
|
||||
// equal that we can refer to dialogWindows and popupWindows the same way
|
||||
if (window.dialogArguments) { opener = window.dialogArguments; }
|
||||
|
||||
var _editor_url = "../";
|
||||
document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js" language="Javascript1.2"></scr'+'ipt>');
|
||||
|
||||
var parent_objname = location.search.substring(1,location.search.length); // parent editor objname
|
||||
var parent_config = opener.document.all[parent_objname].config;
|
||||
|
||||
var config = cloneObject( parent_config );
|
||||
var objname = 'editor'; // name of this editor
|
||||
|
||||
// DOMViewerObj = config;
|
||||
// DOMViewerName = 'config';
|
||||
// window.open('/innerHTML/domviewer.htm');
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function :
|
||||
Description :
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) {
|
||||
update_parent();
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : cloneObject
|
||||
Description : copy an object by value instead of by reference
|
||||
Usage : var newObj = cloneObject(oldObj);
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function cloneObject(obj) {
|
||||
var newObj = new Object;
|
||||
|
||||
// check for array objects
|
||||
if (obj.constructor.toString().indexOf('function Array(') == 1) {
|
||||
newObj = obj.constructor();
|
||||
}
|
||||
|
||||
for (var n in obj) {
|
||||
var node = obj[n];
|
||||
if (typeof node == 'object') { newObj[n] = cloneObject(node); }
|
||||
else { newObj[n] = node; }
|
||||
}
|
||||
|
||||
return newObj;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : resize_editor
|
||||
Description : resize the editor when the user resizes the popup
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function resize_editor() { // resize editor to fix window
|
||||
var editor = document.all['_editor_editor'];
|
||||
|
||||
newWidth = document.body.offsetWidth;
|
||||
newHeight = document.body.offsetHeight - editor.offsetTop;
|
||||
|
||||
if (newWidth < 0) { newWidth = 0; }
|
||||
if (newHeight < 0) { newHeight = 0; }
|
||||
|
||||
editor.style.width = newWidth;
|
||||
editor.style.height = newHeight;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : init
|
||||
Description : run this code on page load
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function init() {
|
||||
// change maximize button to minimize button
|
||||
config.btnList["popupeditor"] = ['popupeditor', 'Minimize Editor', 'update_parent(); window.close();', 'fullscreen_minimize.gif'];
|
||||
|
||||
// set htmlmode button to refer to THIS editor
|
||||
config.btnList["htmlmode"] = ['HtmlMode', 'View HTML Source', 'editor_setmode(\'editor\')', 'ed_html.gif'];
|
||||
|
||||
// change image url to be relative to current path
|
||||
config.imgURL = "../images/";
|
||||
|
||||
// generate editor and resize it
|
||||
editor_generate('editor', config);
|
||||
resize_editor();
|
||||
|
||||
// switch mode if needed
|
||||
if (parent_config.mode == 'textedit') { editor_setmode(objname, 'textedit'); }
|
||||
|
||||
// set child window contents
|
||||
var parentHTML = opener.editor_getHTML(parent_objname);
|
||||
editor_setHTML(objname, parentHTML);
|
||||
|
||||
// continuously update parent editor window
|
||||
window.setInterval(update_parent, 333);
|
||||
|
||||
// setup event handlers
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
window.onresize = resize_editor;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
Function : update_parent
|
||||
Description : update parent window editor field with contents from child window
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
function update_parent() {
|
||||
var childHTML = editor_getHTML(objname);
|
||||
opener.editor_setHTML(parent_objname, childHTML);
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body scroll="no" onload="init()" onunload="update_parent()">
|
||||
|
||||
<div style="margin: 0 0 0 0; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; "></div>
|
||||
|
||||
<textarea name="editor" style="width:100%; height:300px"></textarea><br>
|
||||
|
||||
</body></html>
|
||||
206
htmlarea/popups/old_insert_image.html
Normal file
206
htmlarea/popups/old_insert_image.html
Normal file
@ -0,0 +1,206 @@
|
||||
<!-- based on insimage.dlg -->
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
|
||||
<HTML id=dlgImage STYLE="width: 432px; height: 194px; ">
|
||||
<HEAD>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta http-equiv="MSThemeCompatible" content="Yes">
|
||||
<TITLE>Insert Image</TITLE>
|
||||
<style>
|
||||
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
|
||||
</style>
|
||||
<SCRIPT defer>
|
||||
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) { window.close(); return; }
|
||||
}
|
||||
|
||||
function _getTextRange(elm) {
|
||||
var r = elm.parentTextEdit.createTextRange();
|
||||
r.moveToElementText(elm);
|
||||
return r;
|
||||
}
|
||||
|
||||
window.onerror = HandleError
|
||||
|
||||
function HandleError(message, url, line) {
|
||||
var str = "An error has occurred in this dialog." + "\n\n"
|
||||
+ "Error: " + line + "\n" + message;
|
||||
alert(str);
|
||||
window.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
function Init() {
|
||||
var elmSelectedImage;
|
||||
var htmlSelectionControl = "Control";
|
||||
var globalDoc = window.dialogArguments;
|
||||
var grngMaster = globalDoc.selection.createRange();
|
||||
|
||||
// event handlers
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
btnOK.onclick = new Function("btnOKClick()");
|
||||
|
||||
txtFileName.fImageLoaded = false;
|
||||
txtFileName.intImageWidth = 0;
|
||||
txtFileName.intImageHeight = 0;
|
||||
|
||||
if (globalDoc.selection.type == htmlSelectionControl) {
|
||||
if (grngMaster.length == 1) {
|
||||
elmSelectedImage = grngMaster.item(0);
|
||||
if (elmSelectedImage.tagName == "IMG") {
|
||||
txtFileName.fImageLoaded = true;
|
||||
if (elmSelectedImage.src) {
|
||||
txtFileName.value = elmSelectedImage.src.replace(/^[^*]*(\*\*\*)/, "$1"); // fix placeholder src values that editor converted to abs paths
|
||||
txtFileName.intImageHeight = elmSelectedImage.height;
|
||||
txtFileName.intImageWidth = elmSelectedImage.width;
|
||||
txtVertical.value = elmSelectedImage.vspace;
|
||||
txtHorizontal.value = elmSelectedImage.hspace;
|
||||
txtBorder.value = elmSelectedImage.border;
|
||||
txtAltText.value = elmSelectedImage.alt;
|
||||
selAlignment.value = elmSelectedImage.align;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
txtFileName.value = txtFileName.value || "http://";
|
||||
txtFileName.focus();
|
||||
}
|
||||
|
||||
function _isValidNumber(txtBox) {
|
||||
var val = parseInt(txtBox);
|
||||
if (isNaN(val) || val < 0 || val > 999) { return false; }
|
||||
return true;
|
||||
}
|
||||
|
||||
function btnOKClick() {
|
||||
var elmImage;
|
||||
var intAlignment;
|
||||
var htmlSelectionControl = "Control";
|
||||
var globalDoc = window.dialogArguments;
|
||||
var grngMaster = globalDoc.selection.createRange();
|
||||
|
||||
// error checking
|
||||
|
||||
if (!txtFileName.value || txtFileName.value == "http://") {
|
||||
alert("Image URL must be specified.");
|
||||
txtFileName.focus();
|
||||
return;
|
||||
}
|
||||
if (txtHorizontal.value && !_isValidNumber(txtHorizontal.value)) {
|
||||
alert("Horizontal spacing must be a number between 0 and 999.");
|
||||
txtHorizontal.focus();
|
||||
return;
|
||||
}
|
||||
if (txtBorder.value && !_isValidNumber(txtBorder.value)) {
|
||||
alert("Border thickness must be a number between 0 and 999.");
|
||||
txtBorder.focus();
|
||||
return;
|
||||
}
|
||||
if (txtVertical.value && !_isValidNumber(txtVertical.value)) {
|
||||
alert("Vertical spacing must be a number between 0 and 999.");
|
||||
txtVertical.focus();
|
||||
return;
|
||||
}
|
||||
|
||||
// delete selected content and replace with image
|
||||
if (globalDoc.selection.type == htmlSelectionControl && !txtFileName.fImageLoaded) {
|
||||
grngMaster.execCommand('Delete');
|
||||
grngMaster = globalDoc.selection.createRange();
|
||||
}
|
||||
|
||||
idstr = "\" id=\"556e697175657e537472696e67"; // new image creation ID
|
||||
if (!txtFileName.fImageLoaded) {
|
||||
grngMaster.execCommand("InsertImage", false, idstr);
|
||||
elmImage = globalDoc.all['556e697175657e537472696e67'];
|
||||
elmImage.removeAttribute("id");
|
||||
elmImage.removeAttribute("src");
|
||||
grngMaster.moveStart("character", -1);
|
||||
} else {
|
||||
elmImage = grngMaster.item(0);
|
||||
if (elmImage.src != txtFileName.value) {
|
||||
grngMaster.execCommand('Delete');
|
||||
grngMaster = globalDoc.selection.createRange();
|
||||
grngMaster.execCommand("InsertImage", false, idstr);
|
||||
elmImage = globalDoc.all['556e697175657e537472696e67'];
|
||||
elmImage.removeAttribute("id");
|
||||
elmImage.removeAttribute("src");
|
||||
grngMaster.moveStart("character", -1);
|
||||
txtFileName.fImageLoaded = false;
|
||||
}
|
||||
grngMaster = _getTextRange(elmImage);
|
||||
}
|
||||
|
||||
if (txtFileName.fImageLoaded) {
|
||||
elmImage.style.width = txtFileName.intImageWidth;
|
||||
elmImage.style.height = txtFileName.intImageHeight;
|
||||
}
|
||||
|
||||
if (txtFileName.value.length > 2040) {
|
||||
txtFileName.value = txtFileName.value.substring(0,2040);
|
||||
}
|
||||
|
||||
elmImage.src = txtFileName.value;
|
||||
|
||||
if (txtHorizontal.value != "") { elmImage.hspace = parseInt(txtHorizontal.value); }
|
||||
else { elmImage.hspace = 0; }
|
||||
|
||||
if (txtVertical.value != "") { elmImage.vspace = parseInt(txtVertical.value); }
|
||||
else { elmImage.vspace = 0; }
|
||||
|
||||
elmImage.alt = txtAltText.value;
|
||||
|
||||
if (txtBorder.value != "") { elmImage.border = parseInt(txtBorder.value); }
|
||||
else { elmImage.border = 0; }
|
||||
|
||||
elmImage.align = selAlignment.value;
|
||||
grngMaster.collapse(false);
|
||||
grngMaster.select();
|
||||
window.close();
|
||||
}
|
||||
</SCRIPT>
|
||||
</HEAD>
|
||||
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
|
||||
|
||||
<DIV id=divFileName style="left: 0.98em; top: 1.2168em; width: 7em; height: 1.2168em; ">Image URL:</DIV>
|
||||
<INPUT ID=txtFileName type=text style="left: 8.54em; top: 1.0647em; width: 21.5em;height: 2.1294em; " tabIndex=10 onfocus="select()">
|
||||
|
||||
<DIV id=divAltText style="left: 0.98em; top: 4.1067em; width: 6.58em; height: 1.2168em; ">Alternate Text:</DIV>
|
||||
<INPUT type=text ID=txtAltText tabIndex=15 style="left: 8.54em; top: 3.8025em; width: 21.5em; height: 2.1294em; " onfocus="select()">
|
||||
|
||||
<FIELDSET id=fldLayout style="left: .9em; top: 7.1em; width: 17.08em; height: 7.6em;">
|
||||
<LEGEND id=lgdLayout>Layout</LEGEND>
|
||||
</FIELDSET>
|
||||
|
||||
<FIELDSET id=fldSpacing style="left: 18.9em; top: 7.1em; width: 11em; height: 7.6em;">
|
||||
<LEGEND id=lgdSpacing>Spacing</LEGEND>
|
||||
</FIELDSET>
|
||||
|
||||
<DIV id=divAlign style="left: 1.82em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Alignment:</DIV>
|
||||
<SELECT size=1 ID=selAlignment tabIndex=20 style="left: 10.36em; top: 8.8218em; width: 6.72em; height: 1.2168em; ">
|
||||
<OPTION id=optNotSet value=""> Not set </OPTION>
|
||||
<OPTION id=optLeft value=left> Left </OPTION>
|
||||
<OPTION id=optRight value=right> Right </OPTION>
|
||||
<OPTION id=optTexttop value=textTop> Texttop </OPTION>
|
||||
<OPTION id=optAbsMiddle value=absMiddle> Absmiddle </OPTION>
|
||||
<OPTION id=optBaseline value=baseline SELECTED> Baseline </OPTION>
|
||||
<OPTION id=optAbsBottom value=absBottom> Absbottom </OPTION>
|
||||
<OPTION id=optBottom value=bottom> Bottom </OPTION>
|
||||
<OPTION id=optMiddle value=middle> Middle </OPTION>
|
||||
<OPTION id=optTop value=top> Top </OPTION>
|
||||
</SELECT>
|
||||
|
||||
<DIV id=divHoriz style="left: 19.88em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Horizontal:</DIV>
|
||||
<INPUT ID=txtHorizontal style="left: 24.92em; top: 8.8218em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=25 onfocus="select()">
|
||||
|
||||
<DIV id=divBorder style="left: 1.82em; top: 12.0159em; width: 8.12em; height: 1.2168em; ">Border Thickness:</DIV>
|
||||
<INPUT ID=txtBorder style="left: 10.36em; top: 11.5596em; width: 6.72em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=21 onfocus="select()">
|
||||
|
||||
<DIV id=divVert style="left: 19.88em; top: 12.0159em; width: 3.64em; height: 1.2168em; ">Vertical:</DIV>
|
||||
<INPUT ID=txtVertical style="left: 24.92em; top: 11.5596em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=30 onfocus="select()">
|
||||
|
||||
<BUTTON ID=btnOK style="left: 31.36em; top: 1.0647em; width: 7em; height: 2.2em; " type=submit tabIndex=40>OK</BUTTON>
|
||||
<BUTTON ID=btnCancel style="left: 31.36em; top: 3.6504em; width: 7em; height: 2.2em; " type=reset tabIndex=45 onClick="window.close();">Cancel</BUTTON>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
114
htmlarea/popups/popup.js
Normal file
114
htmlarea/popups/popup.js
Normal file
@ -0,0 +1,114 @@
|
||||
// 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 $
|
||||
|
||||
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;
|
||||
};
|
||||
347
htmlarea/popups/select_color.html
Normal file
347
htmlarea/popups/select_color.html
Normal file
@ -0,0 +1,347 @@
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user