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

tinymce editor

Browse source
This commit is contained in:
JT Smith 2004-10-30 16:36:18 +00:00
parent 6ddb7c49e6
commit 9cffe191ac
655 changed files with 16255 additions and 22045 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/upgrades/upgrade_6.2.8-6.3.0.sql
View file

@ -1,12 +1,12 @@
insert into webguiVersion values ('6.3.0','upgrade',unix_timestamp());
delete from template where templateId='tinymce' and namespace='richEditor';
INSERT INTO template VALUES ('tinymce','TinyMCE','^JavaScript(\"<tmpl_var session.config.extrasURL>/tinymce/jscripts/tiny_mce/tiny_mce.js\");\r\n<script language=\"javascript\" type=\"text/javascript\">\r\n tinyMCE.init({\r\n theme : \"advanced\",\r\n mode : \"textareas\",\r\n plugins : \"collateral,emotions,insertImage,iespell,insertdatetime,pagetree,preview,zoom\",\r\n theme_advanced_buttons2_add : \"insertImage,pagetree,collateral\", \r\n theme_advanced_buttons3_add : \"emotions,iespell,insertdate,inserttime,preview,zoom\" \r\n });\r\n</script>\r\n\r\n<tmpl_var textarea>','richEditor',1,1);
INSERT INTO template VALUES ('tinymce','TinyMCE','^JavaScript(\"<tmpl_var session.config.extrasURL>/tinymce/jscripts/tiny_mce/tiny_mce.js\");\r\n<script language=\"javascript\" type=\"text/javascript\">\r\n tinyMCE.init({\r\n theme : \"advanced\",\r\n mode : \"textareas\",\r\n plugins : \"collateral,emotions,insertImage,iespell,pagetree\",\r\n theme_advanced_buttons2_add : \"insertImage,pagetree,collateral\", \r\n theme_advanced_buttons3_add : \"emotions,iespell\" \r\n });\r\n</script>\r\n\r\n<tmpl_var textarea>','richEditor',1,1);
delete from template where templateId='1' and namespace='richEditor/pagetree';
INSERT INTO template VALUES ('1','Rich Editor Page Tree','<html>\r\n\r\n<script language=\"javascript\" src=\"<tmpl_var session.config.extrasURL>/tinymce/jscripts/tiny_mce/tiny_mce_popup.js\"></script>\r\n\r\n<script language=\"javascript\">\r\n\r\nfunction setLink(page) {\r\n document.getElementById(\"url\").value=\"/index.pl/\" + page;\r\n}\r\n\r\nfunction createLink() {\r\n if (window.opener) { \r\n if (document.getElementById(\"url\").value == \"\") {\r\n alert(\"You must enter a link url\");\r\n document.getElementById(\"url\").focus();\r\n }\r\n\r\ntinyMCE.insertLink(document.getElementById(\"url\").value,document.getElementById(\"target\").value);\r\n //tinyMCE.insertLink(\"hello\",\"_self\");\r\n window.close();\r\n }\r\n}\r\n\r\n</script>\r\n\r\n<body>\r\n\r\n<fieldset>\r\n<legend>Insert/Edit Link</legend>\r\n\r\n <fieldset>\r\n <legend>Link Settings</legend>\r\n <form name=\"linkchooser\">\r\n <table border=\"0\">\r\n <tr>\r\n <td>Link URL:</td>\r\n <td><input id=\"url\" name=\"url\" type=\"text value=\"\" style=\"width: 200px\"></td>\r\n </tr>\r\n <tr>\r\n <td>Link Target:</td>\r\n <td><select id=\"target\" name=\"target\" style=\"width: 200px\">\r\n <option value=\"_self\">Open link in same window</option>\r\n <option value=\"_blank\">Open link in new window</option>\r\n </select>\r\n </td>\r\n </tr>\r\n <tr><td colspan=\"2\">&nbsp;</td></tr>\r\n <tr>\r\n <td colspan=\"2\" align=\"right\"><input type=\"button\" value=\"Cancel\" onClick=\"window.close()\"><input type=\"button\" value=\"Create Link\" onClick=\"createLink()\"></td>\r\n </tr>\r\n </table>\r\n </form>\r\n \r\n\r\n </fieldset> \r\n<br>\r\n\r\n\r\n <fieldset>\r\n <legend>Available Page Tree</legend>\r\n\r\n<tmpl_loop page_loop>\r\n <tmpl_var indent><a href=\"#\" onClick=\"setLink(\'<tmpl_var url>\')\"><tmpl_var title></a><br />\r\n</tmpl_loop>\r\n\r\n </fieldset>\r\n \r\n</fieldset>\r\n</body>\r\n</html>','richEditor/pagetree',1,1);
UPDATE template set template = '<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\r\n <html>\r\n <head>\r\n <title><tmpl_var session.page.title> - <tmpl_var session.setting.companyName></title>\r\n <tmpl_var head.tags>\r\n <style type=\"text/css\">\r\nTD { font: 8pt \'MS Shell Dlg\', Helvetica, sans-serif; }\r\nTD.delete { font: italic 7pt \'MS Shell Dlg\', Helvetica, sans-serif; }\r\nTD.label { font: 8pt \'MS Shell Dlg\', Helvetica, sans-serif; background-color: #c0c0c0; }\r\nTD.none { font: italic 12pt \'MS Shell Dlg\', Helvetica, sans-serif; }\r\n\r\n</style>\r\n\r\n </head>\r\n <script language=\"javascript\">\r\n</script>\r\n<script language=\"javascript\">\r\n\r\nfunction actionComplete(action, path, error, info) {\r\n var manager=window.parent;\r\n\r\n if(manager) {\r\n if(error.length < 1) {\r\n if(action == \'upload\') {\r\n manager.document.getElementById(\"image\").value = \'\';\r\n manager.document.getElementById(\"name\").value = \'\';\r\n manager.document.getelementById(\"thumbnailSize\") = \'\';\r\n }\r\n if(action == \'create\')\r\n manager.document.getElementById(\"folder\").value = \'\';\r\n if(action == \'delete\')\r\n manager.document.getElementById(\"txtFileName\").value = \'\';\r\n }\r\n\r\nif (manager.document.getElementById(\"DPI\")) {\r\nmanager.document.getElementById(\"DPI\").value = 96;\r\n}\r\nif (manager.document.getElementById(\"path\")) {\r\nmanager.document.getElementById(\"path\").value = path;\r\n}\r\n }\r\nif (manager.document.getElementById(\"viewer\")) { \r\nmanager.document.getElementById(\"viewer\").src=\'^/;?op=htmlAreaviewCollateral\';\r\n} \r\nif(error.length > 0)\r\n alert(error);\r\n else if(info.length > 0)\r\n alert(info);\r\n}\r\n</script>\r\n\r\n<script language=\"javascript\">\r\nfunction deleteCollateral(options) {\r\n var lister = window.parent.document.getElementById(\"lister\");\r\n\r\n if(lister && confirm(\"Are you sure you want to delete this item ?\"))\r\n lister.src=\'^/;?op=htmlAreaDelete&\' + options;\r\n}\r\n</script>\r\n</head>\r\n<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">\r\n\r\n <tmpl_var body.content>\r\n \r\n</body>\r\n </html>\r\n ' where templateId = '10' and namespace='style';
INSERT INTO template VALUES ('1','Rich Editor Page Tree','<html>\r\n\r\n<script language=\"javascript\" src=\"<tmpl_var session.config.extrasURL>/tinymce/jscripts/tiny_mce/tiny_mce_popup.js\"></script>\r\n\r\n<script language=\"javascript\">\r\n\r\nfunction setLink(page) {\r\n document.getElementById(\"url\").value=\"^/;\" + page;\r\n}\r\n\r\nfunction createLink() {\r\n if (window.opener) { \r\n if (document.getElementById(\"url\").value == \"\") {\r\n alert(\"You must enter a link url\");\r\n document.getElementById(\"url\").focus();\r\n }\r\n\r\ntinyMCE.insertLink(document.getElementById(\"url\").value,document.getElementById(\"target\").value);\r\n window.close();\r\n }\r\n}\r\n\r\n</script>\r\n\r\n<body>\r\n\r\n<fieldset>\r\n<legend>Insert/Edit Link</legend>\r\n\r\n <fieldset>\r\n <legend>Link Settings</legend>\r\n <form name=\"linkchooser\">\r\n <table border=\"0\">\r\n <tr>\r\n <td>Link URL:</td>\r\n <td><input id=\"url\" name=\"url\" type=\"text value=\"\" style=\"width: 200px\"></td>\r\n </tr>\r\n <tr>\r\n <td>Link Target:</td>\r\n <td><select id=\"target\" name=\"target\" style=\"width: 200px\">\r\n <option value=\"_self\">Open link in same window</option>\r\n <option value=\"_blank\">Open link in new window</option>\r\n </select>\r\n </td>\r\n </tr>\r\n <tr><td colspan=\"2\">&nbsp;</td></tr>\r\n <tr>\r\n <td colspan=\"2\" align=\"right\"><input type=\"button\" value=\"Cancel\" onClick=\"window.close()\"><input type=\"button\" value=\"Create Link\" onClick=\"createLink()\"></td>\r\n </tr>\r\n </table>\r\n </form>\r\n \r\n\r\n </fieldset> \r\n<br>\r\n\r\n\r\n <fieldset>\r\n <legend>Available Page Tree</legend>\r\n\r\n<tmpl_loop page_loop>\r\n <tmpl_var indent><a href=\"#\" onClick=\"setLink(\'<tmpl_var url>\')\"><tmpl_var title></a><br />\r\n</tmpl_loop>\r\n\r\n </fieldset>\r\n \r\n</fieldset>\r\n</body>\r\n</html>','richEditor/pagetree',1,1);
UPDATE template set template = '<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\r\n <html>\r\n <head>\r\n <title><tmpl_var session.page.title> - <tmpl_var session.setting.companyName></title>\r\n <tmpl_var head.tags>\r\n <style type=\"text/css\">\r\nTD { font: 8pt \'MS Shell Dlg\', Helvetica, sans-serif; }\r\nTD.delete { font: italic 7pt \'MS Shell Dlg\', Helvetica, sans-serif; }\r\nTD.label { font: 8pt \'MS Shell Dlg\', Helvetica, sans-serif; background-color: #c0c0c0; }\r\nTD.none { font: italic 12pt \'MS Shell Dlg\', Helvetica, sans-serif; }\r\n\r\n</style>\r\n\r\n </head>\r\n <script language=\"javascript\">\r\n</script>\r\n<script language=\"javascript\">\r\n\r\nfunction actionComplete(action, path, error, info) {\r\n\r\n if (window.parent && window.parent.resetForm) {\r\n window.parent.resetForm();\r\n }\r\n\r\n}\r\n</script>\r\n\r\n<script language=\"javascript\">\r\nfunction deleteCollateral(options) {\r\n var lister = window.parent.document.getElementById(\"lister\");\r\n\r\n if(lister && confirm(\"Are you sure you want to delete this item ?\"))\r\n lister.src=\'^/;?op=htmlAreaDelete&\' + options;\r\n}\r\n</script>\r\n</head>\r\n<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">\r\n\r\n <tmpl_var body.content>\r\n \r\n</body>\r\n </html>\r\n ' where templateId = '10' and namespace='style';
delete from userProfileField where fieldName='richEditor';
INSERT INTO userProfileField VALUES ('richEditor','WebGUI::International::get(496)',1,0,'selectList','{5=>WebGUI::International::get(880),\r\nnone=>WebGUI::International::get(881),\r\n\'tinymce\'=>WebGUI::International::get(\"tinymce\")\n}','[\'tinymce\']',11,'4',0,1);
update userProfileData set fieldData='tinyMCE' where fieldName='richEditor';
UPDATE template set template = '<html>\r\n\r\n<script language=\"javascript\" src=\"<tmpl_var session.config.extrasURL>/tinymce/jscripts/tiny_mce/tiny_mce_popup.js\"></script>\r\n\r\n<script language=\"javascript\">\r\n\r\nfunction setLink(page) {\r\n document.getElementById(\"url\").value=\"^/;\" + page;\r\n}\r\n\r\nfunction createLink() {\r\n if (window.opener) { \r\n if (document.getElementById(\"url\").value == \"\") {\r\n alert(\"You must enter a link url\");\r\n document.getElementById(\"url\").focus();\r\n }\r\n\r\ntinyMCE.insertLink(document.getElementById(\"url\").value,document.getElementById(\"target\").value);\r\n window.close();\r\n }\r\n}\r\n\r\n</script>\r\n\r\n<body>\r\n\r\n<fieldset>\r\n<legend>Insert/Edit Link</legend>\r\n\r\n <fieldset>\r\n <legend>Link Settings</legend>\r\n <form name=\"linkchooser\">\r\n <table border=\"0\">\r\n <tr>\r\n <td>Link URL:</td>\r\n <td><input id=\"url\" name=\"url\" type=\"text value=\"\" style=\"width: 200px\"></td>\r\n </tr>\r\n <tr>\r\n <td>Link Target:</td>\r\n <td><select id=\"target\" name=\"target\" style=\"width: 200px\">\r\n <option value=\"_self\">Open link in same window</option>\r\n <option value=\"_blank\">Open link in new window</option>\r\n </select>\r\n </td>\r\n </tr>\r\n <tr><td colspan=\"2\">&nbsp;</td></tr>\r\n <tr>\r\n <td colspan=\"2\" align=\"right\"><input type=\"button\" value=\"Cancel\" onClick=\"window.close()\"><input type=\"button\" value=\"Create Link\" onClick=\"createLink()\"></td>\r\n </tr>\r\n </table>\r\n </form>\r\n \r\n\r\n </fieldset> \r\n<br>\r\n\r\n\r\n <fieldset>\r\n <legend>Available Page Tree</legend>\r\n<div id=\"pagetree\" style=\"overflow: auto; height: 280; width: 441\">\r\n<tmpl_loop page_loop>\r\n <tmpl_var indent><a href=\"#\" onClick=\"setLink(\'<tmpl_var url>\')\"><tmpl_var title></a><br />\r\n</tmpl_loop>\r\n</div>\r\n </fieldset>\r\n \r\n</fieldset>\r\n</body>\r\n</html>' where namespace='richEditor/pagetree' && templateId = '1';

64
www/extras/htmlArea/editor.html
View file

@ -1,64 +0,0 @@
<html><head><title>Rich Edit</title>
<style type="text/css"><!--
body {margin:0pt;border:none;padding:0pt}
body, td { font-family: arial; font-size: x-small; }
a { color: #0000BB; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
.subhead { font-family: arial, arial; font-size: 18px; font-weight: bold; font-style: italic; }
.backtotop { font-family: arial, arial; font-size: xx-small; }
.code { background-color: #EEEEEE; font-family: Courier New; font-size: x-small;
margin: 5px 0px 5px 0px; padding: 5px;
border: black 1px dotted;
}
font { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
--></style>
<script language="JavaScript">
function doneEditing() {
window.blur();
window.opener.focus();
window.opener.setContent(editor_getHTML('yourFieldNameHere'));
window.close();
}
var master = opener;
</script>
<script language="Javascript1.2"><!-- // load htmlarea
_editor_url = ""; // URL to htmlarea files
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
document.write(' language="Javascript1.2"></scr' + 'ipt>');
// --></script>
</head>
<body>
<form method=POST action="">
<div align="center"><a style="color: orange; font-weight:bold; text-decoration: underline;" href="javascript:doneEditing();">Click here when FINISHED EDITING.</a></div>
<script>
document.write('<textarea name="yourFieldNameHere" style="width:100%; height:85%">');
document.write(window.opener.formObj.value);
document.write('</textarea>');
</script>
<br>
<a href="javascript:editor_setHTML('yourFieldNameHere',window.opener.formObj.value);">setHTML</a>
<script language="javascript1.2">
editor_generate('yourFieldNameHere');
//editor_setHTML('yourFieldNameHere',window.opener.formObj.value);
</script>
</form>
</body></html>

1914
www/extras/htmlArea/editor.js
View file

File diff suppressed because it is too large Load diff

160
www/extras/htmlArea/example.html
View file

@ -1,160 +0,0 @@
<html><head><title>htmlArea Example</title>
<style type="text/css"><!--
body, td { font-family: arial; font-size: x-small; }
a { color: #0000BB; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
.headline { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
.headline2{ font-family: verdana, arial; font-size: 12px; }
.subhead { font-family: arial, arial; font-size: 18px; font-weight: bold; font-style: italic; }
.backtotop { font-family: arial, arial; font-size: xx-small; }
.code { background-color: #EEEEEE; font-family: Courier New; font-size: x-small;
margin: 5px 0px 5px 0px; padding: 5px;
border: black 1px dotted;
}
font { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
--></style>
<script language="Javascript1.2"><!-- // load htmlarea
_editor_url = ""; // URL to htmlarea files
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; }
if (win_ie_ver >= 5.5) {
document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
document.write(' language="Javascript1.2"></scr' + 'ipt>');
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }
// --></script>
</head>
<body>
<a name="top"></a>
<form method=POST action="">
<div align=center>
<span class="headline">htmlArea v2.03</span><br>
<span class="headline2">A free WYSIWYG editor replacement for &lt;textarea&gt; fields.<br><a href="http://www.interactivetools.com/" target="_blank">from your friends at interactivetools.com</a></span>
<hr>
</div>
<p>Sample textarea follows:</p>
<textarea name="yourFieldNameHere" style="width:800; height:150">
<p>Here is some sample text: <b>bold</b>, <i>italic</i>, <u>underline</u>. </p>
<p align=center>Different fonts, sizes and colors (all in bold):</p>
<p><b>
<font face="arial" size=7 color="#000066">arial</font>,
<font face="courier new" size=6 color="#006600">courier new</font>,
<font face="georgia" size=5 color="#006666">georgia</font>,
<font face="tahoma" size=4 color="#660000">tahoma</font>,
<font face="times new roman" size=3 color="#660066">times new roman</font>,
<font face="verdana" size=2 color="#666600">verdana</font>,
<font face="tahoma" size=1 color="#666666">tahoma</font>
</b></p>
<p>Click on <a href="http://www.interactivetools.com/">this link</a> and then on the link button to the details ... OR ... select some text and click link to create a <b>new</b> link.</p>
</textarea><br>
<b>Example "InsertHTML" links: </b> &nbsp;
<a href="javascript:editor_insertHTML('yourFieldNameHere','<font style=\'background-color: yellow\'>','</font>',1);">Highlight selected text</a> -
<a href="javascript:editor_insertHTML('yourFieldNameHere',':)');">Insert Smiley</a>
<a href="javascript:alert(editor_getHTML('yourFieldNameHere'));">getHTML</a>
<a href="javascript:editor_setHTML('yourFieldNameHere','<b>Hello World</b>!!');">setHTML</a>
<script language="javascript1.2">
editor_generate('yourFieldNameHere');
</script>
<p><hr>
<p>Another textarea follows: (This one has many more configuration defined in the source code)</p>
<textarea name="yourFieldNameHere2" style="width:100%; height:200">
<hr>
<p>Here is some sample text: <b>bold</b>, <i>italic</i>, <u>underline</u>. </p>
<p align=center>Different fonts, sizes and colors (all in bold):</p>
<p><b>
<font face="arial" size=7 color="#000066">arial</font>,
<font face="courier new" size=6 color="#006600">courier new</font>,
<font face="georgia" size=5 color="#006666">georgia</font>,
<font face="tahoma" size=4 color="#660000">tahoma</font>,
<font face="times new roman" size=3 color="#660066">times new roman</font>,
<font face="verdana" size=2 color="#666600">verdana</font>,
<font face="tahoma" size=1 color="#666666">tahoma</font>
</b></p>
<p>Click on <a href="http://www.interactivetools.com/">this link</a> and then on the link button to the details ... OR ... select some text and click link to create a <b>new</b> link.</p>
</textarea><br>
<script language="javascript1.2">
var config = new Object(); // create new config object
config.width = "90%";
config.height = "200px";
config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';
config.debug = 0;
// NOTE: You can remove any of these blocks and use the default config!
config.toolbar = [
['fontname'],
['fontsize'],
['fontstyle'],
['linebreak'],
['bold','italic','underline','separator'],
// ['strikethrough','subscript','superscript','separator'],
['justifyleft','justifycenter','justifyright','separator'],
['OrderedList','UnOrderedList','Outdent','Indent','separator'],
['forecolor','backcolor','separator'],
['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],
['about','help','popupeditor'],
];
config.fontnames = {
"Arial": "arial, helvetica, sans-serif",
"Courier New": "courier new, courier, mono",
"Georgia": "Georgia, Times New Roman, Times, Serif",
"Tahoma": "Tahoma, Arial, Helvetica, sans-serif",
"Times New Roman": "times new roman, times, serif",
"Verdana": "Verdana, Arial, Helvetica, sans-serif",
"impact": "impact",
"WingDings": "WingDings"
};
config.fontsizes = {
"1 (8 pt)": "1",
"2 (10 pt)": "2",
"3 (12 pt)": "3",
"4 (14 pt)": "4",
"5 (18 pt)": "5",
"6 (24 pt)": "6",
"7 (36 pt)": "7"
};
//config.stylesheet = "http://www.domain.com/sample.css";
config.fontstyles = [ // make sure classNames are defined in the page the content is being display as well in or they won't work!
{ name: "headline", className: "headline", classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
{ name: "arial red", className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
{ name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" }
// leave classStyle blank if it's defined in config.stylesheet (above), like this:
// { name: "verdana blue", className: "headline4", classStyle: "" }
];
editor_generate('yourFieldNameHere2',config);
</script>
</form>
</body></html>

BIN
www/extras/htmlArea/images/ed_about.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 87 B

BIN
www/extras/htmlArea/images/ed_align_center.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 69 B

BIN
www/extras/htmlArea/images/ed_align_left.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 69 B

BIN
www/extras/htmlArea/images/ed_align_right.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 68 B

BIN
www/extras/htmlArea/images/ed_blank.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 56 B

BIN
www/extras/htmlArea/images/ed_cellprop.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 155 B

BIN
www/extras/htmlArea/images/ed_charmap.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 143 B

BIN
www/extras/htmlArea/images/ed_color_bg.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 181 B

BIN
www/extras/htmlArea/images/ed_color_fg.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 171 B

BIN
www/extras/htmlArea/images/ed_copy.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 110 B

BIN
www/extras/htmlArea/images/ed_custom.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 67 B

BIN
www/extras/htmlArea/images/ed_cut.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 91 B

BIN
www/extras/htmlArea/images/ed_delcel.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 121 B

BIN
www/extras/htmlArea/images/ed_delcol.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 120 B

BIN
www/extras/htmlArea/images/ed_delrow.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 125 B

BIN
www/extras/htmlArea/images/ed_find.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 900 B

BIN
www/extras/htmlArea/images/ed_format_bold.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 74 B

BIN
www/extras/htmlArea/images/ed_format_italic.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 77 B

BIN
www/extras/htmlArea/images/ed_format_strike.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 78 B

BIN
www/extras/htmlArea/images/ed_format_sub.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 78 B

BIN
www/extras/htmlArea/images/ed_format_sup.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 77 B

BIN
www/extras/htmlArea/images/ed_format_underline.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 85 B

BIN
www/extras/htmlArea/images/ed_help.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
www/extras/htmlArea/images/ed_hr.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
www/extras/htmlArea/images/ed_html.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 75 B

BIN
www/extras/htmlArea/images/ed_indent_less.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 87 B

BIN
www/extras/htmlArea/images/ed_indent_more.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 87 B

BIN
www/extras/htmlArea/images/ed_insabove.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 125 B

BIN
www/extras/htmlArea/images/ed_inscellft.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 124 B

BIN
www/extras/htmlArea/images/ed_inscelrgt.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 125 B

BIN
www/extras/htmlArea/images/ed_insleft.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 116 B

BIN
www/extras/htmlArea/images/ed_insright.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 117 B

BIN
www/extras/htmlArea/images/ed_insunder.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 121 B

BIN
www/extras/htmlArea/images/ed_link.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 97 B

BIN
www/extras/htmlArea/images/ed_list_bullet.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 80 B

BIN
www/extras/htmlArea/images/ed_list_num.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 82 B

BIN
www/extras/htmlArea/images/ed_mergecels.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 910 B

BIN
www/extras/htmlArea/images/ed_mergerows.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 910 B

BIN
www/extras/htmlArea/images/ed_new.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 92 B

BIN
www/extras/htmlArea/images/ed_paste.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 148 B

BIN
www/extras/htmlArea/images/ed_preview.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 949 B

BIN
www/extras/htmlArea/images/ed_print.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 127 B

BIN
www/extras/htmlArea/images/ed_rowprop.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 149 B

BIN
www/extras/htmlArea/images/ed_save.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 119 B

BIN
www/extras/htmlArea/images/ed_show_border.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 892 B

BIN
www/extras/htmlArea/images/ed_smiley.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 135 B

BIN
www/extras/htmlArea/images/ed_spec_char.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 924 B

BIN
www/extras/htmlArea/images/ed_spellcheck.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 112 B

BIN
www/extras/htmlArea/images/ed_splitcel.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 925 B

BIN
www/extras/htmlArea/images/ed_splitrow.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 923 B

BIN
www/extras/htmlArea/images/ed_table.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 121 B

BIN
www/extras/htmlArea/images/ed_tableprop.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 145 B

BIN
www/extras/htmlArea/images/ed_undo.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 862 B

BIN
www/extras/htmlArea/images/ed_upload.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 920 B

BIN
www/extras/htmlArea/images/ed_word.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 660 B

BIN
www/extras/htmlArea/images/fullscreen_maximize.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 97 B

BIN
www/extras/htmlArea/images/fullscreen_minimize.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 97 B

BIN
www/extras/htmlArea/images/insert_table.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 121 B

15
www/extras/htmlArea/popups/about.html
View file

@ -1,15 +0,0 @@
<HTML STYLE="width: 450px; height: 185px; ">
<HEAD><TITLE>About</TITLE>
<style>
html,body,textarea { font-family: verdana,arial; font-size: 9pt; };
</style></HEAD>
<BODY style="background: #FFFFFF; color: #000000" topmargin=5 leftmargin=12>
<span style="font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;">htmlArea v2.03</span><br>
A free WYSIWYG editor replacement for &lt;textarea&gt; fields.<br>
<p>For full source code and docs, visit:<br>
<a href="http://www.interactivetools.com/products/htmlarea/" target="_blank">http://www.interactivetools.com/products/htmlarea/</a><br><br>
<p>Copyright (c) 2002 interactivetools.com, inc. All Rights Reserved.<br>
</body></html>

2
www/extras/htmlArea/popups/blank.html
View file

@ -1,2 +0,0 @@
<html>
</html>

262
www/extras/htmlArea/popups/cellprop.html
View file

@ -1,262 +0,0 @@
<!-- based on insimage.dlg -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML id=dlgFind STYLE="width: 420px; height: 250px; ">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="MSThemeCompatible" content="Yes">
<TITLE>
Cell Properties
</TITLE>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
</style>
<script>
opener = window.dialogArguments;
var editor_obj = opener.document.all["_" + opener.getGlobalVar('_editor_field') + "_editor"];
var td = opener.getGlobalVar('_editor_cell');
</script>
<SCRIPT defer>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var std = "An error has occurred in this dialog." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(std);
window.close();
return true;
}
function Init() {
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("btnOKClick()");
align.selectedIndex = 0;
for (var i=0; i< align.length; i++) {
if (align[i].value.toLowerCase() == td.align.toLowerCase()) {
align.selectedIndex = i;
}
}
vAlign.selectedIndex = 0;
for (var i=0; i< vAlign.length; i++) {
if (vAlign[i].value.toLowerCase() == td.vAlign.toLowerCase()) {
vAlign.selectedIndex = i;
}
}
//if (td.bgColor == ''){
bgColor.innerText = ' ' + td.bgColor.toUpperCase();
//}
bgColor.style.backgroundColor = td.bgColor;
//if (td.borderColor == ''){
borderColor.innerText = ' ' + td.borderColor.toUpperCase();
//}
borderColor.style.backgroundColor = td.borderColor;
//if (td.borderColorDark == ''){
borderColorDark.innerText = ' ' + td.borderColorDark.toUpperCase();
//}
borderColorDark.style.backgroundColor = td.borderColorDark;
//if (td.borderColorLight == ''){
borderColorLight.innerText = ' ' + td.borderColorLight.toUpperCase();
//}
borderColorLight.style.backgroundColor = td.borderColorLight;
if (td.height == null){
height.value = '';
heightExt.value = '';
} else {
if (td.height.search(/%/) < 0) {
height.value = td.height;
heightExt.value = '';
} else {
height.value = td.height.split('%')[0];
heightExt.value = '%';
}
}
if (td.width == null){
width.value = '';
widthExt.value = '';
} else {
if (td.width.search(/%/) < 0) {
widthExt.value = '';
width.value = td.width;
} else {
width.value = td.width.split('%')[0];
widthExt.value = '%';
}
}
id.value = td.id;
title.value = td.title;
if (td.background == null) {
background.value = '';
} else {
background.value = td.background;
}
colSpan.value = td.colSpan;
rowSpan.value = td.rowSpan;
noWrap.checked = td.noWrap;
}
function radioValue(radioobject){
for (var i=0; i < radioobject.length; i++) {
if (direction[i].checked) {
return radioobject[i].value;
}
}
}
function _isValidNumber(txtBox) {
if (txtBox == '') {
return true;
} else {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 9999) { return false; }
return true;
}
}
function btnOKClick() {
if (!_isValidNumber(height.value)) {
alert("You must specify a number between 0 and 9999 for height!");
heigth.focus();
return;
}
if (height.value == ''){heightExt.value = '';}
if (!_isValidNumber(width.value)) {
alert("You must specify a number between 0 and 9999 for width!");
width.focus();
return;
}
if (width.value == ''){widthExt.value = '';}
td.align = align[align.selectedIndex].value;
td.vAlign = vAlign[vAlign.selectedIndex].value;
td.bgColor = bgColor.style.backgroundColor;
td.borderColor = borderColor.style.backgroundColor;
td.borderColorDark = borderColorDark.style.backgroundColor;
td.borderColorLight = borderColorLight.style.backgroundColor;
td.height = height.value + heightExt.value;
td.id = id.value ;
if (title.value == ''){
if (td.getAttribute('title') != null){td.removeAttribute('title');}
} else {td.title = title.value;}
if (width.value == ''){
if (td.getAttribute('width') != null){td.removeAttribute('width');}
} else {td.width = width.value + widthExt.value;}
if (background.value == '' ){
if (td.getAttribute('background') != null){td.removeAttribute('background');}
} else {td.background = background.value;}
if (!_isValidNumber(colSpan.value)) {
alert("You must specify a number between 0 and 9999 for colSpan!");
colSpan.focus();
return;
}
if (colSpan.value == '' || colSpan.value == '0' || colSpan.value == '1'){
if (td.getAttribute('colSpan') != null){td.removeAttribute('colSpan');}
} else {td.colSpan = colSpan.value;}
if (!_isValidNumber(rowSpan.value)) {
alert("You must specify a number between 0 and 9999 for rowSpan!");
rowSpan.focus();
return;
}
if (rowSpan.value == '' || rowSpan.value == '0' || rowSpan.value == '1'){
if (td.getAttribute('rowSpan') != null){td.removeAttribute('rowSpan');}
} else {td.rowSpan = rowSpan.value;}
td.noWrap = noWrap.checked;
window.close();
return true;
}
function setColors (but) {
but.style.borderStyle = 'inset';
var color=showModalDialog('set_color.html',but.style.backgroundColor,'resizable:no;help:no;status:no;scroll:no;');
if (color == '' || color == null){
but.innerText = '';
but.style.backgroundColor = '';
} else {
but.innerText = ' #' + color.toUpperCase();
but.style.backgroundColor = color;
}
but.style.borderStyle = 'outset';
return;
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
<DIV id=divHeight style="left: 1em; top: 1em; width: 10em; height: 1.9em; ">
Height:
</DIV>
<INPUT ID=height type=text style="left: 10em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=10 onfocus="select()">
<select name="heightExt" style="left: 13.2em; top: 0.8em; width: 6em; height: 1.9em; " tabIndex=20>
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
<DIV id=divWidth style="left: 20em; top: 1em; width: 10em; height: 1.9em; ">
Width:
</DIV>
<INPUT ID=width type=text style="left: 27.9em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=30 onfocus="select()">
<select name="widthExt" style="left: 31.1em; top: 0.8em; width: 6em; height: 1.9em; " tabIndex=40>
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
<DIV id=divId style="left: 1em; top: 3em; width: 10em; height: 1.2168em; ">
Id:
</DIV>
<INPUT ID=id type=text style="left: 10em; top: 2.8em; width: 27.04em; height: 1.9em; " tabIndex=50 onfocus="select()">
<DIV id=divTitle style="left: 1em; top: 5em; width: 31em; height: 1.2168em; ">
Tooltip:
</DIV>
<INPUT ID=title type=text style="left: 10em; top: 4.8em; width: 27.04em; height: 1.9em; " tabIndex=60 onfocus="select()">
<DIV id=divBackground style="left: 1em; top: 7em; width: 10em; height: 1.2168em; ">
Background Image:
</DIV>
<INPUT ID=background type=text style="left: 10em; top: 6.8em; width: 27.04em; height: 1.9em; " tabIndex=70 onfocus="select()">
<DIV id=divAlign style="left: 1em; top: 9em; width: 10em; height: 1.2168em; ">
Horizontal Align:
</DIV>
<select name="align" style="left: 10em; top: 8.8em; width: 6em; height: 1.9em; " tabIndex=80>
<option value="">Not set</option>
<option value="center">center</option>
<option value="justify">Justify</option>
<option value="left">Left</option>
<option value="right">Right</option>
</select>
<DIV id=divvAlign style="left: 20em; top: 9em; width: 10em; height: 1.2168em; ">
Vertical Align:
</DIV>
<select name="vAlign" style="left: 31em; top: 8.8em; width: 6em; height: 1.9em; " tabIndex=90>
<option value="">Not set</option>
<option value="middle">Middle</option>
<option value="baseline">Baseline</option>
<option value="bottom">Bottom</option>
<option value="top">Top</option>
</select>
<DIV id=divBgColor style="left: 1em; top: 11em; width: 10em; height: 1.2168em; ">
Background Color:
</DIV>
<DIV id=bgColor style="left: 10em; top: 11em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderColor style="left: 20em; top: 11em; width: 10em; height: 1.2168em; ">
Border Color:
</DIV>
<DIV id=borderColor style="left: 31em; top: 11em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderColorDark style="left: 1em; top: 13em; width: 10em; height: 1.2168em; ">
Border Color Dark:
</DIV>
<DIV id=borderColorDark style="left: 10em; top: 13em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderCOlorLight style="left: 20em; top: 13em; width: 10em; height: 1.2168em; ">
Border Color Light:
</DIV>
<DIV id=borderColorLight style="left: 31em; top: 13em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divColSpan style="left: 1em; top: 15em; width: 10em; height: 1.9em; ">
Colspan:
</DIV>
<INPUT ID=colSpan type=text style="left: 10em; top: 14.8em; width: 3em; height: 1.9em; " tabIndex=100 onfocus="select()">
<DIV id=divrowSpan style="left: 17em; top: 15em; width: 10em; height: 1.9em; ">
Rowspan:
</DIV>
<INPUT ID=rowSpan type=text style="left: 23em; top: 14.8em; width: 3em; height: 1.9em; " tabIndex=110 onfocus="select()">
<DIV id=divrowSpan style="left: 30em; top: 15em; width: 10em; height: 1.9em; ">
No Wrap:
</DIV>
<input ID=noWrap type=checkbox style="left: 35.6em; top: 15em; width: 1.5em; height: 1.5em; " tabIndex=120 onfocus="select()">
<BUTTON ID=btnOK style="left: 10em; top: 17em; width: 8.5em; height: 2.2em; " type=submit tabIndex=130>
OK
</BUTTON>
<BUTTON ID=btnCancel style="left: 19.9em; top: 17em; width: 8.5em; height: 2.2em; " type=reset tabIndex=140 onClick="window.close();">
Cancel
</BUTTON>
</BODY>
</HTML>

171
www/extras/htmlArea/popups/cellpropold.html
View file

@ -1,171 +0,0 @@
<!-- based on insimage.dlg -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML id=dlgFind STYLE="width: 460px; height: 350px; ">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="MSThemeCompatible" content="Yes">
<TITLE>
Cell Properties
</TITLE>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
</style>
<script>
opener = window.dialogArguments;
var editor_obj = opener.document.all["_" + opener.getGlobalVar('_editor_field') + "_editor"];
var td = opener.getGlobalVar('_editor_cell');
</script>
<SCRIPT defer>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "An error has occurred in this dialog." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
window.close();
return true;
}
function Init() {
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("btnOKClick()");
align.selectedIndex = 0;
for (var i=0; i< align.length; i++) {
if (align[i].value.toLowerCase() == td.align.toLowerCase()) {
align.selectedIndex = i;
}
}
vAlign.selectedIndex = 0;
for (var i=0; i< vAlign.length; i++) {
if (vAlign[i].value.toLowerCase() == td.vAlign.toLowerCase()) {
vAlign.selectedIndex = i;
}
}
if (td.background != 'undefined') {
background.value = td.background;
} else {
background.value = '';
}
bgColor.value = td.bgColor;
borderColor.value = td.borderColor;
borderColorDark.value = td.borderColorDark;
borderColorLight.value = td.borderColorLight;
height.value = td.height;
id.value = td.id;
title.value = td.title;
if (td.width != 'undefined') {
width.value = td.width;
} else {
width.value = '';
}
colSpan.value = td.colSpan;
rowSpan.value = td.rowSpan;
noWrap.checked = td.noWrap;
}
function radioValue(radioobject){
for (var i=0; i < radioobject.length; i++) {
if (direction[i].checked) {
return radioobject[i].value;
}
}
}
function btnOKClick() {
td.align = align[align.selectedIndex].value;
td.vAlign = vAlign[vAlign.selectedIndex].value;
td.background = background.value;
td.bgColor = bgColor.value;
td.borderColor = borderColor.value;
td.borderColorDark = borderColorDark.value;
td.borderColorLight = borderColorLight.value;
td.height = height.value ;
td.id = id.value ;
td.title = title.value ;
td.width = width.value ;
td.colSpan = colSpan.value ;
td.rowSpan = rowSpan.value ;
td.noWrap = noWrap.checked;
window.close();
return true;
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
<DIV id=divHeight style="left: 1em; top: 1em; width: 10em; height: 1.9em; ">
Height:
</DIV>
<INPUT ID=height type=text style="left: 10em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=10 onfocus="select()">
<DIV id=divWidth style="left: 1em; top: 3em; width: 10em; height: 1.9em; ">
Width:
</DIV>
<INPUT ID=width type=text style="left: 10em; top: 2.8em; width: 3em; height: 1.9em; " tabIndex=20 onfocus="select()">
<DIV id=divId style="left: 1em; top: 5em; width: 10em; height: 1.2168em; ">
Id:
</DIV>
<INPUT ID=id type=text style="left: 10em; top: 4.8em; width: 31em; height: 1.9em; " tabIndex=30 onfocus="select()">
<DIV id=divAlign style="left: 1em; top: 7em; width: 10em; height: 1.2168em; ">
Align:
</DIV>
<select name="align" style="left: 10em; top: 6.8em; width: 6em; height: 1.9em; " tabIndex=40 onfocus="select()">
<option value="">Not set</option>
<option value="center">center</option>
<option value="justify">Justify</option>
<option value="left">Left</option>
<option value="right">Right</option>
</select>
<DIV id=divvAlign style="left: 1em; top: 9em; width: 10em; height: 1.2168em; ">
Vertical Align:
</DIV>
<select name="vAlign" style="left: 10em; top: 8.8em; width: 6em; height: 1.9em; " tabIndex=50 onfocus="select()">
<option value="">Not set</option>
<option value="middle">Middle</option>
<option value="baseline">Baseline</option>
<option value="bottom">Bottom</option>
<option value="top">Top</option>
</select>
<DIV id=divBackground style="left: 1em; top: 11em; width: 10em; height: 1.2168em; ">
Background Image:
</DIV>
<INPUT ID=background type=text style="left: 10em; top: 10.8em; width: 31em; height: 1.9em; " tabIndex=60 onfocus="select()">
<DIV id=divBgColor style="left: 1em; top: 13em; width: 10em; height: 1.2168em; ">
Background Color:
</DIV>
<INPUT ID=bgColor type=text style="left: 10em; top: 12.8em; width: 5em; height: 1.9em; " tabIndex=70 onfocus="select()">
<DIV id=divBorderColor style="left: 1em; top: 15em; width: 10em; height: 1.2168em; ">
Border Color:
</DIV>
<INPUT ID=borderColor type=text style="left: 10em; top: 14.8em; width: 5em; height: 1.9em; " tabIndex=80 onfocus="select()">
<DIV id=divBorderColorDark style="left: 1em; top: 17em; width: 10em; height: 1.2168em; ">
Border Color Dark:
</DIV>
<INPUT ID=borderColorDark type=text style="left: 10em; top: 16.8em; width: 5em; height: 1.9em; " tabIndex=90 onfocus="select()">
<DIV id=divBorderCOlorLight style="left: 1em; top: 19em; width: 10em; height: 1.2168em; ">
Border Color Light:
</DIV>
<INPUT ID=borderColorLight type=text style="left: 10em; top: 18.8em; width: 5em; height: 1.9em; " tabIndex=100 onfocus="select()">
<DIV id=divTitle style="left: 1em; top: 21em; width: 31em; height: 1.2168em; ">
Tooltip:
</DIV>
<INPUT ID=title type=text style="left: 10em; top: 20.8em; width: 31em; height: 1.9em; " tabIndex=110 onfocus="select()">
<DIV id=divColSpan style="left: 1em; top: 23em; width: 10em; height: 1.9em; ">
Colspan:
</DIV>
<INPUT ID=colSpan type=text style="left: 10em; top: 22.8em; width: 3em; height: 1.9em; " tabIndex=120 onfocus="select()">
<DIV id=divrowSpan style="left: 1em; top: 25em; width: 10em; height: 1.9em; ">
Rowspan:
</DIV>
<INPUT ID=rowSpan type=text style="left: 10em; top: 24.8em; width: 3em; height: 1.9em; " tabIndex=140 onfocus="select()">
<DIV id=divrowSpan style="left: 35em; top: 25em; width: 10em; height: 1.9em; ">
No Wrap:
</DIV>
<input ID=noWrap type=checkbox style="left: 39.6em; top: 25em; width: 1.5em; height: 1.5em; " tabIndex=150 onfocus="select()">
<BUTTON ID=btnOK style="left: 10em; top: 27.5em; width: 8.5em; height: 2.2em; " type=submit tabIndex=160>
OK
</BUTTON>
<BUTTON ID=btnCancel style="left: 19em; top: 27.5em; width: 8.5em; height: 2.2em; " type=reset tabIndex=170 onClick="window.close();">
Cancel
</BUTTON>
</BODY>
</HTML>

35
www/extras/htmlArea/popups/custom2.html
View file

@ -1,35 +0,0 @@
<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
www/extras/htmlArea/popups/editor_help.html
View file

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

134
www/extras/htmlArea/popups/find.html
View file

@ -1,134 +0,0 @@
<HTML id=dlgFind STYLE="width: 385px; height: 165px; ">
<HEAD>
<TITLE>Find & Replace</TITLE>
<style>
html, body, button, div, input, select, fieldset, td { font-family: MS Shell Dlg; font-size: 8pt;};
</style>
<script>
window.setInterval(checkInputString, 500);
opener = window.dialogArguments;
var editor_obj = opener.document.all["_" + opener.getGlobalVar('_editor_field') + "_editor"];
function checkInputString() {
// close when switched to textedit
if (opener.getGlobalVar('_editor_field') == "_editor_disabled") {
window.close();
}
}
</script>
<SCRIPT defer>
var TxtRange;
TxtRange = dialogArguments.document.selection.createRange();
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "An error has occurred in this dialog." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
window.close();
return true;
}
// event handlers
function Init() {document.body.onkeypress = _CloseOnEsc;}
//Match Case and Whole Words
function matchtype(){
var retval = 0;
var matchcase = 0;
var matchword = 0;
if (document.formSearch.MatchCase.checked) matchcase = 4;
if (document.formSearch.MatchWholeWord.checked) matchword = 2;
retval = matchcase + matchword;
return(retval);
}
//Checks for Find field not empty
function checkInputString(){
if (document.formSearch.stringSearch.value.length < 1) {
alert("Nothing to search.\nPlease enter some text in the field labeled Find what:");
return false;
} else {
return true;
}
}
// Finds the entered text
function FindTxt(){
if (checkInputString()) {
var searchval = document.formSearch.stringSearch.value;
TxtRange.collapse(false);
if (TxtRange.findText(searchval, 1000000000, matchtype())) {TxtRange.select();}
else {
var startAgain = confirm("Finished Searching the document. Would you like to start again from the top of the page?");
if (startAgain) {
TxtRange.expand("textedit");
TxtRange.collapse();
TxtRange.select();
FindTxt();
}
}
}
}
// replaces the first found instance of the entered textwith the desired text
function ReplaceTxt(){
if (checkInputString()) {
if (document.formSearch.MatchCase.checked){
if (TxtRange.text == document.formSearch.stringSearch.value) TxtRange.text = document.formSearch.stringReplace.value
}
else {
if (TxtRange.text.toLowerCase() == document.formSearch.stringSearch.value.toLowerCase())
TxtRange.text = document.formSearch.stringReplace.value
}
FindTxt();
}
}
// replaces all instances of the entered text with the desired text
function ReplaceAllTxt(){
if (checkInputString()) {
var searchval = document.formSearch.stringSearch.value;
var wordcount = 0;
var msg = "";
TxtRange.expand("textedit");
TxtRange.collapse();
TxtRange.select();
while (TxtRange.findText(searchval, 1000000000, matchtype())){
TxtRange.select();
TxtRange.text = document.formSearch.stringReplace.value;
wordcount++;
}
if (wordcount == 0) msg = "Word not found. Nothing replaced."
else msg = wordcount + " word(s) were replaced.";
alert(msg);
}
}
</script>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
<FORM NAME="formSearch" method="post" action="">
<TABLE CELLSPACING="0" cellpadding="5" border="0">
<TR><TD VALIGN="top" align="left" nowrap>
<label for="stringSearch">Find what:</label><br>
<INPUT TYPE=TEXT SIZE=40 NAME=stringSearch id="stringSearch" style="width : 280px; height: 22px;"><br>
<label for="stringReplace">Replace with:</label><br>
<INPUT TYPE=TEXT SIZE=40 NAME=stringReplace id="stringReplace" style="width : 280px; height: 22px;"><br>
<INPUT TYPE=Checkbox SIZE=40 NAME=MatchWholeWord ID="MatchWholeWord"><label for="MatchWholeWord">Match whole word only</label><br>
<INPUT TYPE=Checkbox SIZE=40 NAME=MatchCase ID="MatchCase"><label for="MatchCase">Match case</label>
</td>
<td rowspan="2" valign="top">
<button name="Find" style="width:75px; height:22px; margin-top:15px" onClick="FindTxt();">Find Next</button><br>
<button name="Replace" style="width:75px; height:22px; margin-top:7px" onClick="ReplaceTxt();">Replace</button><br>
<button name="Replaceall" style="width:75px; height:22px; margin-top:7px" onClick="ReplaceAllTxt();">Replace All</button><br>
<button name="Cancel" style="width:75px; height:22px; margin-top:7px" onClick="window.close();">Close</button><br>
</td>
</tr>
</table>
</FORM>
</BODY>
</HTML>

131
www/extras/htmlArea/popups/fullscreen.html
View file

@ -1,131 +0,0 @@
<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 master = opener.master;
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>

180
www/extras/htmlArea/popups/insert_char.html
View file

@ -1,180 +0,0 @@
<!-- note: this version of the special character inserter is optimized for IE 5.5+ only -->
<html>
<head>
<title>Insert Special Character</title>
<script language="javascript">
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
function Init() { // run on page load
document.body.onkeypress = _CloseOnEsc;
}
function View(charcode) { // preview character
document.all.Chars.value = '&' + charcode + ';';
}
function Set(code) { // select character
window.returnValue = code; // set return value
window.close(); // close dialog
}
</script>
<style type="text/css">
<!--
td { font-family: MS Shell, Arial, Verdana;
font-size: 8pt; font-weight:bold}
-->
</style>
</head>
<body bgcolor="#ECE9D8" topmargin=0 leftmargin=0 onload="Init()">
<form name="sel" method=get onSubmit="Set(document.all.Chars.value); return false;">
<table width=486 align="center" border=0 cellspacing=1 cellpadding=2 bgcolor="#808080" style="cursor: hand;">
<tr>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('nbsp') onClick=Set('&nbsp;')>&nbsp;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('quot') onClick=Set('&quot;')>&quot;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('iexcl') onClick=Set('&iexcl;')>&iexcl;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('cent') onClick=Set('&cent;')>&cent;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('pound') onClick=Set('&pound;')>&pound;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('curren') onClick=Set('&curren;')>&curren;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('yen') onClick=Set('&yen;')>&yen;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('brvbar') onClick=Set('&brvbar;')>&brvbar;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('sect') onClick=Set('&sect;')>&sect;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('uml') onClick=Set('&uml;')>&uml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('copy') onClick=Set('&copy;')>&copy;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ordf') onClick=Set('&ordf;')>&ordf;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('laquo') onClick=Set('&laquo;')>&laquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('not') onClick=Set('&not;')>&not</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('shy') onClick=Set('&shy;')>&shy;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('reg') onClick=Set('&reg;')>&reg;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('macr') onClick=Set('&macr;')>&macr;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('deg') onClick=Set('&deg;')>&deg;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('plusmn') onClick=Set('&plusmn;')>&plusmn;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('sup2') onClick=Set('&sup2;')>&sup2;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('sup3') onClick=Set('&sup3;')>&sup3;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('acute') onClick=Set('&acute;')>&acute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('micro') onClick=Set('&micro;')>&micro;</td> <td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('para') onClick=Set('&para;')>&para;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('middot') onClick=Set('&middot;')>&middot;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('cedil') onClick=Set('&cedil;')>&cedil;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('sup1') onClick=Set('&sup1;')>&sup1;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ordm') onClick=Set('&ordm;')>&ordm;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('raquo') onClick=Set('&raquo;')>&raquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('frac14') onClick=Set('&frac14;')>&frac14;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('frac12') onClick=Set('&frac12;')>&frac12;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('frac34') onClick=Set('&frac34;')>&frac34;</td>
</tr>
<tr>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('iquest') onClick=Set('&iquest;')>&iquest;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('times') onClick=Set('&times;')>&times;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Oslash') onClick=Set('&Oslash;')>&Oslash;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('divide') onClick=Set('&divide;')>&divide;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('oslash') onClick=Set('&oslash;')>&oslash;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('fnof') onClick=Set('&fnof;')>&fnof;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('circ') onClick=Set('&circ;')>&circ;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('tilde') onClick=Set('&tilde;')>&tilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ndash') onClick=Set('&ndash;')>&ndash;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('mdash') onClick=Set('&mdash;')>&mdash;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('lsquo') onClick=Set('&lsquo;')>&lsquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('rsquo') onClick=Set('&rsquo;')>&rsquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('sbquo') onClick=Set('&sbquo;')>&sbquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ldquo') onClick=Set('&ldquo;')>&ldquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('rdquo') onClick=Set('&rdquo;')>&rdquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('bdquo') onClick=Set('&bdquo;')>&bdquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('dagger') onClick=Set('&dagger;')>&dagger;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Dagger') onClick=Set('&Dagger;')>&Dagger;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('bull') onClick=Set('&bull;')>&bull;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('hellip') onClick=Set('&hellip;')>&hellip;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('permil') onClick=Set('&permil;')>&permil;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('lsaquo') onClick=Set('&lsaquo;')>&lsaquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('rsaquo') onClick=Set('&rsaquo;')>&rsaquo;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('euro') onClick=Set('&euro;')>&euro;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('trade') onClick=Set('&trade;')>&trade;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Agrave') onClick=Set('&Agrave;')>&Agrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Aacute') onClick=Set('&Aacute;')>&Aacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Acirc') onClick=Set('&Acirc;')>&Acirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Atilde') onClick=Set('&Atilde;')>&Atilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Auml') onClick=Set('&Auml;')>&Auml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Aring') onClick=Set('&Aring;')>&Aring;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('AElig') onClick=Set('&AElig;')>&AElig;</td>
</tr>
<tr>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ccedil') onClick=Set('&Ccedil;')>&Ccedil;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Egrave') onClick=Set('&Egrave;')>&Egrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Eacute') onClick=Set('&Eacute;')>&Eacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ecirc') onClick=Set('&Ecirc;')>&Ecirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Euml') onClick=Set('&Euml;')>&Euml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Igrave') onClick=Set('&Igrave;')>&Igrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Iacute') onClick=Set('&Iacute;')>&Iacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Icirc') onClick=Set('&Icirc;')>&Icirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Iuml') onClick=Set('&Iuml;')>&Iuml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ETH') onClick=Set('&ETH;')>&ETH;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ntilde') onClick=Set('&Ntilde;')>&Ntilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ograve') onClick=Set('&Ograve;')>&Ograve;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Oacute') onClick=Set('&Oacute;')>&Oacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ocirc') onClick=Set('&Ocirc;')>&Ocirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Otilde') onClick=Set('&Otilde;')>&Otilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ouml') onClick=Set('&;Ouml')>&Ouml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('times') onClick=Set('&times;')>&times;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('slash') onClick=Set('&Oslash;')>&Oslash;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ugrave') onClick=Set('&Ugrave;')>&Ugrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Uacute') onClick=Set('&Uacute;')>&Uacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Ucirc') onClick=Set('&Ucirc;')>&Ucirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Uuml') onClick=Set('&Uuml;')>&Uuml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Yacute') onClick=Set('&Yacute;')>&Yacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('THORN') onClick=Set('&THORN;')>&THORN;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('szlig') onClick=Set('&szlig;')>&szlig;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('agrave') onClick=Set('&agrave;')>&agrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('aacute') onClick=Set('&aacute;')>&aacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('acirc') onClick=Set('&acirc;')>&acirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('atilde') onClick=Set('&atilde;')>&atilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('auml') onClick=Set('&auml;')>&auml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('aring') onClick=Set('&aring;')>&aring;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('aelig') onClick=Set('&aelig;')>&aelig;</td>
</tr>
<tr>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ccedil') onClick=Set('&ccedil;')>&ccedil;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('egrave') onClick=Set('&egrave;')>&egrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('eacute') onClick=Set('&eacute;')>&eacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ecirc') onClick=Set('&ecirc;')>&ecirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('euml') onClick=Set('&euml;')>&euml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('igrave') onClick=Set('&igrave;')>&igrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('iacute') onClick=Set('&iacute;')>&iacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('icirc') onClick=Set('&icirc;')>&icirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('iuml') onClick=Set('&iuml;')>&iuml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('eth') onClick=Set('&eth;')>&eth;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ntilde') onClick=Set('&ntilde;')>&ntilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ograve') onClick=Set('&ograve;')>&ograve;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('oacute') onClick=Set('&oacute;')>&oacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ocirc') onClick=Set('&ocirc;')>&ocirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('otilde') onClick=Set('&otilde;')>&otilde;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ouml') onClick=Set('&ouml;')>&ouml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('divide') onClick=Set('&divide;')>&divide;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('oslash') onClick=Set('&oslash;')>&oslash;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ugrave') onClick=Set('&ugrave;')>&ugrave;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('uacute') onClick=Set('&uacute;')>&uacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('ucirc') onClick=Set('&ucirc;')>&ucirc;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('uuml') onClick=Set('&uuml;')>&uuml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('yacute') onClick=Set('&yacute;')>&yacute;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('thorn') onClick=Set('&thorn;')>&thorn;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('yuml') onClick=Set('&yuml;')>&yuml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('OELIG') onClick=Set('&OElig;')>&OElig;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('oelig') onClick=Set('&oelig;')>&oelig;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Scaron') onClick=Set('&Scaron;')>&Scaron;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('scaron') onClick=Set('&scaron;')>&scaron;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('Yuml') onClick=Set('&Yuml;')>&Yuml;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('cent') onClick=Set('&cent;')>&cent;</td>
<td align="center" width=16 bgcolor="#FFFFFF" onMouseOver=View('#064') onClick=Set('&#064;')>@</td>
</tr>
</table>
<DIV ALIGN="center"><table name="distab" border=0 cellspacing=0 cellpadding=4 width=40%>
<tr name="t1">
<td name="c1" bgcolor="buttonface" valign=center>Charactercode:&nbsp;<input type="text" name="Chars" value="" size=8></td>
<td name="c3" bgcolor="buttonface" width=100%></td>
</tr>
</table></DIV>
</form>
</body></html>

446
www/extras/htmlArea/popups/insert_image.html
View file

@ -1,446 +0,0 @@
<html style="font: 9 pt 'MS Shell Dlg', Helvetica, sans-serif; width: 470px; height: 520px; "> <!-- ALL features enabled -->
<!--<html style="font: 9 pt 'MS Shell Dlg', Helvetica, sans-serif; width: 470px; height: 497px; "> <!-- ALL features enabled -->
<!-- <html style="font: 9 pt 'MS Shell Dlg', Helvetica, sans-serif; width: 470px; height: 454px; "> <!-- CREATE disabled -->
<!-- <html style="font: 9 pt 'MS Shell Dlg', Helvetica, sans-serif; width: 470px; height: 410px; "> <!-- UPLOAD disabled -->
<!-- <html style="font: 9 pt 'MS Shell Dlg', Helvetica, sans-serif; width: 470px; height: 368px; "> <!-- CREATE & UPLOAD disabled -->
<head>
<title>WebGUI Collateral -- Insert Image</title>
<style type="text/css">
BODY { background: threedface; color: windowtext; font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; }
<!-- frame styles -->
IFRAME.lister { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 18em; height:13em; }
IFRAME.viewer { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 18em; height:13em; }
<!-- input styles -->
INPUT.folder { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 30em; }
INPUT.image { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 30em; }
INPUT.name { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 30em; }
INPUT.number { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 4em; }
INPUT.thumbnail { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 4em; }
INPUT.txtAltText { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 31em; }
INPUT.txtBorder { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 3.5em; }
INPUT.txtHorizontal { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 3.5em; }
INPUT.txtFileName { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 31em; }
INPUT.txtVertical { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 3.5em; }
INPUT.description { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 25.5em; }
<!-- button styles -->
INPUT.btnCancel { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 6em; }
INPUT.btnOK { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 6em; }
INPUT.create { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 4.5em; }
INPUT.upload { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 4.5em; }
<!-- drop-down styles -->
SELECT.selAlignment { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 6em; }
<!-- table styles -->
TABLE.dialog { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 36em; }
<!-- cell styles -->
TD.aspect { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 15em; }
TD.create { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 37em; }
TD.fldLayout { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 13em; }
TD.fldSpacing { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 10em; }
TD.image { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 40em; }
TD.label { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 5em; }
TD.manager { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 37em; }
TD.resize { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 30em; }
TD.thumbnail { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 30em; }
TD.upload { font: 9pt 'MS Shell Dlg', Helvetica, sans-serif; width: 37em; }
</style>
<!-- script copied from original "insert_image.html" -->
<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 dialogArgs = window.dialogArguments;
var globalDoc = dialogArgs[0];
var pageURL = dialogArgs[1];
var elmSelectedImage;
var htmlSelectionControl = "Control";
var grngMaster = globalDoc.selection.createRange();
var dpi = 96;
if(document.all.dpicheck) {
dpi = document.all.dpicheck.width;
}
document.all.lister.contentWindow.navigate(pageURL + '?op=htmlArealistCollateral&DPI=' + dpi);
document.all.viewer.contentWindow.navigate(pageURL + '?op=htmlAreaviewCollateral&DPI=' + dpi);
document.all.actions.DPI.value = dpi;
if(dpi != 96) {
var xfactor = ((dpi < 96) ? (dpi / 95) : (dpi / 97.5));
var yfactor = ((dpi < 96) ? (dpi / 95) : (dpi / 99.5));
var width = dialogWidth.substr(0, dialogWidth.search(/\D/));
var height = dialogHeight.substr(0, dialogHeight.search(/\D/));
window.dialogWidth = Math.floor((width * xfactor)) + 'px';
window.dialogHeight = Math.floor((height * yfactor)) + 'px';
}
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("OKClick()");
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 OKClick() {
var elmImage;
var intAlignment;
var htmlSelectionControl = "Control";
var dialogArgs = window.dialogArguments;
var globalDoc = dialogArgs[0];
var pageURL = dialogArgs[1];
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 onload="Init()">
<img id="dpicheck" style="position: absolute; left: 1; top: 1; width: 1in; height: 1; visibility: hidden;" src="dpi.gif">
<table class="dialog" border="0" cellpadding="0" cellspacing="5">
<tr>
<td>
<table name="manager" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="manager" colspan="3" align="center" valign="middle">
<fieldset>
<legend align="left">WebGUI Collateral Image Manager</legend>
<table name="wrapper" border="0" cellpadding="2" cellspacing="0">
<tr>
<td>
<iframe class="lister" name="lister" marginwidth="0" marginheight="0"></iframe>
</td>
<td>
<iframe class="viewer" name="viewer" marginwidth="0" marginheight="0"></iframe>
</td>
</tr>
<tr>
<td colspan="3">
<script>
var dialogArgs = window.dialogArguments;
document.write('<form name="actions" method="POST" action="'+ dialogArgs[1] +'" enctype="multipart/form-data" target="lister">');
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="upload" colspan="2">
<fieldset>
<legend align="left">Upload New Image</legend>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="label" align="left" valign="middle">
<input class="upload" type="submit" value="Upload" onclick="this.form.op.value='htmlAreaUpload'">&nbsp;
</td>
<td colspan="2">
<input class="image" type="file" name="image">
</td>
</tr>
<tr>
<td class="label" align="left" valign="middle">
Name as:
</td>
<td colspan="2">
<input class="name" type="input" name="name">
</td>
</tr>
<tr>
<td class="label" align="left" valign="middle">
Thumbnail:
</td>
<td class="thumbnail" align="left" valign="middle">
<input class="thumbnail" type="input" name="thumbnailSize">
<i>
&nbsp;(size in pixels)&nbsp;
</i>
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<!-- END 'UPLOAD' HTML -->
<!-- BEGIN 'CREATE' HTML (delete the '>' at the end of this comment to disable the 'CREATE' feature) -->
<tr>
<td class="create" colspan="2">
<fieldset>
<legend align="left">Create New Folder</legend>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="label" align="left" valign="middle">
Name:
</td>
<td colspan="2">
<input class="folder" type="input" name="folder">
</td>
</tr>
<tr>
<td class="label" align="left" valign="middle">
Description:
</td>
<td>
<input class="description" type="input" name="description">
</td>
<td class="label" align="left" valign="top">
<input class="create" type="submit" value="Create" onclick="this.form.op.value='htmlAreaCreateFolder'">
</td>
</table>
</fieldset>
</td>
</tr>
<!-- END 'UPLOAD' HTML -->
</table>
<input type="hidden" name="DPI" value="">
<input type="hidden" name="action" value="">
<input type="hidden" name="path" value="">
<input type="hidden" name="op" value="">
</form>
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td class="image" colspan="3" valign="middle">
<fieldset>
<legend align="left">Selected Image</legend>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="label" valign="middle">Image URL:</td>
<td valign="middle">
<input class="txtFileName" type="text" name="txtFileName" onfocus="select()">
</td>
</tr>
<tr>
<td class="label" valign="middle">Alt Text:</td>
<td valign="middle">
<input class="txtAltText" type="text" name="txtAltText" onfocus="select()">
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td class="fldLayout">
<fieldset name="fldLayout">
<legend align="left">Layout</legend>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="label" valign="middle">Alignment:</td>
<td valign="middle">
<select class="selAlignment" size="1" name="selAlignment">
<OPTION id="optNotSet" value="">(none)</OPTION>
<OPTION id="optAbsBottom" value="absbottom">absbottom</OPTION>
<OPTION id="optAbsMiddle" value="absmiddle">absmiddle</OPTION>
<OPTION id="optBaseline" value="baseline" selected>baseline</OPTION>
<OPTION id="optBottom" value="bottom">bottom</OPTION>
<OPTION id="optLeft" value="left">left</OPTION>
<OPTION id="optMiddle" value="middle">middle</OPTION>
<OPTION id="optRight" value="right">right</OPTION>
<OPTION id="optTexttop" value="texttop">texttop</OPTION>
<OPTION id="optTop" value="top">top</OPTION>
</select>
</td>
</tr>
<tr>
<td class="label" valign="middle">Border:</td>
<td valign="middle">
<input class="txtBorder" type="text" name="txtBorder" size="3" maxlength="3" onfocus="select()">
</td>
</tr>
</table
</fieldset>
</td>
<td class="fldSpacing">
<fieldset name="fldSpacing">
<legend align="left">Spacing</legend>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="label" valign="middle">Horizontal:</td>
<td valign="middle">
<input class="txtHorizontal" type="text" name="txtHorizontal" size="3" maxlength="3" onfocus="select()">
</td>
</tr>
<tr>
<td class="label" valign="middle">Vertical:</td>
<td valign="middle">
<input class="txtVertical" type="text" name="txtVertical" size="3" maxlength="3" onfocus="select()">
</td>
</tr>
</table
</fieldset>
</td>
<td valign="bottom">
<table align="right" border="0" cellpadding="2" cellspacing="0">
<tr>
<td valign="middle">
<input class="btnOK" type="submit" value="OK" name="btnOK">
</td>
</tr>
<tr>
<td valign="middle">
<input class="btnCancel" type="reset" value="Cancel" name="btnCancel" onClick="window.close();">
</td>
</tr>
</table
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

200
www/extras/htmlArea/popups/insert_link.html
View file

@ -1,200 +0,0 @@
<html style="Width: 310px; Height: 170px;">
<head>
<title>Hyperlink Editor</title>
<style type="text/css">
<!--
td { font-family: arial;
font-size: 8pt; }
select { font-family: arial;
font-size: 8pt; }
input { font-family: arial;
font-size: 8pt; }
-->
</style>
<script language="javascript">
document.title = "HyperLink Editor";
var myValues = window.dialogArguments;
var URLtext = myValues.href_attribute;
var highlightedText = myValues.highlightedText;
var target = myValues.tar_attribute;
var linkText = myValues.linkText;
function returnSelected() {
// the following checks to see if the user has entered a RELATIVE link
// either beginning with ? or # or the name of a file. If so, it sends some
// extra values back to editor.js telling it to strip out the absolute path,
// after the editor_insertHTML() call.
var re = /^(\?|\#)/;
var re2 = /^(html|htm|php|php4|php3|asp|cgi)/; // change this line to account for other relative file extensions
if (document.set.link_value.value.search(re) != -1) {
document.set.link_value.value = "http://www.___relativelink___.com/"
+ document.set.link_value.value;
}
var isRelativeFile = document.set.link_value.value.split(/\./);
if (isRelativeFile.length != 1 && isRelativeFile[1].search(re2) != -1) {
document.set.link_value.value = "http://www.___relativelink___.com/"
+ document.set.link_value.value;
}
var text = escape( "<a href='" );
text = text + escape( document.set.link_value.value );
if (target != "") {
text = text + escape( "' target='" );
text = text + escape( target );
}
text = text + escape( "'>" );
text = text + escape( document.set.desc.value );
text = text + escape( "</a>" );
window.returnValue = text; // set return value
window.close(); // close dialog
}
// Now, if a person changes the protocol AFTER having entered the
// link, the inputted link info isn't erased.
function myChange() {
var selectedItem = document.set.type.selectedIndex;
var selectedItemValue = document.set.type.options[selectedItem].value;
var selectedItemText = document.set.type.options[selectedItem].text;
var inputtedText = document.set.link_value.value;
var protocol = document.set.link_value.value.split(":");
if (protocol[1]) { // if there's content
var datum = protocol[1].replace(/^\/\//, "");
document.set.link_value.value = selectedItemValue + datum;
}
else {
if (protocol[0].search(/^(file|gopher|mailto|news|ftp|http|https|telnet|wias)$/) == -1) {
document.set.link_value.value = selectedItemValue + protocol[0];
}
else { document.set.link_value.value = selectedItemValue; }
}
}
function updateTarget() {
var selectedItem = document.set.target.selectedIndex;
var selectedItemValue = document.set.target.options[selectedItem].value;
target = selectedItemValue;
}
function updateForm() {
if (URLtext != '') {
// 1. set protocol
var compare = URLtext.substring(0,5);
for (i=0; i<document.set.type.length; i++) {
if (document.set.type.options[i].value.search(compare) != -1) {
document.set.type.options[i].selected = true;
}
}
// 2. set link URL
URLtext = URLtext.replace(/\/\/\//, "//");
URLtext = URLtext.replace(/http:\/\/www\.___relativelink___\.com\//, "");
document.set.link_value.value = URLtext;
}
// 3. set link text
if (linkText == '') { document.set.desc.value = highlightedText; }
else { document.set.desc.value = linkText; }
// 4. set target
if (target != '') {
for (i=0; i<document.set.target.length; i++) {
if (document.set.target.options[i].value.search(target) != -1) {
document.set.target.options[i].selected = true;
}
}
}
}
</script>
</head>
<body bgcolor="#CCCCCC" topmargin=5 leftmargin=0 onload="updateForm();">
<center>
<form method="post" name="set">
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td align="center">
<fieldset align="center" width="290">
<legend align="left">Hyperlink Information</legend>
<table border="0" cellspacing="4" align="center">
<tr>
<td align="right" nowrap="nowrap" width="40">Type: </td>
<td nowrap="nowrap">
<select name="type" onchange="javascript: myChange();">
<option value="">other
<option value="file://">File
<option value="ftp://">FTP
<option value="gopher:">Gopher
<option value="http://" selected>HTTP
<option value="https://">HTTPS
<option value="mailto:">mailTo
<option value="news:">News
<option value="telnet:">Telnet
<option value="wias:">WIAS
</select>
</td>
<td align="right">Target: </td>
<td><select name="target" onChange="javascript: updateTarget();">
<option value="">
<option value="_blank">_blank
<option value="_parent">_parent
<option value="_self">_self
<option value="_top">_top
</select>
</td>
</tr>
<tr>
<td align="right" nowrap="nowrap">Link: </td>
<td nowrap="nowrap" colspan="3">
<input type="text" name="link_value" value="http://" size="30">&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
<tr>
<td align="right" nowrap="nowrap">Text: </td>
<td nowrap="nowrap" colspan="3">
<input type="text" name="desc" value="" size="30">
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<table cellpadding="3">
<tr><td align="center">
<input type="hidden" value="" name="empty">
<input type="button" value=" OK " onClick="returnSelected()">
<input type="button" value="Cancel" onClick="window.close()">
</td></tr></table>
</form>
</td>
</tr>
</table>
</center>
</body>
</html>

118
www/extras/htmlArea/popups/insert_smiley.html
View file

@ -1,118 +0,0 @@
<html style="width:200px; Height: 200px;">
<head>
<title>Insert Smileys</title>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; };
</style>
<script language="javascript">
function insertSmiley() {
var img = window.event.srcElement;
if (img) {
var src = img.src.replace(/^[a-z]*:[/][/][^/]*/, "");
window.returnValue = '<IMG border=0 align=absmiddle src=' + src + '>';
window.close();
}
}
</script>
<script language='JavaScript' type='text/javascript'>
function cancel() {
window.returnValue = null;
window.close();
}
</script>
</head>
<body bgcolor="#D6D3CE" topmargin=15 leftmargin=10>
<div align="center">
<FIELDSET style="width:80%">
<LEGEND>Choose a smiley to insert</LEGEND>
<br><table align="center" border="0" cellpadding="4" cellspacing="0">
<tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile02.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile03.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile04.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile05.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile06.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile07.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile08.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile09.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile10.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile11.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile12.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile13.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile14.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile15.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile16.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile17.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile18.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile19.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile20.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile21.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile22.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile23.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile24.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile25.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile26.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile27.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile28.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile29.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile30.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile31.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile32.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile33.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile34.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile35.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile36.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile37.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile38.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile39.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile40.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile41.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile42.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile43.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile44.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile45.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile46.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile47.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile48.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile49.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile50.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile51.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile52.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile53.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile54.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile55.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile56.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile57.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile58.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile59.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile60.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile61.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile62.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile63.gif"></td>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile64.gif"></td>
</tr><tr>
<td valign="top" align="center"><IMG onclick='insertSmiley()' border=0 src="/extras/smileys/smile01.gif"></td>
</tr></table></FIELDSET></div></body></html>

76
www/extras/htmlArea/popups/insert_smiley.pl
View file

@ -1,76 +0,0 @@
#!/usr/bin/perl -w
use strict;
my ($httpSmileysPath, $fileSmileysPath, @smileys, $smile, $pos, $columns);
# $fileSmileysPath = '/home/WebGUI/www/extras/smileys'; # Define this if you're having problems determinating
# the path to the smileys dir automaticcally.
$httpSmileysPath = "/extras/smileys"; # Web path to the smileys dir
$columns = 3; # Smileys column width
# ------------------------------------------------------------------------------------------
if(defined($ENV{SCRIPT_FILENAME}) && $fileSmileysPath eq '') {
$fileSmileysPath = $ENV{SCRIPT_FILENAME};
$fileSmileysPath =~ s#(/[^/]+){3}$##; # Two dirs up from this script level
$fileSmileysPath .= "/smileys";
}
print <<EOM;
<!-- Content-type: text/html //-->
<html style="width:200px; Height: 200px;">
<head>
<title>Insert Smileys</title>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; };
</style>
<script language="javascript">
function insertSmiley() {
var img = window.event.srcElement;
if (img) {
var src = img.src.replace(/^[a-z]*:[/][/][^/]*/, "");
window.returnValue = '<IMG border=0 align=absmiddle src=' + src + '>';
window.close();
}
}
</script>
<script language='JavaScript' type='text/javascript'>
function cancel() {
window.returnValue = null;
window.close();
}
</script>
</head>
<body bgcolor="#D6D3CE" topmargin=15 leftmargin=10>
<div align="center">
<FIELDSET style="width:80%">
<LEGEND>Choose a smiley to insert</LEGEND>
<br><table align="center" border="0" cellpadding="4" cellspacing="0">
<tr>
EOM
opendir(DIR,$fileSmileysPath) or die "Couldn't open $fileSmileysPath\n";
@smileys = readdir(DIR);
closedir(DIR);
$pos = 0;
foreach $smile (@smileys)
{
chomp($smile);
next if ($smile !~ /gif$|jpg$|jpeg$|bmp$/);
if ($pos++ >= $columns) {
print "</tr><tr>\n";
$pos = 1;
}
print '<td valign="top" align="center"><IMG onclick='."'insertSmiley()'".' border=0 src="'.$httpSmileysPath.'/'.$smile.'"></td>'."\n";
}
print "</tr></table></FIELDSET></div></body></html>";

170
www/extras/htmlArea/popups/insert_table.html
View file

@ -1,170 +0,0 @@
<html STYLE="width: 432px; height: 168px; ">
<head><title>Insert Table</title><head>
<style>
html, body, button, div, input, select, td, fieldset { font-family: MS Shell Dlg; font-size: 8pt; };
</style>
<script>
// if we pass the "window" object as a argument and then set opener to
// equal that we can refer to dialogWindows and popupWindows the same way
opener = window.dialogArguments;
var _editor_url = opener._editor_url;
var objname = location.search.substring(1,location.search.length);
var config = opener.document.all[objname].config;
var editor_obj = opener.document.all["_" +objname+ "_editor"];
var editdoc = editor_obj.contentWindow.document;
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "An error has occurred in this dialog." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
// window.close();
return true;
}
function Init() {
document.body.onkeypress = _CloseOnEsc;
}
function _isValidNumber(txtBox) {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 9999) { return false; }
return true;
}
function btnOKClick() {
var curRange = editdoc.selection.createRange();
// error checking
var checkList = ['rows','cols','border','cellspacing','cellpadding'];
for (var idx in checkList) {
var fieldname = checkList[idx];
if (document.all[fieldname].value == "") {
alert("You must specify a value for the '" +fieldname+ "' field!");
document.all[fieldname].focus();
return;
}
else if (!_isValidNumber(document.all[fieldname].value)) {
alert("You must specify a number between 0 and 9999 for '" +fieldname+ "'!");
document.all[fieldname].focus();
return;
}
}
// delete selected content (if applicable)
if (editdoc.selection.type == "Control" || curRange.htmlText) {
if (!confirm("Overwrite selected content?")) { return; }
curRange.execCommand('Delete');
curRange = editdoc.selection.createRange();
}
// create table
var table = '<table border="' +document.all.border.value+ '"'
+ ' cellspacing="' +document.all.cellspacing.value+ '"'
+ ' cellpadding="' +document.all.cellpadding.value+ '"'
+ ' width="' +document.all.width.value + document.all.widthExt.value+ '"'
+ ' align="' +document.all.alignment.value+ '">\n';
for (var x=0; x<document.all.rows.value; x++) {
table += " <tr>\n";
for (var y=0; y<document.all.cols.value; y++) {
table += " <td></td>\n";
}
table += " </tr>\n";
}
table += "</table>\n";
// insert table
opener.editor_insertHTML(objname, table);
// close popup window
window.close();
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext; margin: 10px; BORDER-STYLE: none" scroll=no>
<table border=0 cellspacing=0 cellpadding=0 style="margin: 0 0 8 0">
<tr>
<td>Rows: &nbsp;</td>
<td><input type="text" name="rows" value="4" style="width: 50px" maxlength=4></td>
</tr>
<tr>
<td>Cols:</td>
<td><input type="text" name="cols" value="3" style="width: 50px" maxlength=4></td>
<td width=10>&nbsp;</td>
<td>Width: &nbsp;</td>
<td>
<input type="text" name="width" value="100" style="width: 50px" maxlength=4>
<select name="widthExt">
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
</td>
</tr>
</table>
<FIELDSET style="width: 1%; text-align: center">
<LEGEND>Layout</LEGEND>
<table border=0 cellspacing=6 cellpadding=0>
<tr>
<td height=21>Alignment:</td>
<td>
<select name="alignment" size=1>
<option value="">Not set</option>
<option value="left">Left</option>
<option value="right">Right</option>
<option value="textTop">Texttop</option>
<option value="absMiddle">Absmiddle</option>
<option value="baseline">Baseline</option>
<option value="absBottom">Absbottom</option>
<option value="bottom">Bottom</option>
<option value="middle">Middle</option>
<option value="top">Top</option>
</select>
</td>
</tr>
<tr>
<td><nobr>Border Thickness:</nobr></td>
<td><input type="text" name="border" value="1" size=4 style="width: 100%"></td>
</tr>
</table>
</FIELDSET>
<FIELDSET style="width: 1%; text-align: center">
<LEGEND>Spacing</LEGEND>
<table border=0 cellspacing=6 cellpadding=0>
<tr>
<td><nobr>Cell Spacing:</nobr></td>
<td><input type="text" name="cellspacing" value="1" style="width: 50px" maxlength=4></td>
</tr>
<tr>
<td><nobr>Cell Padding:</nobr></td>
<td><input type="text" name="cellpadding" value="2" style="width: 50px" maxlength=4></td>
</tr>
</table>
</FIELDSET>
<div style="left: 340px; top: 16px; position: absolute">
<BUTTON style="width: 7em; height: 2.2em; margin: 0 0 3 0" type=submit onclick="btnOKClick()">OK</BUTTON><br>
<BUTTON style="width: 7em; height: 2.2em; " type=reset onClick="window.close();">Cancel</BUTTON>
</div>
</BODY>
</HTML>

223
www/extras/htmlArea/popups/rowprop.html
View file

@ -1,223 +0,0 @@
<!-- based on insimage.dlg -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML id=dlgFind STYLE="width: 420px; height: 200px; ">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="MSThemeCompatible" content="Yes">
<TITLE>
Row Properties
</TITLE>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
</style>
<script>
opener = window.dialogArguments;
var editor_obj = opener.document.all["_" + opener.getGlobalVar('_editor_field') + "_editor"];
var tr = opener.getGlobalVar('_editor_row');
</script>
<SCRIPT defer>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "An error has occurred in this dialog." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
window.close();
return true;
}
function Init() {
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("btnOKClick()");
align.selectedIndex = 0;
for (var i=0; i< align.length; i++) {
if (align[i].value.toLowerCase() == tr.align.toLowerCase()) {
align.selectedIndex = i;
}
}
vAlign.selectedIndex = 0;
for (var i=0; i< vAlign.length; i++) {
if (vAlign[i].value.toLowerCase() == tr.vAlign.toLowerCase()) {
vAlign.selectedIndex = i;
}
}
//if (tr.bgColor == ''){
bgColor.innerText = ' ' + tr.bgColor.toUpperCase();
//}
bgColor.style.backgroundColor = tr.bgColor;
//if (tr.borderColor == ''){
borderColor.innerText = ' ' + tr.borderColor.toUpperCase();
//}
borderColor.style.backgroundColor = tr.borderColor;
//if (tr.borderColorDark == ''){
borderColorDark.innerText = ' ' + tr.borderColorDark.toUpperCase();
//}
borderColorDark.style.backgroundColor = tr.borderColorDark;
//if (tr.borderColorLight == ''){
borderColorLight.innerText = ' ' + tr.borderColorLight.toUpperCase();
//}
borderColorLight.style.backgroundColor = tr.borderColorLight;
if (tr.height == null){
height.value = '';
heightExt.value = '';
} else {
if (tr.height.search(/%/) < 0) {
height.value = tr.height;
heightExt.value = '';
} else {
height.value = tr.height.split('%')[0];
heightExt.value = '%';
}
}
if (tr.width == null){
width.value = '';
widthExt.value = '';
} else {
if (tr.width.search(/%/) < 0) {
widthExt.value = '';
width.value = tr.width;
} else {
width.value = tr.width.split('%')[0];
widthExt.value = '%';
}
}
id.value = tr.id;
title.value = tr.title;
}
function radioValue(radioobject){
for (var i=0; i < radioobject.length; i++) {
if (direction[i].checked) {
return radioobject[i].value;
}
}
}
function _isValidNumber(txtBox) {
if (txtBox == '') {
return true;
} else {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 9999) { return false; }
return true;
}
}
function btnOKClick() {
if (!_isValidNumber(height.value)) {
alert("You must specify a number between 0 and 9999 for height!");
heigth.focus();
return;
}
if (height.value == ''){heightExt.value = '';}
if (!_isValidNumber(width.value)) {
alert("You must specify a number between 0 and 9999 for width!");
width.focus();
return;
}
if (width.value == ''){widthExt.value = '';}
tr.align = align[align.selectedIndex].value;
tr.vAlign = vAlign[vAlign.selectedIndex].value;
tr.bgColor = bgColor.style.backgroundColor;
tr.borderColor = borderColor.style.backgroundColor;
tr.borderColorDark = borderColorDark.style.backgroundColor;
tr.borderColorLight = borderColorLight.style.backgroundColor;
// tr.bgColor = bgColor.value;
// tr.borderColor = borderColor.value;
// tr.borderColorDark = borderColorDark.value;
// tr.borderColorLight = borderColorLight.value;
tr.height = height.value + heightExt.value;
tr.id = id.value ;
if (title.value == ''){
if (tr.getAttribute('title') != null){tr.removeAttribute('title');}
} else {tr.title = title.value;}
if (width.value == ''){
if (tr.getAttribute('width') != null){tr.removeAttribute('width');}
} else {tr.width = width.value + widthExt.value;}
window.close();
return true;
}
function setColors (but) {
but.style.borderStyle = 'inset';
var color=showModalDialog('set_color.html',but.style.backgroundColor,'resizable:no;help:no;status:no;scroll:no;');
if (color == '' || color == null){
but.innerText = '';
but.style.backgroundColor = '';
} else {
but.innerText = ' #' + color.toUpperCase();
but.style.backgroundColor = color;
}
but.style.borderStyle = 'outset';
return;
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
<DIV id=divHeight style="left: 1em; top: 1em; width: 10em; height: 1.9em; ">
Height:
</DIV>
<INPUT ID=height type=text style="left: 10em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=10 onfocus="select()">
<select name="heightExt" style="left: 13.2em; top: 0.8em; width: 6em; height: 1.9em; " tabIndex=20>
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
<DIV id=divWidth style="left: 20em; top: 1em; width: 10em; height: 1.9em; ">
Width:
</DIV>
<INPUT ID=width type=text style="left: 27.9em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=30 onfocus="select()">
<select name="widthExt" style="left: 31.1em; top: 0.8em; width: 6em; height: 1.9em; " tabIndex=40>
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
<DIV id=divId style="left: 1em; top: 3em; width: 10em; height: 1.2168em; ">
Id:
</DIV>
<INPUT ID=id type=text style="left: 10em; top: 2.8em; width: 27.04em; height: 1.9em; " tabIndex=50 onfocus="select()">
<DIV id=divTitle style="left: 1em; top: 5em; width: 31em; height: 1.2168em; ">
Tooltip:
</DIV>
<INPUT ID=title type=text style="left: 10em; top: 4.8em; width: 27.04em; height: 1.9em; " tabIndex=60 onfocus="select()">
<DIV id=divAlign style="left: 1em; top: 7em; width: 10em; height: 1.2168em; ">
Horizontal Align:
</DIV>
<select name="align" style="left: 10em; top: 6.8em; width: 6em; height: 1.9em; " tabIndex=70">
<option value="">Not set</option>
<option value="center">center</option>
<option value="justify">Justify</option>
<option value="left">Left</option>
<option value="right">Right</option>
</select>
<DIV id=divvAlign style="left: 20em; top: 7em; width: 10em; height: 1.2168em; ">
Vertical Align:
</DIV>
<select name="vAlign" style="left: 31em; top: 6.8em; width: 6em; height: 1.9em; " tabIndex=80">
<option value="">Not set</option>
<option value="middle">Middle</option>
<option value="baseline">Baseline</option>
<option value="bottom">Bottom</option>
<option value="top">Top</option>
</select>
<DIV id=divBgColor style="left: 1em; top: 9em; width: 10em; height: 1.2168em; ">
Background Color:
</DIV>
<DIV id=bgColor style="left: 10em; top: 9em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderColor style="left: 20em; top: 9em; width: 10em; height: 1.2168em; ">
Border Color:
</DIV>
<DIV id=borderColor style="left: 31em; top: 9em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderColorDark style="left: 1em; top: 11em; width: 10em; height: 1.2168em; ">
Border Color Dark:
</DIV>
<DIV id=borderColorDark style="left: 10em; top: 11em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderCOlorLight style="left: 20em; top: 11em; width: 10em; height: 1.2168em; ">
Border Color Light:
</DIV>
<DIV id=borderColorLight style="left: 31em; top: 11em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<BUTTON ID=btnOK style="left: 10em; top: 13em; width: 8.5em; height: 2.2em; " type=submit tabIndex=90>
OK
</BUTTON>
<BUTTON ID=btnCancel style="left: 19.9em; top: 13em; width: 8.5em; height: 2.2em; " type=reset tabIndex=100 onClick="window.close();">
Cancel
</BUTTON>
</BODY>
</HTML>

343
www/extras/htmlArea/popups/select_color.html
View file

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

352
www/extras/htmlArea/popups/set_color.html
View file

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

302
www/extras/htmlArea/popups/tableprop.html
View file

@ -1,302 +0,0 @@
<!-- based on insimage.dlg -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML id=dlgFind STYLE="width: 420px; height: 290px; ">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="MSThemeCompatible" content="Yes">
<TITLE>
Table Properties
</TITLE>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
</style>
<script>
opener = window.dialogArguments;
var editor_obj = opener.document.all["_" + opener.getGlobalVar('_editor_field') + "_editor"];
var table = opener.getGlobalVar('_editor_table');
</script>
<SCRIPT defer>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
window.onerror = HandleError
function HandleError(message, url, line) {
var std = "An error has occurred in this dialog." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(std);
window.close();
return true;
}
function Init() {
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("btnOKClick()");
align.selectedIndex = 0;
for (var i=0; i< align.length; i++) {
if (align[i].value.toLowerCase() == table.align.toLowerCase()) {
align.selectedIndex = i;
}
}
bgColor.innerText = ' ' + table.bgColor.toUpperCase();
bgColor.style.backgroundColor = table.bgColor;
border.value = table.border;
borderColor.innerText = ' ' + table.borderColor.toUpperCase();
borderColor.style.backgroundColor = table.borderColor;
borderColorDark.innerText = ' ' + table.borderColorDark.toUpperCase();
borderColorDark.style.backgroundColor = table.borderColorDark;
borderColorLight.innerText = ' ' + table.borderColorLight.toUpperCase();
borderColorLight.style.backgroundColor = table.borderColorLight;
if (table.height == null){
height.value = '';
heightExt.value = '';
} else {
if (table.height.search(/%/) < 0) {
height.value = table.height;
heightExt.value = '';
} else {
height.value = table.height.split('%')[0];
heightExt.value = '%';
}
}
if (table.width == null){
width.value = '';
widthExt.value = '';
} else {
if (table.width.search(/%/) < 0) {
widthExt.value = '';
width.value = table.width;
} else {
width.value = table.width.split('%')[0];
widthExt.value = '%';
}
}
id.value = table.id;
title.value = table.title;
if (table.background == null) {
background.value = '';
} else {
background.value = table.background;
}
cellPadding.value = table.cellPadding;
cellSpacing.value = table.cellSpacing;
if (table.caption) {
caption.value = table.caption.innerText;
}
rules.selectedIndex = 0;
for (var i=0; i< rules.length; i++) {
if (rules[i].value.toLowerCase() == table.rules.toLowerCase()) {
rules.selectedIndex = i;
}
}
frame.selectedIndex = 0;
for (var i=0; i< frame.length; i++) {
if (frame[i].value.toLowerCase() == table.frame.toLowerCase()) {
frame.selectedIndex = i;
}
}
}
function radioValue(radioobject){
for (var i=0; i < radioobject.length; i++) {
if (direction[i].checked) {
return radioobject[i].value;
}
}
}
function _isValidNumber(txtBox) {
if (txtBox == '') {
return true;
} else {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 9999) { return false; }
return true;
}
}
function btnOKClick() {
if (!_isValidNumber(height.value)) {
alert("You must specify a number between 0 and 9999 for height!");
heigth.focus();
return;
}
if (height.value == ''){heightExt.value = '';}
if (!_isValidNumber(width.value)) {
alert("You must specify a number between 0 and 9999 for width!");
width.focus();
return;
}
if (!_isValidNumber(border.value)) {
alert("You must specify a number between 0 and 9999 for border!");
border.focus();
return;
}
if (width.value == ''){widthExt.value = '';}
table.align = align[align.selectedIndex].value;
table.bgColor = bgColor.style.backgroundColor;
table.borderColor = borderColor.style.backgroundColor;
table.borderColorDark = borderColorDark.style.backgroundColor;
table.borderColorLight = borderColorLight.style.backgroundColor;
table.height = height.value + heightExt.value;
table.id = id.value ;
if (title.value == ''){
if (table.getAttribute('title') != null){table.removeAttribute('title');}
} else {table.title = title.value;}
if (width.value == ''){
if (table.getAttribute('width') != null){table.removeAttribute('width');}
} else {table.width = width.value + widthExt.value;}
if (background.value == '' ){
if (table.getAttribute('background') != null){table.removeAttribute('background');}
} else {table.background = background.value;}
if (!_isValidNumber(cellPadding.value)) {
alert("You must specify a number between 0 and 9999 for cellPadding!");
cellPadding.focus();
return;
}
if (cellPadding.value == ''){
if (table.getAttribute('cellPadding') != null){table.removeAttribute('cellPadding');}
} else {table.cellPadding = cellPadding.value;}
if (!_isValidNumber(cellSpacing.value)) {
alert("You must specify a number between 0 and 9999 for cellSpacing!");
cellSpacing.focus();
return;
}
if (cellSpacing.value == ''){
if (table.getAttribute('cellSpacing') != null){table.removeAttribute('cellSpacing');}
} else {table.cellSpacing = cellSpacing.value;}
if (table.caption) {
if (caption.value == '') {
table.deleteCaption();
} else {
table.caption.innerText = caption.value ;
}
} else {
if (caption.value != '') {
table.createCaption();
table.caption.innerText = caption.value;
}
}
table.frame = frame[frame.selectedIndex].value;
table.rules = rules[rules.selectedIndex].value;
if (border.value == '' || border.value == 0){
if (table.getAttribute('border') != null){table.removeAttribute('border');}
} else {table.border = border.value;}
window.close();
return true;
}
function setColors (but) {
but.style.borderStyle = 'inset';
var color=showModalDialog('set_color.html',but.style.backgroundColor,'resizable:no;help:no;status:no;scroll:no;');
if (color == '' || color == null){
but.innerText = '';
but.style.backgroundColor = '';
} else {
but.innerText = ' #' + color.toUpperCase();
but.style.backgroundColor = color;
}
but.style.borderStyle = 'outset';
return;
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
<DIV id=divHeight style="left: 1em; top: 1em; width: 10em; height: 1.9em; ">
Height:
</DIV>
<INPUT ID=height type=text style="left: 10em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=10 onfocus="select()">
<select name="heightExt" style="left: 13.2em; top: 0.8em; width: 6em; height: 1.9em; " tabIndex=20>
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
<DIV id=divWidth style="left: 19.4em; top: 1em; width: 10em; height: 1.9em; ">
Width:
</DIV>
<INPUT ID=width type=text style="left: 22.7em; top: 0.8em; width: 3em; height: 1.9em; " tabIndex=30 onfocus="select()">
<select name="widthExt" style="left: 25.8em; top: 0.8em; width: 6em; height: 1.9em; " tabIndex=40>
<option value="">Pixels</option>
<option value="%" selected>Percent</option>
</select>
<DIV id=divBorder style="left: 32em; top: 1em; width: 10em; height: 1.9em; ">
Border:
</DIV>
<INPUT ID=border type=text style="left: 35.5em; top: 0.8em; width: 1.5em; height: 1.9em; " tabIndex=50 onfocus="select()">
<DIV id=divId style="left: 1em; top: 3em; width: 10em; height: 1.2168em; ">
Id:
</DIV>
<INPUT ID=id type=text style="left: 10em; top: 2.8em; width: 27.04em; height: 1.9em; " tabIndex=60 onfocus="select()">
<DIV id=divCaption style="left: 1em; top: 5em; width: 10em; height: 1.2168em; ">
Caption:
</DIV>
<INPUT ID=caption type=text style="left: 10em; top: 4.8em; width: 27.04em; height: 1.9em; " tabIndex=70 onfocus="select()">
<DIV id=divTitle style="left: 1em; top: 7em; width: 31em; height: 1.2168em; ">
Tooltip:
</DIV>
<INPUT ID=title type=text style="left: 10em; top: 6.8em; width: 27.04em; height: 1.9em; " tabIndex=80 onfocus="select()">
<DIV id=divBackground style="left: 1em; top: 9em; width: 10em; height: 1.2168em; ">
Background Image:
</DIV>
<INPUT ID=background type=text style="left: 10em; top: 8.8em; width: 27.04em; height: 1.9em; " tabIndex=90 onfocus="select()">
<DIV id=divFrame style="left: 1em; top: 11em; width: 10em; height: 1.2168em; ">
Frame:
</DIV>
<select ID=frame style="left: 10em; top:10.8em; width: 27.04em; height: 1.9em; " tabIndex=100 onfocus="select()">
<option value="">Not set</option>
<option value="above">Border on the top side of the border frame is displayed</option>
<option value="below">Border on the bottom side of the table frame is displayed</option>
<option value="border">Borders on all sides of the table frame are displayed</option>
<option value="box">Borders on all sides of the table frame are displayed</option>
<option value="hsides">Borders on the top and bottom sides of the table frame are displayed</option>
<option value="lhs">Border on the left side of the table frame is displayed</option>
<option value="rhs">Border on the right side of the table frame is displayed</option>
<option value="vsides">Borders on the left and right sides of the table frame are displayed</option>
</select>
<DIV id=divRules style="left: 1em; top: 13em; width: 10em; height: 1.2168em; ">
Rules:
</DIV>
<select ID=rules style="left: 10em; top:12.8em; width: 27.04em; height: 1.9em; " tabIndex=110 onfocus="select()">
<option value="">Not set</option>
<option value="all">Borders are displayed on all rows and columns</option>
<option value="cols">Borders are displayed between all table columns</option>
<option value="none">All interior table borders are removed</option>
<option value="rows">Horizontal borders are displayed between all table rows</option>
</select>
<DIV id=divAlign style="left: 1em; top: 15em; width: 10em; height: 1.2168em; ">
Horizontal Align:
</DIV>
<select name="align" style="left: 10em; top: 14.8em; width: 6em; height: 1.9em; " tabIndex=120>
<option value="">Not set</option>
<option value="center">center</option>
<option value="justify">Justify</option>
<option value="left">Left</option>
<option value="right">Right</option>
</select>
<DIV id=divcellPadding style="left: 17em; top: 15em; width: 10em; height: 1.9em; ">
Cell Padding:
</DIV>
<INPUT ID=cellPadding type=text style="left: 23.5em; top: 14.8em; width: 3em; height: 1.9em; " tabIndex=130 onfocus="select()">
<DIV id=divcellSpacing style="left: 27.5em; top: 15em; width: 10em; height: 1.9em; ">
Cell Spacing:
</DIV>
<INPUT ID=cellSpacing type=text style="left: 34em; top: 14.8em; width: 3em; height: 1.9em; " tabIndex=140 onfocus="select()">
<DIV id=divBgColor style="left: 1em; top: 17em; width: 10em; height: 1.2168em; ">
Background Color:
</DIV>
<DIV id=bgColor style="left: 10em; top: 17em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderColor style="left: 20em; top: 17em; width: 10em; height: 1.2168em; ">
Border Color:
</DIV>
<DIV id=borderColor style="left: 31em; top: 17em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderColorDark style="left: 1em; top: 19em; width: 10em; height: 1.2168em; ">
Border Color Dark:
</DIV>
<DIV id=borderColorDark style="left: 10em; top: 19em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<DIV id=divBorderCOlorLight style="left: 20em; top: 19em; width: 10em; height: 1.2168em; ">
Border Color Light:
</DIV>
<DIV id=borderColorLight style="left: 31em; top: 19em; width: 6em; height: 1.2168em;border-style: outset; border-width: thin;" onclick="setColors(this);"></DIV>
<BUTTON ID=btnOK style="left: 10em; top: 21em; width: 8.5em; height: 2.2em; " type=submit tabIndex=150>
OK
</BUTTON>
<BUTTON ID=btnCancel style="left: 19.9em; top: 21em; width: 8.5em; height: 2.2em; " type=reset tabIndex=160 onClick="window.close();">
Cancel
</BUTTON>
</BODY>
</HTML>

760
www/extras/htmlArea/readme.html
View file

@ -1,760 +0,0 @@
<html><head><title>htmlArea Help</title>
<style type="text/css"><!--
body, td { font-family: arial; font-size: x-small; }
a { color: #0000BB; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
.headline { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
.headline2{ font-family: verdana, arial; font-size: 12px; }
.subhead { font-family: arial, arial; font-size: 18px; font-weight: bold; font-style: italic; }
.backtotop { font-family: arial, arial; font-size: xx-small; }
.code { background-color: #EEEEEE; font-family: Courier New; font-size: x-small;
margin: 5px 0px 5px 0px; padding: 5px;
border: black 1px dotted;
}
--></style>
<script><!-- // load htmlArea files
_editor_url = "";
document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js" language="JavaScript1.2"></scr'+'ipt>');
//--></script>
</head>
<body>
<a name="top"></a>
<div align=center>
<span class="headline">htmlArea v2.03</span><br>
<span class="headline2">Turn any &lt;textarea&gt; into a WYSIWYG editor, a free script<br><a href="http://www.interactivetools.com/">from your friends at interactivetools.com</a></span>
<hr>
</div>
<!-- TOC -->
<p class="subhead">Introduction</p>
<a href="#intro1">What is htmlArea?</a><br>
<a href="#intro2">Is it really free? What's the catch?</a><br>
<a href="#intro3">What are the browser requirements?</a><br>
<a href="#intro4">Can I see an example of what it looks like?</a><br>
<a href="#intro5">Where can I find out more info, download the latest version, and talk to other htmlArea users?</a><br>
<p class="subhead">Installation / Setup</p>
<a href="#setup1">How do I add htmlArea to my web page?</a><br>
<a href="#setup2">I want to change the editor settings, how do I do that?</a><br>
<a href="#setup3">How can I change what controls are displayed on the toolbar?</a><br>
<a href="#setup4">How can I change what fonts are in the font list?</a><br>
<a href="#setup5">How can I change what sizes are in the font size?</a><br>
<a href="#setup6">How can I change what styles are in the font style (CSS) list?</a><br>
<a href="#setup7">How can I specify an external stylesheet for my styles?</a><br>
<p class="subhead">Frequently Asked Questions</p>
<a href="#faq-goals">What the project goals for htmlArea?</a><br>
<a href="#faq1">This editor is pretty neat, so how does it actually work?</a><br>
<a href="#faq2">You don't happen to have one of these for (Netscape, Mozilla, Opera, Mac IE, etc) do you?</a><br>
<a href="#faq3">Why doesn't htmlArea output XHTML instead of regular HTML? Can you make it do that?</a><br>
<a href="#faq4">I'd like to be able to upload images from my hard drive, can you add that feature?</a><br>
<a href="#faq6">I'd like to &lt;insert idea here&gt;, can you add that feature?</a><br>
<a href="#faq7">Can I change the toolbar/button colors?</a><br>
<a href="#faq8" style="color: red"><b>I love htmlArea,</b> is there anything I can do to help the project?</a><br>
<a href="#faq_slow_images">Why do the toolbar buttons take so long to load when I have multiple htmlArea editors on the same page?</a><br>
<p class="subhead">Known Bugs & Issues</p>
<a href="#bugs1">Undo/Redo doesn't work</a><br>
<a href="#bugs2">Relative paths are converted to absolute paths</a><br>
<a href="#bugs3">HTML header info (eg: &lt;head&gt;, &lt;body&gt;, etc) doesn't get preserved</a><br>
<a href="#bugs4">Some tags (eg: noframes, noscript, etc) doesn't get preserved</a><br>
<a href="#bugs5">htmlArea doesn't work when multiple textareas that have the same name</a><br>
<a href="#bugs_ssl">Why do I get "non secure items" warnings when using htmlarea on a secure (SSL) https:// page?</a><br>
<p class="subhead">Change Log</p>
<a href="#changelog">View Change Log</a><br>
<br><br>
<!-- INTRODUCTION -->
<hr><p><span class="subhead">Introduction</span> <a href="#top" class="backtotop">back to top</a></p>
<dl>
<a name="intro1"></a>
<p><dt><b>What is htmlArea?</b></dt>
<dd>htmlArea is a free WYSIWYG (what you see is what you get) editor replacement for &lt;textarea&gt; fields. By adding a few
simple lines of JavaScript to your web page you can replace a regular textarea with a rich text
editor that let your users do the following:
<p><ul>
<li>Format text to be bold, italicized, or underlined.</li>
<li>Change the face, size, style and colour.</li>
<li>Left, centre, or right-justify paragraphs. </li>
<li>Make bulleted or numbered lists. </li>
<li>Indent or un-indent paragraphs. </li>
<li>Insert a horizontal line. </li>
<li>Insert hyperlinks and images. </li>
<li>View the raw HTML source of what they're editing. </li>
<li>and much more... </li>
</ul>
<p>Some of the interesting features of htmlArea that set's it apart from other web based WYSIWYG editors are as follows:
<p><ul>
<li>It's lightweight, fast loading and can transform a regular textarea into a rich-text editor with a single line of JavaScript.</li>
<li>It's 100% backwards compatible with older or non-supported browsers (they get the original textarea field).</li>
<li>It's free and can be incorporated into any free or commercial program.</li>
<li>It works with any programming language (ASP, PHP, Perl, Java, etc).</li>
<li>It's written in simple JavaScript and can be easily viewed, modified or extended.</li>
<li>It remembers entered content when a user navigates away and then hits "back" in their browser.</li>
<li>Since it replaces existing textareas it doesn't require a lot of code to add it to your pages (just one line).</li>
<li>Did we mention it was free? : )</li>
</ul>
</dd></p>
<a name="intro2"></a>
<p><dt><b>Is it really free? What's the catch?</b></dt>
<dd>Yes! It's really free. You can use it, modify it, distribute it with your software,
or do just about anything you like with it.
</dd></p>
<a name="intro3"></a>
<p><dt><b>What are the browser requirements?</b></dt>
<dd>htmlArea requires Internet Explorer 5.5 or better on Windows to run. This is because it
makes use of some advanced features of IE5.5 that aren't available in other browsers yet.
It <i>is</i> backwards compatible with other browsers, though. They will get a regular textarea
field instead of a WYSIWYG editor.</dd></p>
<a name="intro4"></a>
<p><dt><b>Can I see an example of what it looks like?</b></dt>
<dd>Sure, make sure you're using IE5.5 or better on windows and see below.
<p>Here is a regular &lt;textarea&gt; field.<br>
<textarea name="textbox1" style="height: 110px; width: 700px;">
Here is some sample text in a regular &lt;textarea&gt;.
There's not much you can do besides, well, enter plain text...
</textarea>
<p>And here is a &lt;textarea&gt; transformed with htmlArea (with a single line of JavaScript code).</p>
<textarea name="textbox2" style="height: 110px; width: 700px;">
Here is some sample text in textarea thats been transformed with <font color="#0000CC"><b>htmlArea</b></font>.<br>
You can make things <b>bold</b>, <i>italic</i>, <u>underline</u>. You can change the
<font size=3>size</font> and <b><font color="#0000CC">c</font><font color="#00CC00">o</font><font color="#00CCCC">l</font><font color="#CC0000">o</font><font color="#CC00CC">r</font><font color="#CCCC00">s</font><font color="#CCCCCC">!</font></b>
And lots more...
<P align=center><FONT size=4 color=#ff0000><b><U>Try htmlArea today!</U></b></FONT><BR>
</textarea>
<script language="JavaScript1.2" defer>
editor_generate('textbox2');
</script>
</dd></p>
<a name="intro5"></a>
<p><dt><b>Where can I find out more info, download the latest version, and talk to other htmlArea users?</b></dt>
<dd>You can find out more about htmlArea and download the latest version on the
<a href="http://www.interactivetools.com/products/htmlarea/">htmlArea homepage</a>
and you can talk to other htmlArea users and post any comments or suggestions you have in the
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=18">htmlArea forum</a>.
</dl>
<!-- INSTALLATION / SETUP -->
<hr><p><span class="subhead">Installation / Setup</span> <a href="#top" class="backtotop">back to top</a></p>
<dl>
<a name="setup1"></a>
<p><dt><b>How do I add htmlArea to my web page?</b></dt>
<dd>It's easy, first you need to upload the htmlArea files to your website. Just follow these steps:
<p><ol>
<li>Download the latest version from the <a href="http://www.interactivetools.com/products/htmlarea/">htmlArea homepage</a>.</li>
<li>Unzip the files onto your local computer (making sure to maintain the directory structure contained in the zip).</li>
<li>Create a new folder on your website called /htmlarea/ (make sure it's NOT inside the cgi-bin).</li>
<li>Transfer all the htmlArea files from your local computer into the /htmlarea/ folder on your website.</li>
<li>Open the example page /htmlarea/example.html with your browser to make sure everything works.</li>
</ol></p>
Once htmlArea is on your website all you need to do is add some JavaScript to any pages that you want to
add WYSIWYG editors to. Here's how to do that.
<p><ol>
<li>Open the page you want to add a WYSIWYG editor to. Add the following to the top of
the page in the &lt;head&gt;&lt;/head&gt; of the HTML document.
<div class="code">
&lt;script language="Javascript1.2"&gt;&lt;!-- // load htmlarea<br>
_editor_url = ""; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // URL to htmlarea files<br>
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);<br>
if (navigator.userAgent.indexOf('Mac') &nbsp; &nbsp; &nbsp; &nbsp;&gt;= 0) { win_ie_ver = 0; }<br>
if (navigator.userAgent.indexOf('Windows CE') &gt;= 0) { win_ie_ver = 0; }<br>
if (navigator.userAgent.indexOf('Opera') &nbsp; &nbsp; &nbsp;&gt;= 0) { win_ie_ver = 0; }<br>
if (win_ie_ver &gt;= 5.5) {<br>
&nbsp;document.write('&lt;scr' + 'ipt src="' +_editor_url+ 'editor.js"');<br>
&nbsp;document.write(' language="Javascript1.2"&gt;&lt;/scr' + 'ipt&gt;'); &nbsp;<br>
} else { document.write('&lt;scr'+'ipt&gt;function editor_generate() { return false; }&lt;/scr'+'ipt&gt;'); }<br>
// --&gt;&lt;/script&gt;
</div>
If you've installed htmlArea anywhere other than /htmlarea/ then <b>be sure to change _editor_url</b> to point to
your htmlarea directory (ending with a forward slash "/").</li>
<p><li>For each &lt;textarea&gt; that you want to change, add the following code to the page.
<div class="code">
&lt;script language="JavaScript1.2" defer&gt;<br>
editor_generate('<i>fieldname</i>');<br>
&lt;/script&gt;<br>
</div>
Be sure to change "<b><i>fieldname</i></b>" to be the name (not id) of the textarea you want to change.</li>
<p><li>And you're done, open your page in your browser and see if it worked. If you run into
any problems, keep trying and feel free to visit the
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=18">htmlArea forum</a>.</li>
</ol></p>
<a name="setup2"></a>
<p><dt><b>I want to change the editor settings, how do I do that?</b></dt>
<dd>While it's true that all you need is one line of JavaScript to create an htmlArea WYSIWYG editor
you can also specify more config settings in the code to control how the editor works and looks. Here's an
example of some of the available settings:
<div class="code">
&lt;script language="JavaScript1.2" defer&gt;<br>
var config = new Object(); // create new config object<br><br>
config.width = "90%";<br>
config.height = "200px";<br>
config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';<br>
config.debug = 0;<br><br>
// Add additional editor config settings here...<br><br>
editor_generate('<i>fieldname</i>',config);<br>
&lt;/script&gt;<br>
</div>
See below for even more configuration options that can be added. All of these settings will use
default values in editor.js if you don't specify them yourself.
<p><table border=1 cellspacing=0 cellpadding=2 width=600>
<tr><td><b>Width</b></td><td>specifies the width of the editor (in pixels or as a percentage).</td></tr>
<tr><td><b>Height</b></td><td>specifies the height of the editor (in pixels or as a percentage).</td></tr>
<tr><td><b>bodyStyle</b></td><td>specifies CSS style of the editor window including color, default font face, and size. Note, the default font information isn't saved, it just controls how text is displayed if no other font formatting has been applied.</td></tr>
<tr><td><b>debug</b></td><td>if set to 1, displays a debug field with the actual contents of the editor (in raw html) which is updated as your type.</td></tr>
</table>
</dd></p>
<a name="setup3"></a>
<p><dt><b>How can I change what controls are displayed on the toolbar?</b></dt>
<dd>You can add a config.toolbar config setting to control exactly what's shown on the toolbar.
Here's an example.
<div class="code">
config.toolbar = [<br>
&nbsp; ['fontname'],<br>
&nbsp; ['fontsize'],<br>
&nbsp; ['fontstyle'],<br>
&nbsp; ['linebreak'],<br>
&nbsp; ['bold','italic','underline','separator'],<br>
&nbsp; ['strikethrough','subscript','superscript','separator'],<br>
&nbsp; ['justifyleft','justifycenter','justifyright','separator'],<br>
&nbsp; ['OrderedList','UnOrderedList','Outdent','Indent','separator'],<br>
&nbsp; ['forecolor','backcolor','separator'],<br>
//['custom1','custom2','custom3','separator'],<br>
&nbsp; ['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],<br>
&nbsp; ['about','help']<br>
];
</div>
The square brackets control how the buttons are "grouped" together. You can either erase
or comment out (by adding // to the beginning of the line) buttons or button groups you don't
want displayed. Most of the buttons do pretty much just what you'd expect, but here's a few
odd ones for reference.
<p><table border=1 cellspacing=0 cellpadding=2 width=600>
<tr><td><b>linebreak</b></td><td>adds a linebreak to the toolbar, all buttons after this are on the next line.</td></tr>
<tr><td><b>separator</b></td><td>adds a vertical separator between buttons, helps to visually group buttons together</td></tr>
<tr><td><b>custom<i>N</i></b></td><td>these are custom buttons that can be defined by JavaScript programmers who want to extend htmlArea.</td></tr>
</table>
</dd></p>
<a name="setup4"></a>
<p><dt><b>How can I change what fonts are in the font list?</b></dt>
<dd>There is a config.fontnames setting that lets you control this. See below.
<div class="code">
config.fontnames = {<br>
&nbsp; "Arial": &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arial, helvetica, sans-serif",<br>
&nbsp; "Courier New": &nbsp; &nbsp; "courier new, courier, mono",<br>
&nbsp; "Georgia": &nbsp; &nbsp; &nbsp; &nbsp; "Georgia, Times New Roman, Times, Serif",<br>
&nbsp; "Tahoma": &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"Tahoma, Arial, Helvetica, sans-serif",<br>
&nbsp; "Times New Roman": "times new roman, times, serif",<br>
&nbsp; "Verdana": &nbsp; &nbsp; &nbsp; &nbsp; "Verdana, Arial, Helvetica, sans-serif",<br>
&nbsp; "impact": &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"impact",<br>
&nbsp; "WingDings": &nbsp; &nbsp; &nbsp; "WingDings"<br>
};<br>
</div>
The name on the left is what is displayed to the user. The list of fonts on the right is what is
actually put into the font tag in the code.</dd></p>
<a name="setup5"></a>
<p><dt><b>How can I change what sizes are in the font size?</b></dt>
<dd>There is a config.fontsizes setting that lets you control this. See below.
<div class="code">
config.fontsizes = {<br>
&nbsp; "1 (8 pt)": &nbsp;"1",<br>
&nbsp; "2 (10 pt)": "2",<br>
&nbsp; "3 (12 pt)": "3",<br>
&nbsp; "4 (14 pt)": "4",<br>
&nbsp; "5 (18 pt)": "5",<br>
&nbsp; "6 (24 pt)": "6",<br>
&nbsp; "7 (36 pt)": "7"<br>
};<br>
</div>
The value on the right is what the user sees, the value on the left is the actual font size used.
</dd></p>
<a name="setup6"></a>
<p><dt><b>How can I change what styles are in the font style (CSS) list?</b></dt>
<dd>As you can probably guess, there's a config.fontstyles setting for this. Now remember, the
styles defined here control how the text looks in the editor. These styles ALSO have to be defined
on any page where you display content created with the editor. htmlArea will save the class name
with the content but nothing else. It's up to you to define the class style in your pages.
<div class="code">
config.fontstyles = [{<br>
&nbsp; name: "headline",<br>
&nbsp; className: "headline",<br>
&nbsp; classStyle: "font-family: arial; font-size: 28px;"<br>
},{<br>
&nbsp; name: "red text",<br>
&nbsp; className: "saletext2",<br>
&nbsp; classStyle: ""<br>
}];<br>
</div>
The "name" is what's displayed to users, "className" is the name of the CSS class to use, and
classStyle defines the attributes of the style in the editor. If you leave classStyle blank
you have to be sure to also specify an external stylesheet with all the style information (and
matching classNames!). See the next question on how to do that.
</dd></p>
<a name="setup7"></a>
<p><dt><b>How can I specify an external stylesheet for my styles?</b></dt>
<dd>You can specify a stylesheet to avoid entering the class style data for each class name.
You STILL have to specify which classNames you want to have available though, see the previous
question for information on that.
<div class="code">
config.stylesheet = "/style.css";<br>
</div>
</dd></p>
</dl>
<!-- FREQUENTLY ASKED QUESTIONS -->
<hr><p><span class="subhead">Frequently Asked Questions</span> <a href="#top" class="backtotop">back to top</a></p>
<dl>
<a name="faq-goals"></a>
<p><dt><b>What are the project goals for htmlArea?</b></dt>
<dd>When we originally started the htmlArea project we had some pretty specific
goals in mind for how it would work and what issues were important to us. Those
goals still lead the direction of development today and are listed below in order
of priority.
<ol>
<p><li><b>Compatibility</b></li>
<dd>htmlArea has to always be backwards compatible with older and unsupported browsers. This
ensures that even if a user with an older and unsupported browser can't use htmlArea, they'll always be able to, at a minimum,
enter text in a plain textarea like they would have done before.
htmlArea should also be compatible with as many programming languages as possible by being
completely DHTML and JavaScript based.
</dd>
<p><li><b>Ease of Use</b></li>
<dd>htmlArea needs to be easy for developers to
integrate into their applications and customize, easy for programmers to extend
and modify, and easy for end users to "use". That's why you only have to add a
single line of JavaScript for each textarea you want to convert, and why all the
code is stored in a single, easy to follow JavaScript file. That's why htmlArea
can be used with almost any programming language (ASP, PHP, Perl, Java, etc),
and that the toolbar is streamlined, customizable by developers, and follows the
conventions of common word processing programs.</dd>
<p><li><b>Lightweight</b></li>
<dd>htmlArea needs to be fast loading, allow the user to perform word processing functions at a
reasonable speed, and not put a lot of strain on a user's browser. To these ends we've
managed to keep the main editor program in a single file of only 40k and we've written the editor
in such a way that it has a minimal impact on the resources of the browser it is running in.
In addition, where we make use of popup windows to perform additional functions we try to put as
much code as possible in the popup window so it doesn't increase the size of the base editor.</dd>
</ol>
</dd></p>
<a name="faq1"></a>
<p><dt><b>This editor is pretty neat, so how does it actually work?</b></dt>
<dd>htmlArea is based on the <a href="http://msdn.microsoft.com/library/en-us/dnmshtml/html/mshtmleditplatf.asp">MSHTML Editing Platform</a>
in Internet Explorer 5.5+ on windows. Basically, Internet Explorer includes some functionality to make sections of a
webpage editable by defining a "contentEditable" attribute or "designMode" property. It also provides some built in
<a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/commandids.asp">commands</a>
for performing common web editing operations (bold, italic, center, insert image, etc).
<p>htmlArea builds on the features provided by Internet Explorer and adds its own user definable toolbar,
an easy method to include a WYSIWYG editor in a web page (replacing textareas), an easy way to save user
changes, as well as a number of custom web editing commands of its own.
<p>How htmlArea actually works is it replaces a textarea with an (user definable) toolbar, an iframe that
has the "contentEditable" attribute set to true, and a hidden field with the same name as your original
textarea that gets updated automatically when you modify content in the editor.
<p>The user can enter or modify text as well as use keyboard shortcuts and toolbar buttons to perform operations
on the content. A lot of the editor commands are built into IE and called via
the <a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/execcommand.asp">execCommand</a>
method, but htmlArea also includes other custom commands and functions written in JavaScript and stored in
the editor.js file or the popup windows (in the /popups/ folder).
</dd></p>
<a name="faq2"></a>
<p><dt><b>You don't happen to have one of these for (Netscape, Mozilla, Opera, Mac IE, etc) do you?</b></dt>
<dd>No. None of these other browsers (including IE for Mac) support "contentEditable" or a way to make
existing content in the page editable. It might be possible to emulate this in JavaScript, but it would
be a lot of work. Other problems include displaying or emulating the flashing | bar cursor you see when
editing. The cross-platform Mozilla browser has some bug entries related to adding contentEditable
functionality, and perhaps in the future it may be possible to create something for that browser.
<p>Although it's a long shot, you might want to send a friendly letter to Microsoft to encourage them to
make the "contentEditable" functionality work on IE for the Macintosh. Once they implement it, we can offer it.
</dd></p>
<a name="faq3"></a>
<p><dt><b>Why doesn't htmlArea output XHTML instead of regular HTML? Can you make it do that?</b></dt>
<dd>The HTML output by htmlArea is generated by the built in functionality of Internet Explorer.
For that reason, there is no easy way to have it output XHTML. If we were going to do it, the way
to do so would be to parse the HTML after it's output by IE and convert it to XHTML. That's something
we hope to do at some point.
</dd></p>
<a name="faq4"></a>
<p><dt><b>I'd like to be able to upload images from my hard drive, can you add that feature?</b></dt>
<dd>No. We want htmlArea to be compatible with as many programming languages as possible. Because it's
written in client side JavaScript, it should work with any programming language. If we start adding
language specific features htmlArea won't be as useful to as many people. That said, there's a lot of
free "file upload" scripts available, and htmlArea does include a function called editor_insertHTML()\
for inserting text or HTML tags. If you want to write your own program for doing this it should be
that hard. Alternatively, you might check in the forum to see if someone already has.
</dd></p>
<a name="faq6"></a>
<p><dt><b>I'd like to &lt;insert idea here&gt;, can you add that feature?</b></dt>
<dd>Maybe, maybe not. If it's a good feature and it fits in with the goals of our project we'll
likely consider it. The best thing to do is post your suggestions to the
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=18">forum</a>. At the very least
we'll try to give you some suggestions and point you in the right direction. At best you might
find somebody else has already implemented the feature you were hoping for.
</dd></p>
<a name="faq7"></a>
<p><dt><b>Can I change the toolbar/button colors?</b></dt>
<dd>Yes, just search for "buttonface" and "buttonhighlight" in editor.js and change those to whatever colors
you like. If you haven't heard of those colors before, it's because they're special windows colors
that match whatever color scheme the user has selected for their desktop. For example, if someone
has changed their desktop color scheme to "lilac", the WYSIWYG editor toolbar and buttons will match that
theme. Try it, it's really neat.</dd></p>
<a name="faq8"></a>
<p><dt><b style="color: red">I love htmlArea, is there anything I can do to help the project?</b></dt>
<dd>The number one thing you can do to help is also the easiest thing to do; give us a link on your website.
The more people who can find out about htmlArea the better it will be.
<p>The next best thing you can do is participate in our
<a href="http://www.interactivetools.com/forum/forum.cgi?forum=18">forum</a> and post a message or two to
help other htmlArea users (or learn something new yourself).
<p>Lastly, any code improvements you want to share would certainly be welcome as well.</dd></p>
<a name="faq_slow_images"></a>
<p><dt><b>Why do the toolbar buttons take so long to load when I have multiple htmlArea editors on the same page?</b></dt>
<dd>This is a bug/feature of Internet Explorer. htmlArea dynamically updates the content of your page to replace
a textarea with the WYSIWYG editor. In Internet Explorer, when you update the content of a page after it has loaded
and insert an image it will load the image from the server EVEN if has the image in it's cache. This means if you have 10
htmlareas on the same page the "bold" toolbar button will be loaded 10 times.
<p>One workaround for this is to move all your editor_generate() scripts to the bottom of the page, combine them
into one script tag, and remove the "defer" attribute from that script tag. This will cause them all to run just
as the page is finishing loading and the cached images WILL be used. Meaning, the browser will only need to load each
image once.
</dl>
<!-- KNOWN BUGS AND ISSUES -->
<hr><p><span class="subhead">Known Bugs and Issues</span> <a href="#top" class="backtotop">back to top</a></p>
<dl>
<a name="bugs1"></a>
<p><dt><b>Undo/Redo doesn't work</b></dt>
<dd>We update a hidden field every time you make a change in the editor so the hidden field will be
submitted when you submit the form. The way undo/redo works in Internet Explorer it seems to reset
the undo buffer every time you use JavaScript to set the value of a form element or otherwise make
changes to the page. Because of this the built in undo/redo functionality of the browser doesn't
work. We hope to implement our own undo/redo functionality at a future point.</dd></p>
<a name="bugs2"></a>
<p><dt><b>Relative paths are converted to absolute paths</b></dt>
<dd>Internet Explorer has a tendency to convert relative paths into absolute paths. We've seen some
implementations of WYSIWYG editors that maintain relative paths "better" than others but certain operations
(such as dragging and dropping, etc) still convert relative paths to absolute paths. We hope to find a
workaround for this in a future version.
</dd></p>
<a name="bugs3"></a>
<p><dt><b>HTML header info (eg: &lt;head&gt;, &lt;body&gt;, etc) doesn't get preserved</b></dt>
<dd>This is due to Internet Explorer and the way the editor works. The editor already has a
HTML header of its own so inserting another one confuses the browser and the content gets thrown
away. The best solution is to have another plain text textarea field for HTML header information.</dd></p>
<a name="bugs4"></a>
<p><dt><b>Some tags (eg: noframes, noscript, etc) doesn't get preserved</b></dt>
<dd>This is a result of how Internet Explorer works. It seems to discard certain tags that it
doesn't need to display. Because htmlArea reads the content back from the browser it cannot
preserve content the browser has "thrown away".</dd></p>
<a name="bugs5"></a>
<p><dt><b>htmlArea doesn't work with multiple textareas that have the same name</b></dt>
<dd>If you have two or more textareas with the same name on the same page and you try
to convert one or more of them into a WYSIWYG editor htmlArea won't work. This is because htmlArea
looks up the textareas by name in the entire page, not just inside a specific form. There's currently
no workaround for this. We hope to resolve it in a future release.</dd></p>
<a name="bugs_ssl"></a>
<p><dt><b>Why do I get "non secure items" warnings when using htmlarea on a secure (SSL) https:// page?</b></dt>
<dd>This is a bug/feature of Internet Explorer. Even if you get unsecure warnings your form contents should
still be submitted securely.
<p>htmlArea uses an &lt;iframe&gt; to contain the editor and because the contents of the iframe isn't being
loaded off a secure site, Internet Explorer thinks the iframe is unsecure. The problem is, the iframe doesn't
load anything off any site, it's blank, it doesn't even have a src attribute. We just create an empty iframe
and then use javascript to update it. We hope to have this fixed in a future release.
<p>Note: There's a clever workaround for this problem posted in the forum <a href="http://www.interactivetools.com/iforum/P3686/">here</a>.
The only issue with it is that can cause the back button to not work as intended (it goes back in the iframe first).
</dl>
<!-- CHANGE LOG -->
<hr>
<a name="changelog"></a>
<p><span class="subhead">Change Log</span> <a href="#top" class="backtotop">back to top</a></p>
<dl>
<!-- ---------------------------------------------------------------------------- -->
<!--
<p><dt><b>Version 2.00 (beta1)</b> (Released: August 19, 2002)</dt><ul>
<li>Initial Release</li>
</ul></p>
-->
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.03</b> (Released: December 17, 2002)</dt>
<p><ul>
<li><b>new license</b> - switched to "BSD style" software license. The "About this editor" button is no longer required.
<li>readme updates - minor updates, spelling, and grammer fixes.
</ul>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.02a</b> (Released: December 5, 2002)</dt>
<p><ul>
<li>fixed error in readme.html example code under "How do I add htmlArea to my web page?".
</ul>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.02</b> (Released: December 5, 2002)</dt><ul>
<p><dt><b>Bug Fixes</b> (Thanks to everybody in the forum for contributing and reporting bugs!)</dt>
<li>fix nested script tag error (thanks to Phil Revill)
<p><dt><b>New Features</b></dt>
<li>added 'replaceNextlines' config option to replace nextlines with spaces on output
<li>added 'plaintextInput' config option to replace nextlines with &lt;br&gt; tags on input
</ul>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.01</b> (Released: December 3, 2002)</dt><ul>
<p><dt><b>Bug Fixes</b> (Thanks to everybody in the forum for contributing and reporting bugs!)</dt>
<li>fixed "function not found" error for non IE5.5+ browsers (thanks to slowhand)
<li>popup editor - fixed javascript error caused during launch of popup (thanks to slowhand and Chlorel)
<li>popup editor - fixed toolbar 'linebreak' error (thanks to fbridge9 and RekiM)
<p><dt><b>Documentation Updates</b></dt>
<li>Add two new questions to readme.html
<ul>
<li> Why do the toolbar buttons take so long to load when I have multiple htmlArea editors on the same page?<br>
<li>Why do I get "non secure items" warnings when using htmlarea on a secure (SSL) https:// page?<br>
</ul>
</p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.00 (official release)</b> (Released: November 25, 2002)</dt><ul>
<p><dt><b>New Javascript Functions</b></dt>
<li>editor_getHTML(objname) - return HTML content of editor
<li>editor_setHTML(objname) - set HTML content of editor
<li>editor_appendHTML(objname) - add HTML content to editor
<p><dt><b>New Features</b></dt>
<li>Popup "fullscreen" editor now has minimize and maximize buttons (switched from ModalDialog to popup window)
<p><dt><b>Bug Fixes</b> (Thanks to everybody in the forum for contributing and reporting bugs!)</dt>
<li>"Create Table" popup now creates tables with the correct number of cols and rows (thanks to Corey)
<li>Clicking on images no longer causes error when you have "CSS style pulldown" enabled (thanks to Virrdo)
<li>Fixed bug that prevented external stylesheets from working properly (thanks to slowhand)
<li>fixed javascript errors in Mozilla 1.0 (thanks to slowhand)
<li>moved browser detection code to editor page to prevent javascript errors from older browsers and prevent the editor from being loaded unless it's needed.
<li>submitting empty htmlarea now submits nothing "" instead of "&lt;p&gt;&amp;nbsp;&lt;/p&gt;"
<li>Popup "fullscreen" editor no longer generates error on "&lt;&gt;" html mode change
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.00 (beta2)</b> (Released: October 16, 2002)</dt><ul>
<p><dt><b>New Docs</b></dt>
<li>created new readme.html with install instructions, faq, and lots of information
<p><dt><b>New Features</b></dt>
<li>added support for stylesheets
<li>get enlarge/shrink window working
<li>get context menu working (still disabled by default, needs more code for functionality)
<li>allow user to change ANY option in internal config from calling page
<li>added _editor_filterOutput function that's called on form submit
<li>added insert table button
<p><dt><b>Bug Fixes / Optimizations</b></dt>
<li>organized associated files into directories
<li>fixed bug that caused htmlarea to sometimes not display last entered content when user pressed back in their browser.
<li>moved about window into a separate file to reduce size of editor
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 2.00 (beta1)</b> (Released: August 19, 2002)</dt><ul>
<p><dt><b>visual changes</b></dt>
<li>added mouseover/mouseoff events and style for toolbar ui buttons
<li>update toolbar to take up less space and be smaller
<li>display point sizes beside HTML font sizes (eg: 7 (36px)
<li>change "about this editor" icon to an "i"
<li>created a help popup (content still needs to be written).
<li>added version number to about page.
<p><dt><b>code changes</b></dt>
<li>added "defer" to script tag to prevent editor from being created until page loads
<li>simplified header that needs to be added to pages that contain editor
<li>generated script include tag using _editor_url so users don't have to enter URL twice
<li>moved CSS for editor toolbar buttons into editor.js
<li>switched to using object to pass configuration arguments to editor_generate
<li>general code improvements, optimizations and re-organization
<li>added hooks for keypress events for future use
<p><dt><b>new features</b></dt>
<li>added pulldown for CSS style classnames
<li>added many many more config options including:
<li>ability to select which toolbar elements you want displayed
<li>ability to specify the order of toolbar elements
<li>ability to specify fonts, sizes, and CSS styles for pulldowns
<li>ability to set default font and style used in editor window
<li>debug flag that lets you see the source of the WYSIWYG field at all times
<li>add more sample code and comments showing how to add custom buttons
<p><dt><b>bug fixes</b></dt>
<li>fixed error caused when height/width were manually specified (reported by jpeto, thanks!)
<li>"about this editor" window now works when in textedit mode
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 1.05</b> (Released: August 28, 2002)</dt><ul>
<li>- Added support for textareas with underscores ("_") in their names.</li>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 1.04</b> (Released: August 27, 2002)</dt><ul>
<li>Even more speed improvements (WYSIWYG editor is now much faster on older computers).</li>
<li>General code improvements and optimizations.</li>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 1.03</b> (Released: August 26, 2002)</dt><ul>
<li>Beta release only</li>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 1.02</b> (Released: August 21, 2002)</dt><ul>
<li>added editor_insertHTML() function. Developers can now easily add buttons that insert HTML or surround selected text with HTML.</li>
<li>removed unneeded debug code and comments to reduce editor.js file size (and load time). </li>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 1.01</b> (Released: August 20, 2002)</dt><ul>
<li>optimized code to improve speed (WYSIWYG editor is now much faster)</li>
<li>added addition event handlers to update UI on mouse events.</li>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
<p><dt><b>Version 1.00</b> (Released: August 19, 2002)</dt><ul>
<li>Initial Release</li>
</ul></p>
<!-- ---------------------------------------------------------------------------- -->
</dl>
<br><br><br>
</body></html>

1185
www/extras/htmlArea3/ChangeLog
View file

File diff suppressed because it is too large Load diff

72
www/extras/htmlArea3/dialog.js
View file

@ -1,72 +0,0 @@
// htmlArea v3.0 - Copyright (c) 2003-2004 interactivetools.com, inc.
// This copyright notice MUST stay intact for use (see license.txt).
//
// Portions (c) dynarch.com, 2003-2004
//
// 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$
// Though "Dialog" looks like an object, it isn't really an object. Instead
// it's just namespace for protecting global symbols.
function Dialog(url, action, init) {
if (typeof init == "undefined") {
init = window; // pass this window object by default
}
Dialog._geckoOpenModal(url, action, init);
};
Dialog._parentEvent = function(ev) {
if (Dialog._modal && !Dialog._modal.closed) {
Dialog._modal.focus();
HTMLArea._stopEvent(ev);
}
};
// should be a function, the return handler of the currently opened dialog.
Dialog._return = null;
// constant, the currently opened dialog
Dialog._modal = null;
// the dialog will read it's args from this variable
Dialog._arguments = null;
Dialog._geckoOpenModal = function(url, action, init) {
var dlg = window.open(url, "hadialog",
"toolbar=no,menubar=no,personalbar=no,width=10,height=10," +
"scrollbars=no,resizable=yes");
Dialog._modal = dlg;
Dialog._arguments = init;
// capture some window's events
function capwin(w) {
HTMLArea._addEvent(w, "click", Dialog._parentEvent);
HTMLArea._addEvent(w, "mousedown", Dialog._parentEvent);
HTMLArea._addEvent(w, "focus", Dialog._parentEvent);
};
// release the captured events
function relwin(w) {
HTMLArea._removeEvent(w, "click", Dialog._parentEvent);
HTMLArea._removeEvent(w, "mousedown", Dialog._parentEvent);
HTMLArea._removeEvent(w, "focus", Dialog._parentEvent);
};
capwin(window);
// capture other frames
for (var i = 0; i < window.frames.length; capwin(window.frames[i++]));
// make up a function to be called when the Dialog ends.
Dialog._return = function (val) {
if (val && action) {
action(val);
}
relwin(window);
// capture other frames
for (var i = 0; i < window.frames.length; relwin(window.frames[i++]));
Dialog._modal = null;
};
};

16
www/extras/htmlArea3/examples/2-areas.cgi
View file

@ -1,16 +0,0 @@
#! /usr/bin/perl -w
use strict;
use CGI;
my $cgi = new CGI;
my $text1 = $cgi->param('text1');
my $text2 = $cgi->param('text2');
print "Content-type: text/html\n\n";
print "<p>You submitted:</p>";
print "<table border='1'>";
print "<thead><tr bgcolor='#cccccc'><td width='50%'>text1</td><td width='50%'>text2</td></tr></thead>";
print "<tbody><tr><td>$text1</td><td>$text2</td></tr></tbody>";
print "</table>";

158
www/extras/htmlArea3/examples/2-areas.html
View file

@ -1,158 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example with 2 HTMLAreas in the same form</title>
<script type="text/javascript">
// the _editor_url is REQUIRED! don't forget to set it.
_editor_url = "../";
// implicit language will be "en", but let's set it for brevity
_editor_lang = "en";
</script>
<script type="text/javascript" src="../htmlarea.js"></script>
<script type="text/javascript">
// load the plugins that we will use
// loading is necessary ONLY ONCE, regardless on how many editors you create
// basically calling the following functions will load the plugin files as if
// we would have wrote script src="..." but with easier and cleaner code
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
HTMLArea.loadPlugin("CSS");
// this function will get called at body.onload
function initDocument() {
// cache these values as we need to pass it for both editors
var css_plugin_args = {
combos : [
{ label: "Syntax",
// menu text // CSS class
options: { "None" : "",
"Code" : "code",
"String" : "string",
"Comment" : "comment",
"Variable name" : "variable-name",
"Type" : "type",
"Reference" : "reference",
"Preprocessor" : "preprocessor",
"Keyword" : "keyword",
"Function name" : "function-name",
"Html tag" : "html-tag",
"Html italic" : "html-helper-italic",
"Warning" : "warning",
"Html bold" : "html-helper-bold"
},
context: "pre"
},
{ label: "Info",
options: { "None" : "",
"Quote" : "quote",
"Highlight" : "highlight",
"Deprecated" : "deprecated"
}
}
]
};
//---------------------------------------------------------------------
// GENERAL PATTERN
//
// 1. Instantitate an editor object.
// 2. Register plugins (note, it's required to have them loaded).
// 3. Configure any other items in editor.config.
// 4. generate() the editor
//
// The above are steps that you use to create one editor. Nothing new
// so far. In order to create more than one editor, you just have to
// repeat those steps for each of one. Of course, you can register any
// plugins you want (no need to register the same plugins for all
// editors, and to demonstrate that we'll skip the TableOperations
// plugin for the second editor). Just be careful to pass different
// ID-s in the constructor (you don't want to _even try_ to create more
// editors for the same TEXTAREA element ;-)).
//
// So much for the noise, see the action below.
//---------------------------------------------------------------------
//---------------------------------------------------------------------
// CREATE FIRST EDITOR
//
var editor1 = new HTMLArea("text-area-1");
// plugins must be registered _per editor_. Therefore, we register
// plugins for the first editor here, and we will also do this for the
// second editor.
editor1.registerPlugin(TableOperations);
editor1.registerPlugin(SpellChecker);
editor1.registerPlugin(CSS, css_plugin_args);
// custom config must be done per editor. Here we're importing the
// stylesheet used by the CSS plugin.
editor1.config.pageStyle = "@import url(custom.css);";
// generate first editor
editor1.generate();
//---------------------------------------------------------------------
//---------------------------------------------------------------------
// CREATE SECOND EDITOR
//
var editor2 = new HTMLArea("text-area-2");
// we are using the same plugins
editor2.registerPlugin(TableOperations);
editor2.registerPlugin(SpellChecker);
editor2.registerPlugin(CSS, css_plugin_args);
// import the CSS plugin styles
editor2.config.pageStyle = "@import url(custom.css);";
// generate the second editor
// IMPORTANT: if we don't give it a timeout, the first editor will
// not function in Mozilla. Soon I'll think about starting to
// implement some kind of event that will fire when the editor
// finished creating, then we'll be able to chain the generate()
// calls in an elegant way. But right now there's no other solution
// than the following.
setTimeout(function() {
editor2.generate();
}, 500);
//---------------------------------------------------------------------
};
</script>
</head>
<body onload="initDocument()">
<h1>Example with 2 HTMLAreas in the same form</h1>
<form action="2-areas.cgi" method="post" target="_blank">
<input type="submit" value=" Submit " />
<br />
<textarea id="text-area-1" name="text1" style="width: 100%; height: 12em">
&lt;h3&gt;HTMLArea #1&lt;/h3&gt;
&lt;p&gt;This will submit a field named &lt;em&gt;text1&lt;/em&gt;.&lt;/p&gt;
</textarea>
<br />
<textarea id="text-area-2" name="text2" style="width: 100%; height: 12em">
&lt;h3&gt;Second HTMLArea&lt;/h3&gt; &lt;p&gt;&lt;em&gt;text2&lt;/em&gt; submission. Both are
located in the same FORM element and the script action is
2-areas.cgi (see it in the examples directory)&lt;/p&gt;
</textarea>
<br />
<input type="submit" value=" Submit " />
</form>
<hr>
<address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
<!-- Created: Fri Oct 31 09:37:10 EET 2003 -->
<!-- hhmts start --> Last modified: Wed Jan 28 11:10:40 EET 2004 <!-- hhmts end -->
<!-- doc-lang: English -->
</body>
</html>

95
www/extras/htmlArea3/examples/context-menu.html
View file

@ -1,95 +0,0 @@
<html>
<head>
<title>Test of ContextMenu plugin</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
_editor_url = "../";
_editor_lang = "en";
</script>
<!-- load the main HTMLArea file -->
<script type="text/javascript" src="../htmlarea.js"></script>
<script type="text/javascript">
HTMLArea.loadPlugin("ContextMenu");
HTMLArea.loadPlugin("TableOperations");
function initDocument() {
var editor = new HTMLArea("editor");
editor.registerPlugin(ContextMenu);
editor.registerPlugin(TableOperations);
editor.generate();
}
</script>
</head>
<body onload="initDocument()">
<h1>Test of ContextMenu plugin</h1>
<textarea id="editor" style="height: 30em; width: 100%;">
&lt;table border="1" style="border: 1px dotted rgb(0, 102, 255); width:
100%; background-color: rgb(255, 204, 51); background-image: none; float:
none; text-align: left; vertical-align: top; border-collapse: collapse;"
summary="" cellspacing="" cellpadding="" frame="box"
rules="all"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border: 1px solid
rgb(255, 0, 0); background-color: rgb(0, 51, 51); background-image: none;
text-align: left; vertical-align: top;"&gt;&lt;a
href="http://dynarch.com/mishoo/articles.epl?art_id=430"&gt;&lt;img
src="http://127.0.0.1/~mishoo/htmlarea/examples/pieng.png" alt="" align=""
border="0" hspace="0" vspace="0" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td
style="border: 1px solid rgb(255, 0, 0); background-color: rgb(255, 255, 0);
background-image: none; text-align: left; vertical-align: top;"&gt;The
article linked on the left image presents a script that allows Internet
Explorer to use PNG images. We hope to be able to implement IE PNG support
in HTMLArea soon.&lt;br /&gt; &lt;br /&gt; Go on, right-click everywhere and
test our new context menus. And be thankful to &lt;a
href="http://www.americanbible.org/"&gt;American Bible Society&lt;/a&gt; who
sponsored the development, &lt;a
href="http://dynarch.com/mishoo/"&gt;mishoo&lt;/a&gt; who made it happen and
God, Who keeps mishoo alife. ;-)&lt;br /&gt; &lt;br /&gt;&lt;span
style="font-style: italic;"&gt;P.S.&lt;/span&gt; No animals were harmed
while producing this movie.&lt;br /&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border-style: none;
background-color: rgb(255, 255, 51); background-image: none; text-align:
left; vertical-align: top;"&gt;Welcome to HTMLArea, the best online
editor.&lt;br /&gt;&lt;/td&gt;&lt;td&gt;HTMLArea is a project initiated by
&lt;a href="http://interactivetools.com/"&gt;InteractiveTools.com&lt;/a&gt;.
Other companies contributed largely by sponsoring the development of
additional extensions. Many thanks to:&lt;br /&gt; &lt;br
style="font-family: courier new,courier,monospace;" /&gt; &lt;div
style="margin-left: 40px;"&gt;&lt;a href="http://www.zapatec.com/"
style="font-family: courier
new,courier,monospace;"&gt;http://www.zapatec.com&lt;/a&gt;&lt;br
style="font-family: courier new,courier,monospace;" /&gt; &lt;a
href="http://www.americanbible.org/" style="font-family: courier
new,courier,monospace;"&gt;http://www.americanbible.org&lt;/a&gt;&lt;br
style="font-family: courier new,courier,monospace;" /&gt; &lt;a
href="http://www.neomedia.ro/" style="font-family: courier
new,courier,monospace;"&gt;http://www.neomedia.ro&lt;/a&gt;&lt;br
style="font-family: courier new,courier,monospace;" /&gt; &lt;a
href="http://www.os3.it/" style="font-family: courier
new,courier,monospace;"&gt;http://www.os3.it&lt;/a&gt;&lt;br
style="font-family: courier new,courier,monospace;" /&gt; &lt;a
href="http://www.miro.com.au/" style="font-family: courier
new,courier,monospace;"&gt;http://www.miro.com.au&lt;/a&gt;&lt;br
style="font-family: courier new,courier,monospace;" /&gt; &lt;a
href="http://www.thycotic.com/" style="font-family: courier
new,courier,monospace;"&gt;http://www.thycotic.com&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt; &lt;br /&gt; and to all the posters at <a
href="http://www.interactivetools.com/iforum/Open_Source_C3/htmlArea_v3.0_-_Alpha_Release_F14/
">InteractiveTools</a> HTMLArea forums, whose feedback is continually
useful in polishing HTMLArea.&lt;br /&gt; &lt;br /&gt;&lt;div
style="text-align: right;"&gt;-- developers and maintainers of version 3,
&lt;a href="http://dynarch.com/"&gt;dynarch.com&lt;/a&gt;.&lt;br
/&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
</textarea>
<hr />
<address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
<!-- Created: Wed Oct 1 19:55:37 EEST 2003 -->
<!-- hhmts start --> Last modified: Wed Jan 28 11:10:29 EET 2004 <!-- hhmts end -->
<!-- doc-lang: English -->
</body>
</html>

184
www/extras/htmlArea3/examples/core.html
View file

@ -1,184 +0,0 @@
<html>
<head>
<title>Example of HTMLArea 3.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Configure the path to the editor. We make it relative now, so that the
example ZIP file will work anywhere, but please NOTE THAT it's better to
have it an absolute path, such as '/htmlarea/'. -->
<script type="text/javascript">
_editor_url = "../";
_editor_lang = "en";
</script>
<script type="text/javascript" src="../htmlarea.js"></script>
<style type="text/css">
html, body {
font-family: Verdana,sans-serif;
background-color: #fea;
color: #000;
}
a:link, a:visited { color: #00f; }
a:hover { color: #048; }
a:active { color: #f00; }
textarea { background-color: #fff; border: 1px solid 00f; }
</style>
<script type="text/javascript">
var editor = null;
function initEditor() {
editor = new HTMLArea("ta");
// comment the following two lines to see how customization works
editor.generate();
return false;
var cfg = editor.config; // this is the default configuration
cfg.registerButton({
id : "my-hilite",
tooltip : "Highlight text",
image : "ed_custom.gif",
textMode : false,
action : function(editor) {
editor.surroundHTML("<span class=\"hilite\">", "</span>");
},
context : 'table'
});
cfg.toolbar.push(["linebreak", "my-hilite"]); // add the new button to the toolbar
// BEGIN: code that adds a custom button
// uncomment it to test
var cfg = editor.config; // this is the default configuration
/*
cfg.registerButton({
id : "my-hilite",
tooltip : "Highlight text",
image : "ed_custom.gif",
textMode : false,
action : function(editor) {
editor.surroundHTML("<span class=\"hilite\">", "</span>");
}
});
*/
function clickHandler(editor, buttonId) {
switch (buttonId) {
case "my-toc":
editor.insertHTML("<h1>Table Of Contents</h1>");
break;
case "my-date":
editor.insertHTML((new Date()).toString());
break;
case "my-bold":
editor.execCommand("bold");
editor.execCommand("italic");
break;
case "my-hilite":
editor.surroundHTML("<span class=\"hilite\">", "</span>");
break;
}
};
cfg.registerButton("my-toc", "Insert TOC", "ed_custom.gif", false, clickHandler);
cfg.registerButton("my-date", "Insert date/time", "ed_custom.gif", false, clickHandler);
cfg.registerButton("my-bold", "Toggle bold/italic", "ed_custom.gif", false, clickHandler);
cfg.registerButton("my-hilite", "Hilite selection", "ed_custom.gif", false, clickHandler);
cfg.registerButton("my-sample", "Class: sample", "ed_custom.gif", false,
function(editor) {
if (HTMLArea.is_ie) {
editor.insertHTML("<span class=\"sample\">&nbsp;&nbsp;</span>");
var r = editor._doc.selection.createRange();
r.move("character", -2);
r.moveEnd("character", 2);
r.select();
} else { // Gecko/W3C compliant
var n = editor._doc.createElement("span");
n.className = "sample";
editor.insertNodeAtSelection(n);
var sel = editor._iframe.contentWindow.getSelection();
sel.removeAllRanges();
var r = editor._doc.createRange();
r.setStart(n, 0);
r.setEnd(n, 0);
sel.addRange(r);
}
}
);
/*
cfg.registerButton("my-hilite", "Highlight text", "ed_custom.gif", false,
function(editor) {
editor.surroundHTML('<span class="hilite">', '</span>');
}
);
*/
cfg.pageStyle = "body { background-color: #efd; } .hilite { background-color: yellow; } "+
".sample { color: green; font-family: monospace; }";
cfg.toolbar.push(["linebreak", "my-toc", "my-date", "my-bold", "my-hilite", "my-sample"]); // add the new button to the toolbar
// END: code that adds a custom button
editor.generate();
}
function insertHTML() {
var html = prompt("Enter some HTML code here");
if (html) {
editor.insertHTML(html);
}
}
function highlight() {
editor.surroundHTML('<span style="background-color: yellow">', '</span>');
}
</script>
</head>
<!-- use <body onload="HTMLArea.replaceAll()" if you don't care about
customizing the editor. It's the easiest way! :) -->
<body onload="initEditor()">
<h1>HTMLArea 3.0</h1>
<p>A replacement for <code>TEXTAREA</code> elements. &copy; <a
href="http://interactivetools.com">InteractiveTools.com</a>, 2003-2004.</p>
<form action="test.cgi" method="post" id="edit" name="edit">
<textarea id="ta" name="ta" style="width:100%" rows="20" cols="80">
&lt;p&gt;Here is some sample text: &lt;b&gt;bold&lt;/b&gt;, &lt;i&gt;italic&lt;/i&gt;, &lt;u&gt;underline&lt;/u&gt;. &lt;/p&gt;
&lt;p align=center&gt;Different fonts, sizes and colors (all in bold):&lt;/p&gt;
&lt;p&gt;&lt;b&gt;
&lt;font face="arial" size="7" color="#000066"&gt;arial&lt;/font&gt;,
&lt;font face="courier new" size="6" color="#006600"&gt;courier new&lt;/font&gt;,
&lt;font face="georgia" size="5" color="#006666"&gt;georgia&lt;/font&gt;,
&lt;font face="tahoma" size="4" color="#660000"&gt;tahoma&lt;/font&gt;,
&lt;font face="times new roman" size="3" color="#660066"&gt;times new roman&lt;/font&gt;,
&lt;font face="verdana" size="2" color="#666600"&gt;verdana&lt;/font&gt;,
&lt;font face="tahoma" size="1" color="#666666"&gt;tahoma&lt;/font&gt;
&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;Click on &lt;a href="http://www.interactivetools.com/"&gt;this link&lt;/a&gt; and then on the link button to the details ... OR ... select some text and click link to create a &lt;b&gt;new&lt;/b&gt; link.&lt;/p&gt;
</textarea>
<p />
<input type="submit" name="ok" value=" submit " />
<input type="button" name="ins" value=" insert html " onclick="return insertHTML();" />
<input type="button" name="hil" value=" highlight text " onclick="return highlight();" />
<a href="javascript:mySubmit()">submit</a>
<script type="text/javascript">
function mySubmit() {
// document.edit.save.value = "yes";
document.edit.onsubmit(); // workaround browser bugs.
document.edit.submit();
};
</script>
</form>
</body>
</html>

88
www/extras/htmlArea3/examples/css.html
View file

@ -1,88 +0,0 @@
<html>
<head>
<title>Test of CSS plugin</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
_editor_url = "../";
_editor_lang = "en";
</script>
<!-- load the main HTMLArea files -->
<script type="text/javascript" src="../htmlarea.js"></script>
<script type="text/javascript">
HTMLArea.loadPlugin("CSS");
function initDocument() {
var editor = new HTMLArea("editor");
editor.config.pageStyle = "@import url(custom.css);";
editor.registerPlugin(CSS, {
combos : [
{ label: "Syntax",
// menu text // CSS class
options: { "None" : "",
"Code" : "code",
"String" : "string",
"Comment" : "comment",
"Variable name" : "variable-name",
"Type" : "type",
"Reference" : "reference",
"Preprocessor" : "preprocessor",
"Keyword" : "keyword",
"Function name" : "function-name",
"Html tag" : "html-tag",
"Html italic" : "html-helper-italic",
"Warning" : "warning",
"Html bold" : "html-helper-bold"
},
context: "pre"
},
{ label: "Info",
options: { "None" : "",
"Quote" : "quote",
"Highlight" : "highlight",
"Deprecated" : "deprecated"
}
}
]
});
editor.generate();
}
</script>
</head>
<body onload="initDocument()">
<h1>Test of FullPage plugin</h1>
<textarea id="editor" style="height: 30em; width: 100%;"
>&lt;h1&gt;&lt;tt&gt;registerDropdown&lt;/tt&gt;&lt;/h1&gt;
&lt;p&gt;Here's some sample code that adds a dropdown to the toolbar. Go on, do
syntax highlighting on it ;-)&lt;/p&gt;
&lt;pre&gt;var the_options = {
"Keyword" : "keyword",
"Function name" : "function-name",
"String" : "string",
"Numeric" : "integer",
"Variable name" : "variable"
};
var css_class = {
id : "CSS-class",
tooltip : i18n["tooltip"],
options : the_options,
action : function(editor) { self.onSelect(editor, this); }
};
cfg.registerDropdown(css_class);
toolbar[0].unshift(["CSS-class"]);&lt;/pre&gt;
&lt;p&gt;Easy, eh? ;-)&lt;/p&gt;</textarea>
<hr />
<address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
<!-- Created: Wed Oct 1 19:55:37 EEST 2003 -->
<!-- hhmts start --> Last modified: Wed Jan 28 11:10:16 EET 2004 <!-- hhmts end -->
<!-- doc-lang: English -->
</body>
</html>

29
www/extras/htmlArea3/examples/custom.css
View file

@ -1,29 +0,0 @@
body { background-color: #234; color: #dd8; font-family: tahoma; font-size: 12px; }
a:link, a:visited { color: #8cf; }
a:hover { color: #ff8; }
h1 { background-color: #456; color: #ff8; padding: 2px 5px; border: 1px solid; border-color: #678 #012 #012 #678; }
/* syntax highlighting (used by the first combo defined for the CSS plugin) */
pre { margin: 0px 1em; padding: 5px 1em; background-color: #000; border: 1px dotted #02d; border-left: 2px solid #04f; }
.code { color: #f5deb3; }
.string { color: #00ffff; }
.comment { color: #8fbc8f; }
.variable-name { color: #fa8072; }
.type { color: #90ee90; font-weight: bold; }
.reference { color: #ee82ee; }
.preprocessor { color: #faf; }
.keyword { color: #ffffff; font-weight: bold; }
.function-name { color: #ace; }
.html-tag { font-weight: bold; }
.html-helper-italic { font-style: italic; }
.warning { color: #ffa500; font-weight: bold; }
.html-helper-bold { font-weight: bold; }
/* info combo */
.quote { font-style: italic; color: #ee9; }
.highlight { background-color: yellow; color: #000; }
.deprecated { text-decoration: line-through; color: #aaa; }

75
www/extras/htmlArea3/examples/full-page.html
View file

@ -1,75 +0,0 @@
<html>
<head>
<title>Test of FullPage plugin</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
_editor_url = "../";
_editor_lang = "en";
</script>
<!-- load the main HTMLArea files -->
<script type="text/javascript" src="../htmlarea.js"></script>
<script type="text/javascript">
HTMLArea.loadPlugin("FullPage");
function initDocument() {
var editor = new HTMLArea("editor");
editor.registerPlugin(FullPage);
editor.generate();
}
</script>
</head>
<body onload="initDocument()">
<h1>Test of FullPage plugin</h1>
<textarea id="editor" style="height: 30em; width: 100%;">
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;FullPage plugin for HTMLArea&lt;/title&gt;
&lt;link rel="alternate stylesheet" href="http://dynarch.com/mishoo/css/dark.css" /&gt;
&lt;link rel="stylesheet" href="http://dynarch.com/mishoo/css/cool-light.css" /&gt;
&lt;/head&gt;
&lt;body style="background-color: #ddddee; color: #000077;"&gt;
&lt;table style="width:60%; height: 90%; margin: 2% auto 1% auto;" align="center" border="0" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td style="background-color: #ddeedd; border: 2px solid #002; height: 1.5em; padding: 2px; font: bold 24px Verdana;"&gt;
FullPage plugin
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="background-color: #fff; border: 1px solid #aab; padding: 1em 3em; font: 12px Verdana;"&gt;
&lt;p&gt;
This plugin enables one to edit a full HTML file in &lt;a
href="http://dynarch.com/htmlarea/"&gt;HTMLArea&lt;/a&gt;. This is not
normally possible with just the core editor since it only
retrieves the HTML inside the &lt;code&gt;body&lt;/code&gt; tag.
&lt;/p&gt;
&lt;p&gt;
It provides the ability to change the &lt;code&gt;DOCTYPE&lt;/code&gt; of
the document, &lt;code&gt;body&lt;/code&gt; &lt;code&gt;bgcolor&lt;/code&gt; and
&lt;code&gt;fgcolor&lt;/code&gt; attributes as well as to add additional
&lt;code&gt;link&lt;/code&gt;-ed stylesheets. Cool, eh?
&lt;/p&gt;
&lt;p&gt;
The development of this plugin was initiated and sponsored by
&lt;a href="http://thycotic.com"&gt;Thycotic Software Ltd.&lt;/a&gt;.
That's also cool, isn't it? ;-)
&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>
<hr />
<address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
<!-- Created: Wed Oct 1 19:55:37 EEST 2003 -->
<!-- hhmts start --> Last modified: Wed Jan 28 11:10:07 EET 2004 <!-- hhmts end -->
<!-- doc-lang: English -->
</body>
</html>

248
www/extras/htmlArea3/examples/fully-loaded.html
View file

@ -1,248 +0,0 @@
<html>
<head>
<title>Example of HTMLArea 3.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Configure the path to the editor. We make it relative now, so that the
example ZIP file will work anywhere, but please NOTE THAT it's better to
have it an absolute path, such as '/htmlarea/'. -->
<script type="text/javascript">
_editor_url = "../";
_editor_lang = "en";
</script>
<!-- load the main HTMLArea file, this will take care of loading the CSS and
other required core scripts. -->
<script type="text/javascript" src="../htmlarea.js"></script>
<!-- load the plugins -->
<script type="text/javascript">
// WARNING: using this interface to load plugin
// will _NOT_ work if plugins do not have the language
// loaded by HTMLArea.
// In other words, this function generates SCRIPT tags
// that load the plugin and the language file, based on the
// global variable HTMLArea.I18N.lang (defined in the lang file,
// in our case "lang/en.js" loaded above).
// If this lang file is not found the plugin will fail to
// load correctly and nothing will work.
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
HTMLArea.loadPlugin("FullPage");
HTMLArea.loadPlugin("CSS");
HTMLArea.loadPlugin("ContextMenu");
</script>
<style type="text/css">
html, body {
font-family: Verdana,sans-serif;
background-color: #fea;
color: #000;
}
a:link, a:visited { color: #00f; }
a:hover { color: #048; }
a:active { color: #f00; }
textarea { background-color: #fff; border: 1px solid 00f; }
</style>
<script type="text/javascript">
var editor = null;
function initEditor() {
// create an editor for the "ta" textbox
editor = new HTMLArea("ta");
// register the FullPage plugin
editor.registerPlugin(FullPage);
// register the SpellChecker plugin
editor.registerPlugin(TableOperations);
// register the SpellChecker plugin
editor.registerPlugin(SpellChecker);
// register the CSS plugin
editor.registerPlugin(CSS, {
combos : [
{ label: "Syntax:",
// menu text // CSS class
options: { "None" : "",
"Code" : "code",
"String" : "string",
"Comment" : "comment",
"Variable name" : "variable-name",
"Type" : "type",
"Reference" : "reference",
"Preprocessor" : "preprocessor",
"Keyword" : "keyword",
"Function name" : "function-name",
"Html tag" : "html-tag",
"Html italic" : "html-helper-italic",
"Warning" : "warning",
"Html bold" : "html-helper-bold"
},
context: "pre"
},
{ label: "Info:",
options: { "None" : "",
"Quote" : "quote",
"Highlight" : "highlight",
"Deprecated" : "deprecated"
}
}
]
});
// add a contextual menu
editor.registerPlugin("ContextMenu");
// load the stylesheet used by our CSS plugin configuration
editor.config.pageStyle = "@import url(custom.css);";
setTimeout(function() {
editor.generate();
}, 500);
return false;
}
function insertHTML() {
var html = prompt("Enter some HTML code here");
if (html) {
editor.insertHTML(html);
}
}
function highlight() {
editor.surroundHTML('<span style="background-color: yellow">', '</span>');
}
</script>
</head>
<!-- use <body onload="HTMLArea.replaceAll()" if you don't care about
customizing the editor. It's the easiest way! :) -->
<body onload="initEditor()">
<h1>HTMLArea 3.0</h1>
<p>A replacement for <code>TEXTAREA</code> elements. &copy; <a
href="http://interactivetools.com">InteractiveTools.com</a>, 2003-2004.</p>
<form action="test.cgi" method="post" id="edit" name="edit">
<textarea id="ta" name="ta" style="width:100%" rows="24" cols="80">
&lt;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Passing parameters to JavaScript code&lt;/title&gt;
&lt;link rel="stylesheet" href="custom.css" /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Passing parameters to JavaScript code&lt;/h1&gt;
&lt;p&gt;Sometimes we need to pass parameters to some JavaScript function that we
wrote ourselves. But sometimes it's simply more convenient to include the
parameter not in the function call, but in the affected HTML elements.
Usually, all JavaScript calls affect some element, right? ;-)&lt;/p&gt;
&lt;p&gt;Well, here's an original way to do it. Or at least, I think it's
original.&lt;/p&gt;
&lt;h2&gt;But first...&lt;/h2&gt;
&lt;p&gt;... an example. Why would I need such thing? I have a JS function that
is called on &lt;code&gt;BODY&lt;/code&gt; &lt;code&gt;onload&lt;/code&gt; handler. This function
tries to retrieve the element with the ID "conttoc" and, if present, it will
&lt;a href="toc.epl" title="Automatic TOC generation"&gt;generate an index&lt;/a&gt;.
The problem is, this function exists in some external JavaScript library
that it's loaded in page. I only needed to pass the parameter from
&lt;em&gt;one&lt;/em&gt; page. Thus, it makes sense to pass the parameter from the HTML
code on &lt;em&gt;that&lt;/em&gt; page, not to affect the others.&lt;/p&gt;
&lt;p&gt;The first idea that came to me was to use some attribute, like "id" or
"class". But "id" was locked already, it &lt;em&gt;had&lt;/em&gt; to be "conttoc". Use
"class"? It's not elegant.. what if I really wanted to give it a class, at
some point?&lt;/p&gt;
&lt;h2&gt;The idea&lt;/h2&gt;
&lt;p&gt;So I thought: what are the HTML elements that do not affect the page
rendering in any way? Well, comments. I mean, &lt;em&gt;comments&lt;/em&gt;, HTML
comments. You know, like &lt;code&gt;&amp;lt;!-- this is a comment --&amp;gt;&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Though comments do not normally affect the way browser renders the page,
they are still parsed and are part of the DOM, as well as any other node.
But this mean that we can access comments from JavaScript code, just like we
access any other element, right? Which means that they &lt;em&gt;can&lt;/em&gt; affect
the way that page finally appears ;-)&lt;/p&gt;
&lt;h2&gt;The code&lt;/h2&gt;
&lt;p&gt;The main part was the idea. The code is simple ;-) Suppose we have the
following HTML code:&lt;/p&gt;
&lt;pre class="code"&gt;&lt;span class="function-name"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html-tag"&gt;div&lt;/span&gt; &lt;span class="variable-name"&gt;id=&lt;/span&gt;&lt;span class="string"&gt;&amp;quot;conttoc&amp;quot;&lt;/span&gt;&lt;span class="paren-face-match"&gt;&amp;gt;&lt;/span&gt;&lt;span class="function-name"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html-tag"&gt;/div&lt;/span&gt;&lt;span class="function-name"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;p&gt;and our function checks for the presence an element having the ID
"conttoc", and generates a table of contents into it. Our code will also
check if the "conttoc" element's first child is a comment node, and if so
will parse additional parameters from there, for instance, a desired prefix
for the links that are to be generated into it. Why did I need it? Because
if the page uses a &lt;code&gt;&amp;lt;base&amp;gt;&lt;/code&gt; element to specify the default
link prefix, then links like "#gen1" generated by the &lt;a href="toc.epl"&gt;toc
generator&lt;/a&gt; will not point to that same page as they should, but to the
page reffered from &lt;code&gt;&amp;lt;base&amp;gt;&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;So the HTML would now look like this:&lt;/p&gt;
&lt;pre class="code"&gt;&lt;span class="function-name"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html-tag"&gt;div&lt;/span&gt; &lt;span class="variable-name"&gt;id=&lt;/span&gt;&lt;span class="string"&gt;&amp;quot;conttoc&amp;quot;&lt;/span&gt;&lt;span class="function-name"&gt;&amp;gt;&lt;/span&gt;&lt;span class="comment"&gt;&amp;lt;!-- base:link/prefix.html --&amp;gt;&lt;/span&gt;&lt;span class="paren-face-match"&gt;&amp;lt;&lt;/span&gt;&lt;span class="html-tag"&gt;/div&lt;/span&gt;&lt;span class="paren-face-match"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;p&gt;And our TOC generation function does something like this:&lt;/p&gt;
&lt;pre class="code"&gt;&lt;span class="keyword"&gt;var&lt;/span&gt; &lt;span class="variable-name"&gt;element&lt;/span&gt; = getElementById(&amp;quot;&lt;span class="string"&gt;conttoc&lt;/span&gt;&amp;quot;);
&lt;span class="keyword"&gt;if&lt;/span&gt; (element.firstChild &amp;amp;&amp;amp; element.firstChild.nodeType == 8) {
&lt;span class="comment"&gt;// 8 means Node.COMMENT_NODE. We're using numeric values
&lt;/span&gt; &lt;span class="comment"&gt;// because IE6 does not support constant names.
&lt;/span&gt; &lt;span class="keyword"&gt;var&lt;/span&gt; &lt;span class="variable-name"&gt;parameters&lt;/span&gt; = element.firstChild.data;
&lt;span class="comment"&gt;// at this point &amp;quot;parameters&amp;quot; contains base:link/prefix.html
&lt;/span&gt; &lt;span class="comment"&gt;// ...
&lt;/span&gt;}&lt;/pre&gt;
&lt;p&gt;So we retrieved the value passed to the script from the HTML code. This
was the goal of this article.&lt;/p&gt;
&lt;hr /&gt;
&lt;address&gt;&lt;a href="http://students.infoiasi.ro/~mishoo/"&gt;Mihai Bazon&lt;/a&gt;&lt;/address&gt;
&lt;!-- hhmts start --&gt; Last modified on Thu Apr 3 20:34:17 2003
&lt;!-- hhmts end --&gt;
&lt;!-- doc-lang: English --&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>
<p />
<input type="submit" name="ok" value=" submit " />
<input type="button" name="ins" value=" insert html " onclick="return insertHTML();" />
<input type="button" name="hil" value=" highlight text " onclick="return highlight();" />
<a href="javascript:mySubmit()">submit</a>
<script type="text/javascript">
function mySubmit() {
// document.edit.save.value = "yes";
document.edit.onsubmit(); // workaround browser bugs.
document.edit.submit();
};
</script>
</form>
</body>
</html>

40
www/extras/htmlArea3/examples/index.html
View file

@ -1,40 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<title>HTMLArea examples index</title>
</head>
<body>
<h1>HTMLArea: auto-generated examples index</h1>
<ul>
<li>
<a href="2-areas.html">2-areas.html</a>
</li>
<li>
<a href="context-menu.html">context-menu.html</a>
</li>
<li>
<a href="core.html">core.html</a>
</li>
<li>
<a href="css.html">css.html</a>
</li>
<li>
<a href="full-page.html">full-page.html</a>
</li>
<li>
<a href="fully-loaded.html">fully-loaded.html</a>
</li>
<li>
<a href="spell-checker.html">spell-checker.html</a>
</li>
<li>
<a href="table-operations.html">table-operations.html</a>
</li>
</ul>
<hr />
<address>mishoo@infoiasi.ro</address>
<!-- hhmts start --> Last modified: Sun Feb 1 13:30:39 EET 2004 <!-- hhmts end -->
</body> </html>

132
www/extras/htmlArea3/examples/spell-checker.html
View file

@ -1,132 +0,0 @@
<html>
<head>
<title>Example of HTMLArea 3.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Configure the path to the editor. We make it relative now, so that the
example ZIP file will work anywhere, but please NOTE THAT it's better to
have it an absolute path, such as '/htmlarea/'. -->
<script type="text/javascript">
_editor_lang = "en";
_editor_url = "../";
</script>
<!-- load the main HTMLArea files -->
<script type="text/javascript" src="../htmlarea.js"></script>
<style type="text/css">
html, body {
font-family: Verdana,sans-serif;
background-color: #fea;
color: #000;
}
a:link, a:visited { color: #00f; }
a:hover { color: #048; }
a:active { color: #f00; }
textarea { background-color: #fff; border: 1px solid 00f; }
</style>
<script type="text/javascript">
HTMLArea.loadPlugin("SpellChecker");
var editor = null;
function initEditor() {
// create an editor for the "ta" textbox
editor = new HTMLArea("ta");
// register the SpellChecker plugin
editor.registerPlugin(SpellChecker);
editor.generate();
return false;
}
function insertHTML() {
var html = prompt("Enter some HTML code here");
if (html) {
editor.insertHTML(html);
}
}
function highlight() {
editor.surroundHTML('<span style="background-color: yellow">', '</span>');
}
</script>
</head>
<!-- use <body onload="HTMLArea.replaceAll()" if you don't care about
customizing the editor. It's the easiest way! :) -->
<body onload="initEditor()">
<h1>HTMLArea 3.0</h1>
<p>A replacement for <code>TEXTAREA</code> elements. &copy; <a
href="http://interactivetools.com">InteractiveTools.com</a>, 2003-2004.</p>
<p>Plugins:
<tt>SpellChecker</tt> (sponsored by <a
href="http://americanbible.org">American Bible Society</a>).
</p>
<form action="test.cgi" method="post" id="edit" name="edit">
<textarea id="ta" name="ta" style="width:100%" rows="24" cols="80">
<h1>The <tt>SpellChecker</tt> plugin</h1>
<p>This file deminstrates the <tt>SpellChecker</tt> plugin of
HTMLArea. To inwoke the spell checkert you need to press the
<em>spell-check</em> buton in the toolbar.</p>
<p>The spell-checker uses a serverside script written in Perl. The
Perl script calls <a href="http://aspell.net">aspell</a> for any
word in the text and reports wordz that aren't found in the
dyctionari.</p>
<p>The document that yu are reading now <b>intentionaly</b> containes
some errorz, so that you have something to corect ;-)</p>
<p>Credits for the <tt>SpellChecker</tt> plugin go to:</p>
<ul>
<li><a href="http://aspell.net">Aspell</a> -- spell
checker</li>
<li>The <a href="http://perl.org">Perl</a> programming language</li>
<li><tt><a
href="http://cpan.org/modules/by-module/Text/Text-Aspell-0.02.readme">Text::Aspell</a></tt>
-- Perl interface to Aspell</li>
<li><a href="http://americanbible.org">American Bible Society</a> --
for sponsoring the <tt>SpellChecker</tt> plugin for
<tt>HTMLArea</tt></li>
<li><a href="http://dynarch.com/mishoo/">Your humble servant</a> for
implementing it ;-)</li>
</ul>
</textarea>
<p />
<input type="submit" name="ok" value=" submit " />
<input type="button" name="ins" value=" insert html " onclick="return insertHTML();" />
<input type="button" name="hil" value=" highlight text " onclick="return highlight();" />
<a href="javascript:mySubmit()">submit</a>
<script type="text/javascript">
function mySubmit() {
// document.edit.save.value = "yes";
document.edit.onsubmit(); // workaround browser bugs.
document.edit.submit();
};
</script>
</form>
</body>
</html>

116
www/extras/htmlArea3/examples/table-operations.html
View file

@ -1,116 +0,0 @@
<html>
<head>
<title>Example of HTMLArea 3.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Configure the path to the editor. We make it relative now, so that the
example ZIP file will work anywhere, but please NOTE THAT it's better to
have it an absolute path, such as '/htmlarea/'. -->
<script type="text/javascript">
_editor_lang = "en";
_editor_url = "../";
</script>
<!-- load the main HTMLArea files -->
<script type="text/javascript" src="../htmlarea.js"></script>
<style type="text/css">
html, body {
font-family: Verdana,sans-serif;
background-color: #fea;
color: #000;
}
a:link, a:visited { color: #00f; }
a:hover { color: #048; }
a:active { color: #f00; }
textarea { background-color: #fff; border: 1px solid 00f; }
</style>
<script type="text/javascript">
// load the plugin files
HTMLArea.loadPlugin("TableOperations");
var editor = null;
function initEditor() {
// create an editor for the "ta" textbox
editor = new HTMLArea("ta");
// register the TableOperations plugin with our editor
editor.registerPlugin(TableOperations);
editor.generate();
return false;
}
function insertHTML() {
var html = prompt("Enter some HTML code here");
if (html) {
editor.insertHTML(html);
}
}
function highlight() {
editor.surroundHTML('<span style="background-color: yellow">', '</span>');
}
</script>
</head>
<!-- use <body onload="HTMLArea.replaceAll()" if you don't care about
customizing the editor. It's the easiest way! :) -->
<body onload="initEditor()">
<h1>HTMLArea 3.0</h1>
<p>A replacement for <code>TEXTAREA</code> elements. &copy; <a
href="http://interactivetools.com">InteractiveTools.com</a>, 2003-2004.</p>
<p>Page that demonstrates the additional features of the
<tt>TableOperations</tt> plugin (sponsored by <a
href="http://www.bloki.com">Zapatec Inc.</a>).</p>
<form action="test.cgi" method="post" id="edit" name="edit">
<textarea id="ta" name="ta" style="width:100%" rows="24" cols="80">
<h1>Plugin: <tt>TableOperations</tt></h1>
<p>This page exemplifies the table operations toolbar, provided by the
TableOperations plugin.</p>
<p>Following there is a table.</p>
<table border="1" style="border: 2px solid rgb(255, 0, 0); width: 80%; background-image: none; border-collapse: collapse; color: rgb(153, 102, 0); background-color: rgb(255, 255, 51);" align="center" cellspacing="2" cellpadding="1" summary="">
<caption>This <span style="font-weight: bold;">is</span> a table</caption>
<tbody>
<tr style="border-style: none; background-image: none; background-color: rgb(255, 255, 153);" char="." align="left" valign="middle"> <td>1.1</td> <td>1.2</td> <td>1.3</td> <td>1.4</td> </tr>
<tr> <td>2.1</td> <td style="border: 1px solid rgb(51, 51, 255); background-image: none; background-color: rgb(102, 255, 255); color: rgb(0, 0, 51);" char="." align="left" valign="middle">2.2</td> <td>2.3</td> <td>2.4</td> </tr>
<tr> <td>3.1</td> <td>3.2</td> <td style="border: 2px dashed rgb(51, 204, 102); background-image: none; background-color: rgb(102, 255, 153); color: rgb(0, 51, 0);" char="." align="left" valign="middle">3.3</td> <td>3.4</td> </tr>
<tr> <td style="background-color: rgb(255, 204, 51);">4.1</td> <td style="background-color: rgb(255, 204, 51);">4.2</td> <td style="background-color: rgb(255, 204, 51);">4.3</td> <td style="background-color: rgb(255, 204, 51);">4.4</td> </tr>
</tbody>
</table>
<p>Text after the table</p>
</textarea>
<p />
<input type="submit" name="ok" value=" submit " />
<input type="button" name="ins" value=" insert html " onclick="return insertHTML();" />
<input type="button" name="hil" value=" highlight text " onclick="return highlight();" />
<a href="javascript:mySubmit()">submit</a>
<script type="text/javascript">
function mySubmit() {
// document.edit.save.value = "yes";
document.edit.onsubmit(); // workaround browser bugs.
document.edit.submit();
};
</script>
</form>
</body>
</html>

21
www/extras/htmlArea3/examples/test.cgi
View file

@ -1,21 +0,0 @@
#! /usr/bin/perl -w
#
#
#
use CGI;
print "Content-type: text/html\n\n";
$c = new CGI;
$ta = $c->param('ta');
print <<EOF;
<html>
<body>
<textarea style="width: 100%; height: 200px">$ta</textarea>
$ta
</body>
</html>
EOF

180
www/extras/htmlArea3/htmlarea.css
View file

@ -1,180 +0,0 @@
.htmlarea { background: #fff; }
.htmlarea .toolbar {
cursor: default;
background: ButtonFace;
padding: 1px 1px 2px 1px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
.htmlarea .toolbar img { border: none; }
.htmlarea .toolbar .label { padding: 0px 3px; }
.htmlarea .toolbar .button {
background: ButtonFace;
color: ButtonText;
border: 1px solid ButtonFace;
padding: 1px;
margin: 0px;
width: 18px;
height: 18px;
}
.htmlarea .toolbar .buttonHover {
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
padding: 2px 0px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.htmlarea .toolbar .buttonPressed {
background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
padding: 0px 3px;
overflow: hidden;
width: 20px;
text-align: center;
cursor: default;
border: 1px solid ButtonShadow;
}
.htmlarea .toolbar .buttonDisabled img {
filter: alpha(opacity = 25);
-moz-opacity: 0.25;
}
.htmlarea .toolbar .separator {
position: relative;
margin: 3px;
border-left: 1px solid ButtonShadow;
border-right: 1px solid ButtonHighlight;
width: 0px;
height: 16px;
padding: 0px;
}
.htmlarea .toolbar .space { width: 5px; }
.htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }
.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active { background: FieldFace; color: ButtonText; }
.htmlarea .statusBar {
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
padding: 2px 4px;
background-color: ButtonFace;
color: ButtonText;
font: 11px Tahoma,Verdana,sans-serif;
}
.htmlarea .statusBar .statusBarTree a {
padding: 2px 5px;
color: #00f;
}
.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
.htmlarea .statusBar .statusBarTree a:hover {
background-color: Highlight;
color: HighlightText;
padding: 1px 4px;
border: 1px solid HighlightText;
}
/* Hidden DIV popup dialogs (PopupDiv) */
.dialog {
color: ButtonText;
background: ButtonFace;
}
.dialog .content { padding: 2px; }
.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
font: 11px Tahoma,Verdana,sans-serif;
}
.dialog table { border-collapse: collapse; }
.dialog .title {
background: #008;
color: #ff8;
border-bottom: 1px solid #000;
padding: 1px 0px 2px 5px;
font-size: 12px;
font-weight: bold;
cursor: default;
}
.dialog .title .button {
float: right;
border: 1px solid #66a;
padding: 0px 1px 0px 2px;
margin-right: 1px;
color: #fff;
text-align: center;
}
.dialog .title .button-hilite { border-color: #88f; background: #44c; }
.dialog button {
width: 5em;
padding: 0px;
}
.dialog .buttonColor {
padding: 1px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.dialog .buttonColor-hilite {
border-color: #000;
}
.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
height: 0.6em;
border: 1px solid;
padding: 0px 1em;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.dialog .buttonColor .nocolor { padding: 0px; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }
.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }
.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }
.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0px; }
.popupdiv {
border: 2px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.popupwin {
padding: 0px;
margin: 0px;
}
.popupwin .title {
background: #fff;
color: #000;
font-weight: bold;
font-size: 120%;
padding: 3px 10px;
margin-bottom: 10px;
border-bottom: 1px solid black;
letter-spacing: 2px;
}
form { margin: 0px; border: none; }

2175
www/extras/htmlArea3/htmlarea.js
View file

File diff suppressed because it is too large Load diff

BIN
www/extras/htmlArea3/images/ed_about.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 87 B

BIN
www/extras/htmlArea3/images/ed_align_center.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 69 B

BIN
www/extras/htmlArea3/images/ed_align_justify.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 69 B

Some files were not shown because too many files have changed in this diff Show more