Fixed issue #9424: htmlArea RTE: Cleanup dialogue windows
authorStanislas Rolland <typo3@sjbr.ca>
Thu, 25 Sep 2008 03:41:30 +0000 (03:41 +0000)
committerStanislas Rolland <typo3@sjbr.ca>
Thu, 25 Sep 2008 03:41:30 +0000 (03:41 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@4242 709f56b5-9817-0410-a4d7-c38de5d9e867

28 files changed:
ChangeLog
typo3/sysext/rtehtmlarea/ChangeLog
typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/AboutEditor/popups/about.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/CharacterMap/popups/select_character.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/default-color.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/popups/select_color.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/default-image.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/popups/insert_image.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/default-link.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/popups/link.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/find-replace.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/popups/find_replace.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/insert-smiley.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/popups/insertsmiley.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/popups/quicktag.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/quick-tag.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/RemoveFormat/popups/removeformat.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui-iso-8859-1.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui.html
typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-check-ui.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-checker.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js
typo3/sysext/rtehtmlarea/htmlarea/plugins/TableOperations/table-operations.js
typo3/sysext/rtehtmlarea/htmlarea/popups/blank.html
typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css
typo3/sysext/rtehtmlarea/mod2/class.tx_rtehtmlarea_acronym_mod.php
typo3/sysext/t3skin/rtehtmlarea/htmlarea.css

index 3691501..5e24f34 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,3 +1,7 @@
+2008-09-24  Stanislas Rolland  <typo3@sjbr.ca>
+
+       * Fixed issue #9424: htmlArea RTE: Cleanup dialogue windows
+
 2008-08-30  Kasper Sk\8crh¿j  <kaspe@typo3.org>
        * [Testing commit permissions by editing changelog.....]
 
index 721ee53..900d231 100644 (file)
@@ -1,3 +1,7 @@
+2008-09-24  Stanislas Rolland  <typo3@sjbr.ca>
+
+       * Fixed issue #9424: htmlArea RTE: Cleanup dialogue windows
+
 2008-09-21  Stanislas Rolland  <typo3@sjbr.ca>
 
        * Fixed bug #9404: htmlArea RTE: Cleaning out deprecated extension variables
index c43453f..39dbbe0 100644 (file)
@@ -81,6 +81,7 @@ HTMLArea.is_opera  = (HTMLArea.agt.indexOf("opera") != -1);
 HTMLArea.is_ie = (HTMLArea.agt.indexOf("msie") != -1) && !HTMLArea.is_opera;
 HTMLArea.is_safari = (HTMLArea.agt.indexOf("webkit") != -1);
 HTMLArea.is_gecko  = (navigator.product == "Gecko") || HTMLArea.is_opera;
+HTMLArea.is_ff2 = (HTMLArea.agt.indexOf("firefox/2") != -1);
 HTMLArea.is_chrome = HTMLArea.is_safari && (HTMLArea.agt.indexOf("chrome") != -1);
 // Check on MacOS Wamcom version 1.3 but exclude Firefox rv 1.8.1.3
 HTMLArea.is_wamcom = (HTMLArea.agt.indexOf("wamcom") != -1) || (HTMLArea.is_gecko && HTMLArea.agt.indexOf("1.3") != -1 && HTMLArea.agt.indexOf(".1.3") == -1);
@@ -305,6 +306,10 @@ HTMLArea.Config = function () {
                // URL-s
        this.imgURL = "images/";
        this.popupURL = "popups/";
+               // DocumentType
+       this.documentType = '<!DOCTYPE html\r'
+                       + '    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\r'
+                       + '    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r';
 
        this.btnList = {
                InsertHorizontalRule:   ["Horizontal Rule", "ed_hr.gif",false, function(editor) {editor.execCommand("InsertHorizontalRule");}],
@@ -413,6 +418,10 @@ HTMLArea.Config.prototype.registerHotKey = function(hotKeyConfiguration) {
        return true;
 };
 
+HTMLArea.Config.prototype.getDocumentType = function () {
+       return this.documentType;
+};
+
 /***************************************************
  *  EDITOR FRAMEWORK
  ***************************************************/
@@ -838,13 +847,12 @@ HTMLArea.prototype.generate = function () {
 
                // create and append the IFRAME
        var iframe = document.createElement("iframe");
-       if (HTMLArea.is_ie || HTMLArea.is_safari || HTMLArea.is_wamcom) {
-               iframe.setAttribute("src",_editor_url + "popups/blank.html");
-       } else if (HTMLArea.is_opera) {
-               iframe.setAttribute("src",_typo3_host_url + _editor_url + "popups/blank.html");
+       if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+               iframe.setAttribute("src", "javascript:void(0);");
        } else {
-               iframe.setAttribute("src","javascript:void(0);");
+               iframe.setAttribute("src", (HTMLArea.is_opera?_typo3_host_url:"") + _editor_url + "popups/blank.html");
        }
+       //iframe.setAttribute("src", (HTMLArea.is_opera ? _typo3_host_url : "") + _editor_url + "popups/blank.html");
        iframe.className = "editorIframe";
        if (!this.config.statusBar) iframe.className += " noStatusBar";
        htmlarea.appendChild(iframe);
@@ -1007,7 +1015,12 @@ HTMLArea.prototype.initIframe = function() {
        }
        var doc = this._iframe.contentWindow ? this._iframe.contentWindow.document : this._iframe.contentDocument;
        this._doc = doc;
-
+               // Set Doc Type in Firefox (doctype is readonly in DOM 2)
+       if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+               this._doc.open();
+               this._doc.write(this.config.getDocumentType());
+               this._doc.close();
+       }
        if (!this.config.fullPage) {
                var head = doc.getElementsByTagName("head")[0];
                if (!head) {
@@ -3078,10 +3091,14 @@ HTMLArea.Plugin = HTMLArea.Base.extend({
                        }
                                // Window dimensions as per call or button registration
                        var dialogueWindowDimensions = {
-                               width:  ((dimensions && dimensions.width) ? dimensions.width : this.editorConfiguration.btnList[buttonId][8].width),
-                               height: ((dimensions && dimensions.height) ? dimensions.height :this.editorConfiguration.btnList[buttonId][8].height),
-                               top:    ((dimensions && dimensions.top) ? dimensions.top : this.editorConfiguration.btnList[buttonId][8].top),
-                               left:   ((dimensions && dimensions.left) ? dimensions.left :this.editorConfiguration.btnList[buttonId][8].left)
+                               width:  ((dimensions && dimensions.width) ? dimensions.width :
+                                               (this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].width : 250)),
+                               height: ((dimensions && dimensions.height) ? dimensions.height :
+                                               (this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].height : 250)),
+                               top:    ((dimensions && dimensions.top) ? dimensions.top :
+                                               (this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].top : this.editorConfiguration.dialogueWindows.defaultPositionFromTop)),
+                               left:   ((dimensions && dimensions.left) ? dimensions.left :
+                                               (this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].left : this.editorConfiguration.dialogueWindows.defaultPositionFromLeft))
                        };
                                // Overrride window dimensions as per PageTSConfig
                        var buttonConfiguration = this.editorConfiguration.buttons[this.editorConfiguration.convertButtonId[buttonId]];
@@ -3120,7 +3137,7 @@ HTMLArea.Plugin = HTMLArea.Base.extend({
         * @return      string          the url
         */
        makeUrlFromPopupName : function(popupName) {
-               return this.editor.popupURL("plugin://" + this.name + "/" + popupName);
+               return (popupName ? this.editor.popupURL("plugin://" + this.name + "/" + popupName) : this.editor.popupURL("blank.html"));
        },
 
        /**
@@ -3213,20 +3230,16 @@ HTMLArea.Dialog = HTMLArea.Base.extend({
                this.document = this.dialogWindow.document;
                this.editor = this.plugin.editor;
 
+               this.document.open();
+               var html = this.plugin.editorConfiguration.getDocumentType()
+                       + '<html><head></head><body></body></html>\n';
+               this.document.write(html);
+               this.document.close();
+                       // IE needs the stylesheets to be loaded before we create the form
                if (HTMLArea.is_ie) {
-                       this.document.open();
-                       var html = "<html><head></head><body></body></html>\n";
-                       this.document.write(html);
-                       this.document.close();
                        this.loadStyle();
                }
-               var html = this.document.documentElement;
-               html.className = "popupwin";
                var head = this.document.getElementsByTagName("head")[0];
-               if (!head) {
-                       var head = this.document.createElement("head");
-                       html.appendChild(head);
-               }
                var title = this.document.getElementsByTagName("title")[0];
                if (!title) {
                        var title = this.document.createElement("title");
@@ -3234,9 +3247,6 @@ HTMLArea.Dialog = HTMLArea.Base.extend({
                }
                this.document.title = this.arguments.title;
                var body = this.document.body;
-               if (!body) {
-                       var body = this.document.createElement("body");
-               }
                body.className = "popupwin dialog";
                body.id = "--HA-body";
                var content = this.document.createElement("div");
@@ -3244,22 +3254,24 @@ HTMLArea.Dialog = HTMLArea.Base.extend({
                content.id = "content";
                this.content = content;
                body.appendChild(content);
-               if (HTMLArea.is_gecko) {
-                       html.appendChild(body);
-               }
                        // Create the form
                        // Localize, resize and initiate capture of events
-                       // Catch errors for IE loosing control in case the window is closed while being initialized
                if (HTMLArea.is_ie) {
+                               // Catch errors for IE loosing control in case the window is closed while being initialized
                        try {
                                this.arguments.initialize(this);
-                               this.initialize(false, false, HTMLArea.is_ie);
+                               this.initialize(false, false, "noStyle");
                                this.focus();
                        } catch(e) { }
                } else {
                        this.arguments.initialize(this);
-                       this.initialize(false, false, HTMLArea.is_ie);
+                               // Firefox needs a delay defore we resize
+                       this.initialize(false, (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera));
                        this.focus();
+                       if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+                               var self = this;
+                               setTimeout( function() { self.resize(); }, 100);
+                       }
                }
        },
 
@@ -3428,7 +3440,7 @@ HTMLArea.Dialog = HTMLArea.Base.extend({
                                                }
                                        }
                                        self.centerOnParent();
-                               }, 25);
+                               }, 75);
                        } else if (!noResize) {
                                var body = doc.body;
                                if (HTMLArea.is_ie) {
@@ -3472,19 +3484,22 @@ HTMLArea.Dialog = HTMLArea.Base.extend({
 
                var contentWidth = content.offsetWidth;
                var contentHeight = content.offsetHeight;
-               dialogWindow.resizeTo( contentWidth + 200, contentHeight + 200 );
-
-               if (dialogWindow.innerWidth) {
-                       width = dialogWindow.innerWidth;
-                       height = dialogWindow.innerHeight;
-               } else if (docElement && docElement.clientWidth) {
-                       width = docElement.clientWidth;
-                       height = docElement.clientHeight;
-               } else if (body && body.clientWidth) {
-                       width = body.clientWidth;
-                       height = body.clientHeight;
-               }
-               dialogWindow.resizeTo( contentWidth + ( ( contentWidth + 200 ) - width ), contentHeight + ( (contentHeight + 200 ) - (height - 16) ) );
+               if (HTMLArea.is_gecko && !HTMLArea.is_opera) {
+                       dialogWindow.resizeTo(contentWidth, contentHeight + (HTMLArea.is_safari ? 40 : (HTMLArea.is_ff2 ? 75 : 95)));
+               } else {
+                       dialogWindow.resizeTo(contentWidth + 200, contentHeight + 200);
+                       if (dialogWindow.innerWidth) {
+                               width = dialogWindow.innerWidth;
+                               height = dialogWindow.innerHeight;
+                       } else if (docElement && docElement.clientWidth) {
+                               width = docElement.clientWidth;
+                               height = docElement.clientHeight;
+                       } else if (body && body.clientWidth) {
+                               width = body.clientWidth;
+                               height = body.clientHeight;
+                       }
+                       dialogWindow.resizeTo(contentWidth + ((contentWidth + 200 ) - width), contentHeight + ((contentHeight + 200) - (height - 16)));
+               }
        },
 
        /**
index 639acad..b08c619 100644 (file)
@@ -1,11 +1,14 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -53,8 +56,6 @@
 
                var TABS = [];
                var CURRENT_TAB = 0;
-               var CONTENT_HEIGHT_DIFF = 0;
-               var CONTENT_WIDTH_DIFF = 0;
 
                function selectTab(idx) {
                        var ct = TABS[CURRENT_TAB];
                        } else {
                                plugins.innerHTML = "<p><span>No plugins have been loaded.</span></p>";
                        }
-
                        plugins.innerHTML += "<p><span>User agent reports:</span><br/>" + navigator.userAgent + "</p>";
 
-                       var content = document.getElementById("tab-areas-content");
-                       if (window.innerHeight) {
-                               CONTENT_HEIGHT_DIFF = window.innerHeight - 250;
-                               CONTENT_WIDTH_DIFF = window.innerWidth - content.offsetWidth;
-                       } else {
-                               CONTENT_HEIGHT_DIFF = document.body.offsetHeight - 250;
-                               CONTENT_WIDTH_DIFF = document.body.offsetWidth - 400;
-                       }
-                       window.onresize();
-
                        var bar = document.getElementById("tabbar");
                        j = 0;
                        for (i = bar.firstChild; i; i = i.nextSibling) {
                        dialog.close();
                        return false;
                }
-
-               window.onresize = function() {
-                       var content = document.getElementById("tab-areas-content");
-                       if (window.innerHeight) {
-                               content.style.height = (window.innerHeight - CONTENT_HEIGHT_DIFF) + "px";
-                               content.style.width = (window.innerWidth - CONTENT_WIDTH_DIFF) + "px";
-                       } else {
-                               content.style.height = (document.body.offsetHeight - CONTENT_HEIGHT_DIFF) + "px";
-                               //content.style.width = (document.body.offsetWidth - CONTENT_WIDTH_DIFF) + "px";
-                       }
-               };
                // -->
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-about" onload="Init();">
 <div id="content">
-       <div class="title" style="cursor: pointer;" onclick="window.open('http://typo3.org/extensions/repository/search/rtehtmlarea/');">About HTMLArea</div>
+       <div class="title" style="cursor: pointer;" onclick="window.open('http://typo3.org/extensions/repository/view/rtehtmlarea_manual/current/');">About HTMLArea</div>
        <div style="overflow: auto; height: 250px;" id="tab-areas-content">
                <div id="tab-areas">
                        <div id="tab-area-0">
                                <h1 id="version">htmlArea RTE v 1.1.3</h1>
                                <p><span>free_editor</span></p>
                                <p><span>Mozilla_or_IE</span></p>
-                               <p><span>product_documentation</span>&nbsp;<a href="http://typo3.org/extensions/repository/search/rtehtmlarea/" target="_blank">typo3.org</a></p>
+                               <p><span>product_documentation</span>&nbsp;<a href="http://typo3.org/extensions/repository/view/rtehtmlarea_manual/current/">typo3.org</a></p>
                                <p style="text-align: center;">
                                        <br />
                                        &copy; 2002-2004 <a href="http://interactivetools.com" target="_blank">interactivetools.com, inc.</a><br />
                <button type="button" onclick="onCancel();">Close</button>
        </div>
 </div>
-</body></html>
\ No newline at end of file
+</body>
+</html>
\ No newline at end of file
index 7dbfd2e..ba86777 100644 (file)
@@ -1,11 +1,14 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2004 Bernhard Pfeifer novocaine@gmx.net
 *  (c) 2004 systemconcept.de. Authored by Holger Hees based on HTMLArea XTD 1.5 (http://mosforge.net/projects/htmlarea3xtd/).
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
                // -->
                /*]]>*/
        </script>
-       <style>
-               /*<![CDATA[*/
-               td.character { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; text-align: center; background: #FFF; padding: 4px; }
-               td.character-hilite { background: Highlight; color: HighlightText; }
-               /*]]>*/
-       </style>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-character-map" onload="Init();">
 <div id="content">
 <div class="title">Insert special character</div>
-<form method="get" style="margin:2px; padding:2px" onSubmit="Set(document.getElementById('showCharacter').value); return false;">
-<table cellspacing="0" cellpadding="4" style="border-style: none; width: 100%;">
-       <tr>
-               <td style="vertical-align: middle;"><div style="padding: 1px; white-space: nowrap; font-family: tahoma,arial,sans-serif; font-size: 11px; font-weight: normal;">HTML value:<div id="characterPreview"></div></div></td>
-               <td style="vertical-align: middle;"><input type="text" name="showcharacter" id="showCharacter" value="" size="15" style="background: #fff; font-size: 11px;" /></td>
-               <td style="width: 100%;"></td>
-       </tr>
-</table>
-<table cellspacing="1" cellpadding="0" style="cursor: pointer; background: #ADAD9C; border: 1px inset; width: 100%; margin-top: 5px;">
-<tr>
-<td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
-<td class="character" onMouseOver="View(this,'&amp;Agrave;')" onClick="Set('&Agrave;')">&Agrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;agrave;')" onClick="Set('&agrave;')">&agrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Aacute;')" onClick="Set('&Aacute;')">&Aacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;aacute;')" onClick="Set('&aacute;')">&aacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Acirc;')" onClick="Set('&Acirc;')">&Acirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;acirc;')" onClick="Set('&acirc;')">&acirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Atilde;')" onClick="Set('&Atilde;')">&Atilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;atilde;')" onClick="Set('&atilde;')">&atilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;Auml;')" onClick="Set('&Auml;')">&Auml;</td>
-<td class="character" onMouseOver="View(this,'&amp;auml;')" onClick="Set('&auml;')">&auml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Aring;')" onClick="Set('&Aring;')">&Aring;</td>
-<td class="character" onMouseOver="View(this,'&amp;aring;')" onClick="Set('&aring;')">&aring;</td>
-<td class="character" onMouseOver="View(this,'&amp;AElig;')" onClick="Set('&AElig;')">&AElig;</td>
-<td class="character" onMouseOver="View(this,'&amp;aelig;')" onClick="Set('&aelig;')">&aelig;</td>
-<td class="character" onMouseOver="View(this,'&amp;ordf;')" onClick="Set('&ordf;')">&ordf;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Ccedil;')" onClick="Set('&Ccedil;')">&Ccedil;</td>
-<td class="character" onMouseOver="View(this,'&amp;ccedil;')" onClick="Set('&ccedil;')">&ccedil;</td>
-<td class="character" onMouseOver="View(this,'&amp;ETH;')" onClick="Set('&ETH;')">&ETH;</td>
-<td class="character" onMouseOver="View(this,'&amp;eth;')" onClick="Set('&eth;')">&eth;</td>
-<td class="character" onMouseOver="View(this,'&amp;Egrave;')" onClick="Set('&Egrave;')">&Egrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;egrave;')" onClick="Set('&egrave;')">&egrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Eacute;')" onClick="Set('&Eacute;')">&Eacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;eacute;')" onClick="Set('&eacute;')">&eacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ecirc;')" onClick="Set('&Ecirc;')">&Ecirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;ecirc;')" onClick="Set('&ecirc;')">&ecirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Euml;')" onClick="Set('&Euml;')">&Euml;</td>
-<td class="character" onMouseOver="View(this,'&amp;euml;')" onClick="Set('&euml;')">&euml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Igrave;')" onClick="Set('&Igrave;')">&Igrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;igrave;')" onClick="Set('&igrave;')">&igrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Iacute;')" onClick="Set('&Iacute;')">&Iacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;iacute;')" onClick="Set('&iacute;')">&iacute;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Icirc;')" onClick="Set('&Icirc;')">&Icirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;icirc;')" onClick="Set('&icirc;')">&icirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Iuml;')" onClick="Set('&Iuml;')">&Iuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;iuml;')" onClick="Set('&iuml;')">&iuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ntilde;')" onClick="Set('&Ntilde;')">&Ntilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;ntilde;')" onClick="Set('&ntilde;')">&ntilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ograve;')" onClick="Set('&Ograve;')">&Ograve;</td>
-<td class="character" onMouseOver="View(this,'&amp;ograve;')" onClick="Set('&ograve;')">&ograve;</td>
-<td class="character" onMouseOver="View(this,'&amp;Oacute;')" onClick="Set('&Oacute;')">&Oacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;oacute;')" onClick="Set('&oacute;')">&oacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ocirc;')" onClick="Set('&Ocirc;')">&Ocirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;ocirc;')" onClick="Set('&ocirc;')">&ocirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Otilde;')" onClick="Set('&Otilde;')">&Otilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;otilde;')" onClick="Set('&otilde;')">&otilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ouml;')" onClick="Set('&Ouml;')">&Ouml;</td>
-<td class="character" onMouseOver="View(this,'&amp;ouml;')" onClick="Set('&ouml;')">&ouml;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Oslash;')" onClick="Set('&Oslash;')">&Oslash;</td>
-<td class="character" onMouseOver="View(this,'&amp;oslash;')" onClick="Set('&oslash;')">&oslash;</td>
-<td class="character" onMouseOver="View(this,'&amp;OElig;')" onClick="Set('&OElig;')">&OElig;</td>
-<td class="character" onMouseOver="View(this,'&amp;oelig;')" onClick="Set('&oelig;')">&oelig;</td>
-<td class="character" onMouseOver="View(this,'&amp;ordm;')" onClick="Set('&ordm;')">&ordm;</td>
-<td class="character" onMouseOver="View(this,'&amp;Scaron;')" onClick="Set('&Scaron;')">&Scaron;</td>
-<td class="character" onMouseOver="View(this,'&amp;scaron;')" onClick="Set('&scaron;')">&scaron;</td>
-<td class="character" onMouseOver="View(this,'&amp;szlig;')" onClick="Set('&szlig;')">&szlig;</td>
-<td class="character" onMouseOver="View(this,'&amp;THORN;')" onClick="Set('&THORN;')">&THORN;</td>
-<td class="character" onMouseOver="View(this,'&amp;thorn;')" onClick="Set('&thorn;')">&thorn;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ugrave;')" onClick="Set('&Ugrave;')">&Ugrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;ugrave;')" onClick="Set('&ugrave;')">&ugrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Uacute;')" onClick="Set('&Uacute;')">&Uacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;uacute;')" onClick="Set('&uacute;')">&uacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ucirc;')" onClick="Set('&Ucirc;')">&Ucirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;ucirc;')" onClick="Set('&ucirc;')">&ucirc;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Uuml;')" onClick="Set('&Uuml;')">&Uuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;uuml;')" onClick="Set('&uuml;')">&uuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Yacute;')" onClick="Set('&Yacute;')">&Yacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;yacute;')" onClick="Set('&yacute;')">&yacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Yuml;')" onClick="Set('&Yuml;')">&Yuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;yuml;')" onClick="Set('&yuml;')">&yuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;acute;')" onClick="Set('&acute;')">&acute;</td>
-<td class="character" onMouseOver="View(this,'&amp;circ;')" onClick="Set('&circ;')">&circ;</td>
-<td class="character" onMouseOver="View(this,'&amp;tilde;')" onClick="Set('&tilde;')">&tilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;uml;')" onClick="Set('&uml;')">&uml;</td>
-<td class="character" onMouseOver="View(this,'&amp;cedil;')" onClick="Set('&cedil;')">&cedil;</td>
-<td class="character" onMouseOver="View(this,'&amp;ndash;')" onClick="Set('&ndash;')">&ndash;</td>
-<td class="character" onMouseOver="View(this,'&amp;mdash;')" onClick="Set('&mdash;')">&mdash;</td>
-<td class="character" onMouseOver="View(this,'&amp;lsquo;')" onClick="Set('&lsquo;')">&lsquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;rsquo;')" onClick="Set('&rsquo;')">&rsquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;sbquo;')" onClick="Set('&sbquo;')">&sbquo;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;ldquo;')" onClick="Set('&ldquo;')">&ldquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;rdquo;')" onClick="Set('&rdquo;')">&rdquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;bdquo;')" onClick="Set('&bdquo;')">&bdquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;lsaquo;')" onClick="Set('&lsaquo;')">&lsaquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;rsaquo;')" onClick="Set('&rsaquo;')">&rsaquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;laquo;')" onClick="Set('&laquo;')">&laquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;raquo;')" onClick="Set('&raquo;')">&raquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;quot;')" onClick="Set('&quot;')">&quot;</td>
-<td class="character" onMouseOver="View(this,'&amp;hellip;')" onClick="Set('&hellip;')">&hellip;</td>
-<td class="character" onMouseOver="View(this,'&amp;iquest;')" onClick="Set('&iquest;')">&iquest;</td>
-<td class="character" onMouseOver="View(this,'&amp;iexcl;')" onClick="Set('&iexcl;')">&iexcl;</td>
-<td class="character" onMouseOver="View(this,'&amp;bull;')" onClick="Set('&bull;')">&bull;</td>
-<td class="character" onMouseOver="View(this,'&amp;dagger;')" onClick="Set('&dagger;')">&dagger;</td>
-<td class="character" onMouseOver="View(this,'&amp;Dagger;')" onClick="Set('&Dagger;')">&Dagger;</td>
-<td class="character" onMouseOver="View(this,'&amp;para;')" onClick="Set('&para;')">&para;</td>
-<td class="character" onMouseOver="View(this,'&amp;sect;')" onClick="Set('&sect;')">&sect;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;#064;')" onClick="Set('&#064;')">@</td>
-<td class="character" onMouseOver="View(this,'&amp;copy;')" onClick="Set('&copy;')">&copy;</td>
-<td class="character" onMouseOver="View(this,'&amp;reg;')" onClick="Set('&reg;')">&reg;</td>
-<td class="character" onMouseOver="View(this,'&amp;trade;')" onClick="Set('&trade;')">&trade;</td>
-<td class="character" onMouseOver="View(this,'&amp;curren;')" onClick="Set('&curren;')">&curren;</td>
-<td class="character" onMouseOver="View(this,'&amp;cent;')" onClick="Set('&cent;')">&cent;</td>
-<td class="character" onMouseOver="View(this,'&amp;euro;')" onClick="Set('&euro;')">&euro;</td>
-<td class="character" onMouseOver="View(this,'&amp;pound;')" onClick="Set('&pound;')">&pound;</td>
-<td class="character" onMouseOver="View(this,'&amp;yen;')" onClick="Set('&yen;')">&yen;</td>
-<td class="character" onMouseOver="View(this,'&amp;plusmn;')" onClick="Set('&plusmn;')">&plusmn;</td>
-<td class="character" onMouseOver="View(this,'&amp;times;')" onClick="Set('&times;')">&times;</td>
-<td class="character" onMouseOver="View(this,'&amp;divide;')" onClick="Set('&divide;')">&divide;</td>
-<td class="character" onMouseOver="View(this,'&amp;permil;')" onClick="Set('&permil;')">&permil;</td>
-<td class="character" onMouseOver="View(this,'&amp;frac14;')" onClick="Set('&frac14;')">&frac14;</td>
-<td class="character" onMouseOver="View(this,'&amp;frac12;')" onClick="Set('&frac12;')">&frac12;</td>
-<td class="character" onMouseOver="View(this,'&amp;frac34;')" onClick="Set('&frac34;')">&frac34;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;deg;')" onClick="Set('&deg;')">&deg;</td>
-<td class="character" onMouseOver="View(this,'&amp;sup1;')" onClick="Set('&sup1;')">&sup1;</td>
-<td class="character" onMouseOver="View(this,'&amp;sup2;')" onClick="Set('&sup2;')">&sup2;</td>
-<td class="character" onMouseOver="View(this,'&amp;sup3;')" onClick="Set('&sup3;')">&sup3;</td>
-<td class="character" onMouseOver="View(this,'&amp;fnof;')" onClick="Set('&fnof;')">&fnof;</td>
-<td class="character" onMouseOver="View(this,'&amp;not;')" onClick="Set('&not;')">&not;</td>
-<td class="character" onMouseOver="View(this,'&amp;and;')" onClick="Set('&and;')">&and;</td>
-<td class="character" onMouseOver="View(this,'&amp;or;')" onClick="Set('&or;')">&or;</td>
-<td class="character" onMouseOver="View(this,'&amp;alpha;')" onClick="Set('&alpha;')">&alpha;</td>
-<td class="character" onMouseOver="View(this,'&amp;beta;')" onClick="Set('&beta;')">&beta;</td>
-<td class="character" onMouseOver="View(this,'&amp;gamma;')" onClick="Set('&gamma;')">&gamma;</td>
-<td class="character" onMouseOver="View(this,'&amp;delta;')" onClick="Set('&delta;')">&delta;</td>
-<td class="character" onMouseOver="View(this,'&amp;micro;')" onClick="Set('&micro;')">&micro;</td>
-<td class="character" onMouseOver="View(this,'&amp;pi;')" onClick="Set('&pi;')">&pi;</td>
-<td class="character" onMouseOver="View(this,'&amp;Omega;')" onClick="Set('&Omega;')">&Omega;</td>
-<td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
-</table>
-       <div class="space"></div>
+<form method="get" onSubmit="Set(document.getElementById('showCharacter').value); return false;">
+       <div id="selectedCharacter">HTML value:<div id="characterPreview"></div>&nbsp;<input type="text" name="showcharacter" id="showCharacter" value="" size="15" /></div>
+       <table cellspacing="0" cellpadding="3">
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Agrave;')" onClick="Set('&Agrave;')">&Agrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;agrave;')" onClick="Set('&agrave;')">&agrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Aacute;')" onClick="Set('&Aacute;')">&Aacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;aacute;')" onClick="Set('&aacute;')">&aacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Acirc;')" onClick="Set('&Acirc;')">&Acirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;acirc;')" onClick="Set('&acirc;')">&acirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Atilde;')" onClick="Set('&Atilde;')">&Atilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;atilde;')" onClick="Set('&atilde;')">&atilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Auml;')" onClick="Set('&Auml;')">&Auml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;auml;')" onClick="Set('&auml;')">&auml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Aring;')" onClick="Set('&Aring;')">&Aring;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;aring;')" onClick="Set('&aring;')">&aring;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;AElig;')" onClick="Set('&AElig;')">&AElig;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;aelig;')" onClick="Set('&aelig;')">&aelig;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ordf;')" onClick="Set('&ordf;')">&ordf;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;Ccedil;')" onClick="Set('&Ccedil;')">&Ccedil;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ccedil;')" onClick="Set('&ccedil;')">&ccedil;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ETH;')" onClick="Set('&ETH;')">&ETH;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;eth;')" onClick="Set('&eth;')">&eth;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Egrave;')" onClick="Set('&Egrave;')">&Egrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;egrave;')" onClick="Set('&egrave;')">&egrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Eacute;')" onClick="Set('&Eacute;')">&Eacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;eacute;')" onClick="Set('&eacute;')">&eacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ecirc;')" onClick="Set('&Ecirc;')">&Ecirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ecirc;')" onClick="Set('&ecirc;')">&ecirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Euml;')" onClick="Set('&Euml;')">&Euml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;euml;')" onClick="Set('&euml;')">&euml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Igrave;')" onClick="Set('&Igrave;')">&Igrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;igrave;')" onClick="Set('&igrave;')">&igrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Iacute;')" onClick="Set('&Iacute;')">&Iacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;iacute;')" onClick="Set('&iacute;')">&iacute;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;Icirc;')" onClick="Set('&Icirc;')">&Icirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;icirc;')" onClick="Set('&icirc;')">&icirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Iuml;')" onClick="Set('&Iuml;')">&Iuml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;iuml;')" onClick="Set('&iuml;')">&iuml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ntilde;')" onClick="Set('&Ntilde;')">&Ntilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ntilde;')" onClick="Set('&ntilde;')">&ntilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ograve;')" onClick="Set('&Ograve;')">&Ograve;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ograve;')" onClick="Set('&ograve;')">&ograve;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Oacute;')" onClick="Set('&Oacute;')">&Oacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;oacute;')" onClick="Set('&oacute;')">&oacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ocirc;')" onClick="Set('&Ocirc;')">&Ocirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ocirc;')" onClick="Set('&ocirc;')">&ocirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Otilde;')" onClick="Set('&Otilde;')">&Otilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;otilde;')" onClick="Set('&otilde;')">&otilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ouml;')" onClick="Set('&Ouml;')">&Ouml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ouml;')" onClick="Set('&ouml;')">&ouml;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;Oslash;')" onClick="Set('&Oslash;')">&Oslash;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;oslash;')" onClick="Set('&oslash;')">&oslash;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;OElig;')" onClick="Set('&OElig;')">&OElig;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;oelig;')" onClick="Set('&oelig;')">&oelig;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ordm;')" onClick="Set('&ordm;')">&ordm;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Scaron;')" onClick="Set('&Scaron;')">&Scaron;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;scaron;')" onClick="Set('&scaron;')">&scaron;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;szlig;')" onClick="Set('&szlig;')">&szlig;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;THORN;')" onClick="Set('&THORN;')">&THORN;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;thorn;')" onClick="Set('&thorn;')">&thorn;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ugrave;')" onClick="Set('&Ugrave;')">&Ugrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ugrave;')" onClick="Set('&ugrave;')">&ugrave;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Uacute;')" onClick="Set('&Uacute;')">&Uacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;uacute;')" onClick="Set('&uacute;')">&uacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Ucirc;')" onClick="Set('&Ucirc;')">&Ucirc;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ucirc;')" onClick="Set('&ucirc;')">&ucirc;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;Uuml;')" onClick="Set('&Uuml;')">&Uuml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;uuml;')" onClick="Set('&uuml;')">&uuml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Yacute;')" onClick="Set('&Yacute;')">&Yacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;yacute;')" onClick="Set('&yacute;')">&yacute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Yuml;')" onClick="Set('&Yuml;')">&Yuml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;yuml;')" onClick="Set('&yuml;')">&yuml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;acute;')" onClick="Set('&acute;')">&acute;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;circ;')" onClick="Set('&circ;')">&circ;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;tilde;')" onClick="Set('&tilde;')">&tilde;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;uml;')" onClick="Set('&uml;')">&uml;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;cedil;')" onClick="Set('&cedil;')">&cedil;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;ndash;')" onClick="Set('&ndash;')">&ndash;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;mdash;')" onClick="Set('&mdash;')">&mdash;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;lsquo;')" onClick="Set('&lsquo;')">&lsquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;rsquo;')" onClick="Set('&rsquo;')">&rsquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;sbquo;')" onClick="Set('&sbquo;')">&sbquo;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;ldquo;')" onClick="Set('&ldquo;')">&ldquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;rdquo;')" onClick="Set('&rdquo;')">&rdquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;bdquo;')" onClick="Set('&bdquo;')">&bdquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;lsaquo;')" onClick="Set('&lsaquo;')">&lsaquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;rsaquo;')" onClick="Set('&rsaquo;')">&rsaquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;laquo;')" onClick="Set('&laquo;')">&laquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;raquo;')" onClick="Set('&raquo;')">&raquo;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;quot;')" onClick="Set('&quot;')">&quot;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;hellip;')" onClick="Set('&hellip;')">&hellip;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;iquest;')" onClick="Set('&iquest;')">&iquest;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;iexcl;')" onClick="Set('&iexcl;')">&iexcl;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;bull;')" onClick="Set('&bull;')">&bull;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;dagger;')" onClick="Set('&dagger;')">&dagger;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Dagger;')" onClick="Set('&Dagger;')">&Dagger;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;para;')" onClick="Set('&para;')">&para;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;sect;')" onClick="Set('&sect;')">&sect;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;#064;')" onClick="Set('&#064;')">@</td>
+                       <td class="character" onMouseOver="View(this,'&amp;copy;')" onClick="Set('&copy;')">&copy;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;reg;')" onClick="Set('&reg;')">&reg;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;trade;')" onClick="Set('&trade;')">&trade;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;curren;')" onClick="Set('&curren;')">&curren;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;cent;')" onClick="Set('&cent;')">&cent;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;euro;')" onClick="Set('&euro;')">&euro;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;pound;')" onClick="Set('&pound;')">&pound;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;yen;')" onClick="Set('&yen;')">&yen;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;plusmn;')" onClick="Set('&plusmn;')">&plusmn;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;times;')" onClick="Set('&times;')">&times;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;divide;')" onClick="Set('&divide;')">&divide;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;permil;')" onClick="Set('&permil;')">&permil;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;frac14;')" onClick="Set('&frac14;')">&frac14;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;frac12;')" onClick="Set('&frac12;')">&frac12;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;frac34;')" onClick="Set('&frac34;')">&frac34;</td>
+               </tr>
+               <tr>
+                       <td class="character" onMouseOver="View(this,'&amp;deg;')" onClick="Set('&deg;')">&deg;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;sup1;')" onClick="Set('&sup1;')">&sup1;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;sup2;')" onClick="Set('&sup2;')">&sup2;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;sup3;')" onClick="Set('&sup3;')">&sup3;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;fnof;')" onClick="Set('&fnof;')">&fnof;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;not;')" onClick="Set('&not;')">&not;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;and;')" onClick="Set('&and;')">&and;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;or;')" onClick="Set('&or;')">&or;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;alpha;')" onClick="Set('&alpha;')">&alpha;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;beta;')" onClick="Set('&beta;')">&beta;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;gamma;')" onClick="Set('&gamma;')">&gamma;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;delta;')" onClick="Set('&delta;')">&delta;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;micro;')" onClick="Set('&micro;')">&micro;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;pi;')" onClick="Set('&pi;')">&pi;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;Omega;')" onClick="Set('&Omega;')">&Omega;</td>
+                       <td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
+               </tr>
+       </table>
        <div class="buttons">
                <button type="button" name="cancel" onclick="return onCancel();">Close</button>
        </div>
index 48dd47a..39ba731 100644 (file)
@@ -1,7 +1,7 @@
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -50,10 +50,10 @@ DefaultColor = HTMLArea.Plugin.extend({
                var pluginInformation = {
                        version         : "1.0",
                        developer       : "Stanislas Rolland",
-                       developerUrl    : "http://www.fructifor.ca/",
+                       developerUrl    : "http://www.sjbr.ca/",
                        copyrightOwner  : "Stanislas Rolland",
-                       sponsor         : "Fructifor Inc.",
-                       sponsorUrl      : "http://www.fructifor.ca/",
+                       sponsor         : "SJBR",
+                       sponsorUrl      : "http://www.sjbr.ca/",
                        license         : "GPL"
                };
                this.registerPluginInformation(pluginInformation);
@@ -108,10 +108,10 @@ DefaultColor = HTMLArea.Plugin.extend({
                                        this.commandId = "BackColor";
                                }
                        case "ForeColor"        :
-                               this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "setColor", HTMLArea._colorToRgb(this.editor._doc.queryCommandValue(this.commandId)), {width:200, height:182});
+                               this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "setColor", HTMLArea._colorToRgb(this.editor._doc.queryCommandValue(this.commandId)), {width:300, height:210});
                                break;
                        default:
-                               this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "returnToCaller", HTMLArea._colorToRgb("000000"), {width:200, height:182});
+                               this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "returnToCaller", HTMLArea._colorToRgb("000000"), {width:300, height:210});
                                break;
                }
                return false;
index e796fe5..f8980b8 100644 (file)
@@ -1,11 +1,14 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!-- 
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -44,7 +47,7 @@
                <!--
                var dialog = window.opener.HTMLArea.Dialog.DefaultColor;
                function Init() {
-                       dialog.initialize(false, true);
+                       dialog.initialize();
                        var color = dialog.arguments;
                        color = ValidateColor(color) || '000000';
                        View(color);            // set default color
                // -->
                /*]]>*/
        </script>
-       <style type="text/css">
-               /*<![CDATA[*/
-               <!--
-               .color { width: 10px; height: 10px; cursor: pointer; }
-               // -->
-               /*]]>*/
-       </style>
 </head>
-<body style="background:ButtonFace; margin:0; padding:0;" onload="Init();">
+<body onload="Init();" class="popupwin htmlarea-default-color">
 <div id="content">
-<form method="get" style="margin:0px; padding:0px;" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
-<table cellspacing="0" cellpadding="4" style="border-style: none; width: 100%;">
- <tr>
-  <td style="background:buttonface;" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px;"><div id="ColorPreview" style="height: 100%; width: 100%;"></div></div></td>
-  <td style="background:buttonface;" valign=center><input type="text" name="ColorHex" id="ColorHex" value="" size=15 style="font-size: 12px;" /></td>
-  <td style="background:buttonface; width: 100%;"></td>
- </tr>
-</table>
-</form>
-
-<table cellspacing="1" cellpadding="0" style="border-style: none; width:100%; background-color: #000000; margin-bottom: 5px;">
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#003300" onMouseOver="View('003300');" onClick="Set('003300');"></td>
-<td class="color" bgcolor="#006600" onMouseOver="View('006600');" onClick="Set('006600');"></td>
-<td class="color" bgcolor="#009900" onMouseOver="View('009900');" onClick="Set('009900');"></td>
-<td class="color" bgcolor="#00CC00" onMouseOver="View('00CC00');" onClick="Set('00CC00');"></td>
-<td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
-<td class="color" bgcolor="#330000" onMouseOver="View('330000');" onClick="Set('330000');"></td>
-<td class="color" bgcolor="#333300" onMouseOver="View('333300');" onClick="Set('333300');"></td>
-<td class="color" bgcolor="#336600" onMouseOver="View('336600');" onClick="Set('336600');"></td>
-<td class="color" bgcolor="#339900" onMouseOver="View('339900');" onClick="Set('339900');"></td>
-<td class="color" bgcolor="#33CC00" onMouseOver="View('33CC00');" onClick="Set('33CC00');"></td>
-<td class="color" bgcolor="#33FF00" onMouseOver="View('33FF00');" onClick="Set('33FF00');"></td>
-<td class="color" bgcolor="#660000" onMouseOver="View('660000');" onClick="Set('660000');"></td>
-<td class="color" bgcolor="#663300" onMouseOver="View('663300');" onClick="Set('663300');"></td>
-<td class="color" bgcolor="#666600" onMouseOver="View('666600');" onClick="Set('666600');"></td>
-<td class="color" bgcolor="#669900" onMouseOver="View('669900');" onClick="Set('669900');"></td>
-<td class="color" bgcolor="#66CC00" onMouseOver="View('66CC00');" onClick="Set('66CC00');"></td>
-<td class="color" bgcolor="#66FF00" onMouseOver="View('66FF00');" onClick="Set('66FF00');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000033" onMouseOver="View('000033');" onClick="Set('000033');"></td>
-<td class="color" bgcolor="#003333" onMouseOver="View('003333');" onClick="Set('003333');"></td>
-<td class="color" bgcolor="#006633" onMouseOver="View('006633');" onClick="Set('006633');"></td>
-<td class="color" bgcolor="#009933" onMouseOver="View('009933');" onClick="Set('009933');"></td>
-<td class="color" bgcolor="#00CC33" onMouseOver="View('00CC33');" onClick="Set('00CC33');"></td>
-<td class="color" bgcolor="#00FF33" onMouseOver="View('00FF33');" onClick="Set('00FF33');"></td>
-<td class="color" bgcolor="#330033" onMouseOver="View('330033');" onClick="Set('330033');"></td>
-<td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
-<td class="color" bgcolor="#336633" onMouseOver="View('336633');" onClick="Set('336633');"></td>
-<td class="color" bgcolor="#339933" onMouseOver="View('339933');" onClick="Set('339933');"></td>
-<td class="color" bgcolor="#33CC33" onMouseOver="View('33CC33');" onClick="Set('33CC33');"></td>
-<td class="color" bgcolor="#33FF33" onMouseOver="View('33FF33');" onClick="Set('33FF33');"></td>
-<td class="color" bgcolor="#660033" onMouseOver="View('660033');" onClick="Set('660033');"></td>
-<td class="color" bgcolor="#663333" onMouseOver="View('663333');" onClick="Set('663333');"></td>
-<td class="color" bgcolor="#666633" onMouseOver="View('666633');" onClick="Set('666633');"></td>
-<td class="color" bgcolor="#669933" onMouseOver="View('669933');" onClick="Set('669933');"></td>
-<td class="color" bgcolor="#66CC33" onMouseOver="View('66CC33');" onClick="Set('66CC33');"></td>
-<td class="color" bgcolor="#66FF33" onMouseOver="View('66FF33');" onClick="Set('66FF33');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000066" onMouseOver="View('000066');" onClick="Set('000066');"></td>
-<td class="color" bgcolor="#003366" onMouseOver="View('003366');" onClick="Set('003366');"></td>
-<td class="color" bgcolor="#006666" onMouseOver="View('006666');" onClick="Set('006666');"></td>
-<td class="color" bgcolor="#009966" onMouseOver="View('009966');" onClick="Set('009966');"></td>
-<td class="color" bgcolor="#00CC66" onMouseOver="View('00CC66');" onClick="Set('00CC66');"></td>
-<td class="color" bgcolor="#00FF66" onMouseOver="View('00FF66');" onClick="Set('00FF66');"></td>
-<td class="color" bgcolor="#330066" onMouseOver="View('330066');" onClick="Set('330066');"></td>
-<td class="color" bgcolor="#333366" onMouseOver="View('333366');" onClick="Set('333366');"></td>
-<td class="color" bgcolor="#336666" onMouseOver="View('336666');" onClick="Set('336666');"></td>
-<td class="color" bgcolor="#339966" onMouseOver="View('339966');" onClick="Set('339966');"></td>
-<td class="color" bgcolor="#33CC66" onMouseOver="View('33CC66');" onClick="Set('33CC66');"></td>
-<td class="color" bgcolor="#33FF66" onMouseOver="View('33FF66');" onClick="Set('33FF66');"></td>
-<td class="color" bgcolor="#660066" onMouseOver="View('660066');" onClick="Set('660066');"></td>
-<td class="color" bgcolor="#663366" onMouseOver="View('663366');" onClick="Set('663366');"></td>
-<td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
-<td class="color" bgcolor="#669966" onMouseOver="View('669966');" onClick="Set('669966');"></td>
-<td class="color" bgcolor="#66CC66" onMouseOver="View('66CC66');" onClick="Set('66CC66');"></td>
-<td class="color" bgcolor="#66FF66" onMouseOver="View('66FF66');" onClick="Set('66FF66');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000099" onMouseOver="View('000099');" onClick="Set('000099');"></td>
-<td class="color" bgcolor="#003399" onMouseOver="View('003399');" onClick="Set('003399');"></td>
-<td class="color" bgcolor="#006699" onMouseOver="View('006699');" onClick="Set('006699');"></td>
-<td class="color" bgcolor="#009999" onMouseOver="View('009999');" onClick="Set('009999');"></td>
-<td class="color" bgcolor="#00CC99" onMouseOver="View('00CC99');" onClick="Set('00CC99');"></td>
-<td class="color" bgcolor="#00FF99" onMouseOver="View('00FF99');" onClick="Set('00FF99');"></td>
-<td class="color" bgcolor="#330099" onMouseOver="View('330099');" onClick="Set('330099');"></td>
-<td class="color" bgcolor="#333399" onMouseOver="View('333399');" onClick="Set('333399');"></td>
-<td class="color" bgcolor="#336699" onMouseOver="View('336699');" onClick="Set('336699');"></td>
-<td class="color" bgcolor="#339999" onMouseOver="View('339999');" onClick="Set('339999');"></td>
-<td class="color" bgcolor="#33CC99" onMouseOver="View('33CC99');" onClick="Set('33CC99');"></td>
-<td class="color" bgcolor="#33FF99" onMouseOver="View('33FF99');" onClick="Set('33FF99');"></td>
-<td class="color" bgcolor="#660099" onMouseOver="View('660099');" onClick="Set('660099');"></td>
-<td class="color" bgcolor="#663399" onMouseOver="View('663399');" onClick="Set('663399');"></td>
-<td class="color" bgcolor="#666699" onMouseOver="View('666699');" onClick="Set('666699');"></td>
-<td class="color" bgcolor="#669999" onMouseOver="View('669999');" onClick="Set('669999');"></td>
-<td class="color" bgcolor="#66CC99" onMouseOver="View('66CC99');" onClick="Set('66CC99');"></td>
-<td class="color" bgcolor="#66FF99" onMouseOver="View('66FF99');" onClick="Set('66FF99');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#0000CC" onMouseOver="View('0000CC');" onClick="Set('0000CC');"></td>
-<td class="color" bgcolor="#0033CC" onMouseOver="View('0033CC');" onClick="Set('0033CC');"></td>
-<td class="color" bgcolor="#0066CC" onMouseOver="View('0066CC');" onClick="Set('0066CC');"></td>
-<td class="color" bgcolor="#0099CC" onMouseOver="View('0099CC');" onClick="Set('0099CC');"></td>
-<td class="color" bgcolor="#00CCCC" onMouseOver="View('00CCCC');" onClick="Set('00CCCC');"></td>
-<td class="color" bgcolor="#00FFCC" onMouseOver="View('00FFCC');" onClick="Set('00FFCC');"></td>
-<td class="color" bgcolor="#3300CC" onMouseOver="View('3300CC');" onClick="Set('3300CC');"></td>
-<td class="color" bgcolor="#3333CC" onMouseOver="View('3333CC');" onClick="Set('3333CC');"></td>
-<td class="color" bgcolor="#3366CC" onMouseOver="View('3366CC');" onClick="Set('3366CC');"></td>
-<td class="color" bgcolor="#3399CC" onMouseOver="View('3399CC');" onClick="Set('3399CC');"></td>
-<td class="color" bgcolor="#33CCCC" onMouseOver="View('33CCCC');" onClick="Set('33CCCC');"></td>
-<td class="color" bgcolor="#33FFCC" onMouseOver="View('33FFCC');" onClick="Set('33FFCC');"></td>
-<td class="color" bgcolor="#6600CC" onMouseOver="View('6600CC');" onClick="Set('6600CC');"></td>
-<td class="color" bgcolor="#6633CC" onMouseOver="View('6633CC');" onClick="Set('6633CC');"></td>
-<td class="color" bgcolor="#6666CC" onMouseOver="View('6666CC');" onClick="Set('6666CC');"></td>
-<td class="color" bgcolor="#6699CC" onMouseOver="View('6699CC');" onClick="Set('6699CC');"></td>
-<td class="color" bgcolor="#66CCCC" onMouseOver="View('66CCCC');" onClick="Set('66CCCC');"></td>
-<td class="color" bgcolor="#66FFCC" onMouseOver="View('66FFCC');" onClick="Set('66FFCC');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
-<td class="color" bgcolor="#0033FF" onMouseOver="View('0033FF');" onClick="Set('0033FF');"></td>
-<td class="color" bgcolor="#0066FF" onMouseOver="View('0066FF');" onClick="Set('0066FF');"></td>
-<td class="color" bgcolor="#0099FF" onMouseOver="View('0099FF');" onClick="Set('0099FF');"></td>
-<td class="color" bgcolor="#00CCFF" onMouseOver="View('00CCFF');" onClick="Set('00CCFF');"></td>
-<td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
-<td class="color" bgcolor="#3300FF" onMouseOver="View('3300FF');" onClick="Set('3300FF');"></td>
-<td class="color" bgcolor="#3333FF" onMouseOver="View('3333FF');" onClick="Set('3333FF');"></td>
-<td class="color" bgcolor="#3366FF" onMouseOver="View('3366FF');" onClick="Set('3366FF');"></td>
-<td class="color" bgcolor="#3399FF" onMouseOver="View('3399FF');" onClick="Set('3399FF');"></td>
-<td class="color" bgcolor="#33CCFF" onMouseOver="View('33CCFF');" onClick="Set('33CCFF');"></td>
-<td class="color" bgcolor="#33FFFF" onMouseOver="View('33FFFF');" onClick="Set('33FFFF');"></td>
-<td class="color" bgcolor="#6600FF" onMouseOver="View('6600FF');" onClick="Set('6600FF');"></td>
-<td class="color" bgcolor="#6633FF" onMouseOver="View('6633FF');" onClick="Set('6633FF');"></td>
-<td class="color" bgcolor="#6666FF" onMouseOver="View('6666FF');" onClick="Set('6666FF');"></td>
-<td class="color" bgcolor="#6699FF" onMouseOver="View('6699FF');" onClick="Set('6699FF');"></td>
-<td class="color" bgcolor="#66CCFF" onMouseOver="View('66CCFF');" onClick="Set('66CCFF');"></td>
-<td class="color" bgcolor="#66FFFF" onMouseOver="View('66FFFF');" onClick="Set('66FFFF');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990000" onMouseOver="View('990000');" onClick="Set('990000');"></td>
-<td class="color" bgcolor="#993300" onMouseOver="View('993300');" onClick="Set('993300');"></td>
-<td class="color" bgcolor="#996600" onMouseOver="View('996600');" onClick="Set('996600');"></td>
-<td class="color" bgcolor="#999900" onMouseOver="View('999900');" onClick="Set('999900');"></td>
-<td class="color" bgcolor="#99CC00" onMouseOver="View('99CC00');" onClick="Set('99CC00');"></td>
-<td class="color" bgcolor="#99FF00" onMouseOver="View('99FF00');" onClick="Set('99FF00');"></td>
-<td class="color" bgcolor="#CC0000" onMouseOver="View('CC0000');" onClick="Set('CC0000');"></td>
-<td class="color" bgcolor="#CC3300" onMouseOver="View('CC3300');" onClick="Set('CC3300');"></td>
-<td class="color" bgcolor="#CC6600" onMouseOver="View('CC6600');" onClick="Set('CC6600');"></td>
-<td class="color" bgcolor="#CC9900" onMouseOver="View('CC9900');" onClick="Set('CC9900');"></td>
-<td class="color" bgcolor="#CCCC00" onMouseOver="View('CCCC00');" onClick="Set('CCCC00');"></td>
-<td class="color" bgcolor="#CCFF00" onMouseOver="View('CCFF00');" onClick="Set('CCFF00');"></td>
-<td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
-<td class="color" bgcolor="#FF3300" onMouseOver="View('FF3300');" onClick="Set('FF3300');"></td>
-<td class="color" bgcolor="#FF6600" onMouseOver="View('FF6600');" onClick="Set('FF6600');"></td>
-<td class="color" bgcolor="#FF9900" onMouseOver="View('FF9900');" onClick="Set('FF9900');"></td>
-<td class="color" bgcolor="#FFCC00" onMouseOver="View('FFCC00');" onClick="Set('FFCC00');"></td>
-<td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990033" onMouseOver="View('990033');" onClick="Set('990033');"></td>
-<td class="color" bgcolor="#993333" onMouseOver="View('993333');" onClick="Set('993333');"></td>
-<td class="color" bgcolor="#996633" onMouseOver="View('996633');" onClick="Set('996633');"></td>
-<td class="color" bgcolor="#999933" onMouseOver="View('999933');" onClick="Set('999933');"></td>
-<td class="color" bgcolor="#99CC33" onMouseOver="View('99CC33');" onClick="Set('99CC33');"></td>
-<td class="color" bgcolor="#99FF33" onMouseOver="View('99FF33');" onClick="Set('99FF33');"></td>
-<td class="color" bgcolor="#CC0033" onMouseOver="View('CC0033');" onClick="Set('CC0033');"></td>
-<td class="color" bgcolor="#CC3333" onMouseOver="View('CC3333');" onClick="Set('CC3333');"></td>
-<td class="color" bgcolor="#CC6633" onMouseOver="View('CC6633');" onClick="Set('CC6633');"></td>
-<td class="color" bgcolor="#CC9933" onMouseOver="View('CC9933');" onClick="Set('CC9933');"></td>
-<td class="color" bgcolor="#CCCC33" onMouseOver="View('CCCC33');" onClick="Set('CCCC33');"></td>
-<td class="color" bgcolor="#CCFF33" onMouseOver="View('CCFF33');" onClick="Set('CCFF33');"></td>
-<td class="color" bgcolor="#FF0033" onMouseOver="View('FF0033');" onClick="Set('FF0033');"></td>
-<td class="color" bgcolor="#FF3333" onMouseOver="View('FF3333');" onClick="Set('FF3333');"></td>
-<td class="color" bgcolor="#FF6633" onMouseOver="View('FF6633');" onClick="Set('FF6633');"></td>
-<td class="color" bgcolor="#FF9933" onMouseOver="View('FF9933');" onClick="Set('FF9933');"></td>
-<td class="color" bgcolor="#FFCC33" onMouseOver="View('FFCC33');" onClick="Set('FFCC33');"></td>
-<td class="color" bgcolor="#FFFF33" onMouseOver="View('FFFF33');" onClick="Set('FFFF33');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990066" onMouseOver="View('990066');" onClick="Set('990066');"></td>
-<td class="color" bgcolor="#993366" onMouseOver="View('993366');" onClick="Set('993366');"></td>
-<td class="color" bgcolor="#996666" onMouseOver="View('996666');" onClick="Set('996666');"></td>
-<td class="color" bgcolor="#999966" onMouseOver="View('999966');" onClick="Set('999966');"></td>
-<td class="color" bgcolor="#99CC66" onMouseOver="View('99CC66');" onClick="Set('99CC66');"></td>
-<td class="color" bgcolor="#99FF66" onMouseOver="View('99FF66');" onClick="Set('99FF66');"></td>
-<td class="color" bgcolor="#CC0066" onMouseOver="View('CC0066');" onClick="Set('CC0066');"></td>
-<td class="color" bgcolor="#CC3366" onMouseOver="View('CC3366');" onClick="Set('CC3366');"></td>
-<td class="color" bgcolor="#CC6666" onMouseOver="View('CC6666');" onClick="Set('CC6666');"></td>
-<td class="color" bgcolor="#CC9966" onMouseOver="View('CC9966');" onClick="Set('CC9966');"></td>
-<td class="color" bgcolor="#CCCC66" onMouseOver="View('CCCC66');" onClick="Set('CCCC66');"></td>
-<td class="color" bgcolor="#CCFF66" onMouseOver="View('CCFF66');" onClick="Set('CCFF66');"></td>
-<td class="color" bgcolor="#FF0066" onMouseOver="View('FF0066');" onClick="Set('FF0066');"></td>
-<td class="color" bgcolor="#FF3366" onMouseOver="View('FF3366');" onClick="Set('FF3366');"></td>
-<td class="color" bgcolor="#FF6666" onMouseOver="View('FF6666');" onClick="Set('FF6666');"></td>
-<td class="color" bgcolor="#FF9966" onMouseOver="View('FF9966');" onClick="Set('FF9966');"></td>
-<td class="color" bgcolor="#FFCC66" onMouseOver="View('FFCC66');" onClick="Set('FFCC66');"></td>
-<td class="color" bgcolor="#FFFF66" onMouseOver="View('FFFF66');" onClick="Set('FFFF66');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990099" onMouseOver="View('990099');" onClick="Set('990099');"></td>
-<td class="color" bgcolor="#993399" onMouseOver="View('993399');" onClick="Set('993399');"></td>
-<td class="color" bgcolor="#996699" onMouseOver="View('996699');" onClick="Set('996699');"></td>
-<td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
-<td class="color" bgcolor="#99CC99" onMouseOver="View('99CC99');" onClick="Set('99CC99');"></td>
-<td class="color" bgcolor="#99FF99" onMouseOver="View('99FF99');" onClick="Set('99FF99');"></td>
-<td class="color" bgcolor="#CC0099" onMouseOver="View('CC0099');" onClick="Set('CC0099');"></td>
-<td class="color" bgcolor="#CC3399" onMouseOver="View('CC3399');" onClick="Set('CC3399');"></td>
-<td class="color" bgcolor="#CC6699" onMouseOver="View('CC6699');" onClick="Set('CC6699');"></td>
-<td class="color" bgcolor="#CC9999" onMouseOver="View('CC9999');" onClick="Set('CC9999');"></td>
-<td class="color" bgcolor="#CCCC99" onMouseOver="View('CCCC99');" onClick="Set('CCCC99');"></td>
-<td class="color" bgcolor="#CCFF99" onMouseOver="View('CCFF99');" onClick="Set('CCFF99');"></td>
-<td class="color" bgcolor="#FF0099" onMouseOver="View('FF0099');" onClick="Set('FF0099');"></td>
-<td class="color" bgcolor="#FF3399" onMouseOver="View('FF3399');" onClick="Set('FF3399');"></td>
-<td class="color" bgcolor="#FF6699" onMouseOver="View('FF6699');" onClick="Set('FF6699');"></td>
-<td class="color" bgcolor="#FF9999" onMouseOver="View('FF9999');" onClick="Set('FF9999');"></td>
-<td class="color" bgcolor="#FFCC99" onMouseOver="View('FFCC99');" onClick="Set('FFCC99');"></td>
-<td class="color" bgcolor="#FFFF99" onMouseOver="View('FFFF99');" onClick="Set('FFFF99');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#9900CC" onMouseOver="View('9900CC');" onClick="Set('9900CC');"></td>
-<td class="color" bgcolor="#9933CC" onMouseOver="View('9933CC');" onClick="Set('9933CC');"></td>
-<td class="color" bgcolor="#9966CC" onMouseOver="View('9966CC');" onClick="Set('9966CC');"></td>
-<td class="color" bgcolor="#9999CC" onMouseOver="View('9999CC');" onClick="Set('9999CC');"></td>
-<td class="color" bgcolor="#99CCCC" onMouseOver="View('99CCCC');" onClick="Set('99CCCC');"></td>
-<td class="color" bgcolor="#99FFCC" onMouseOver="View('99FFCC');" onClick="Set('99FFCC');"></td>
-<td class="color" bgcolor="#CC00CC" onMouseOver="View('CC00CC');" onClick="Set('CC00CC');"></td>
-<td class="color" bgcolor="#CC33CC" onMouseOver="View('CC33CC');" onClick="Set('CC33CC');"></td>
-<td class="color" bgcolor="#CC66CC" onMouseOver="View('CC66CC');" onClick="Set('CC66CC');"></td>
-<td class="color" bgcolor="#CC99CC" onMouseOver="View('CC99CC');" onClick="Set('CC99CC');"></td>
-<td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
-<td class="color" bgcolor="#CCFFCC" onMouseOver="View('CCFFCC');" onClick="Set('CCFFCC');"></td>
-<td class="color" bgcolor="#FF00CC" onMouseOver="View('FF00CC');" onClick="Set('FF00CC');"></td>
-<td class="color" bgcolor="#FF33CC" onMouseOver="View('FF33CC');" onClick="Set('FF33CC');"></td>
-<td class="color" bgcolor="#FF66CC" onMouseOver="View('FF66CC');" onClick="Set('FF66CC');"></td>
-<td class="color" bgcolor="#FF99CC" onMouseOver="View('FF99CC');" onClick="Set('FF99CC');"></td>
-<td class="color" bgcolor="#FFCCCC" onMouseOver="View('FFCCCC');" onClick="Set('FFCCCC');"></td>
-<td class="color" bgcolor="#FFFFCC" onMouseOver="View('FFFFCC');" onClick="Set('FFFFCC');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#9900FF" onMouseOver="View('9900FF');" onClick="Set('9900FF');"></td>
-<td class="color" bgcolor="#9933FF" onMouseOver="View('9933FF');" onClick="Set('9933FF');"></td>
-<td class="color" bgcolor="#9966FF" onMouseOver="View('9966FF');" onClick="Set('9966FF');"></td>
-<td class="color" bgcolor="#9999FF" onMouseOver="View('9999FF');" onClick="Set('9999FF');"></td>
-<td class="color" bgcolor="#99CCFF" onMouseOver="View('99CCFF');" onClick="Set('99CCFF');"></td>
-<td class="color" bgcolor="#99FFFF" onMouseOver="View('99FFFF');" onClick="Set('99FFFF');"></td>
-<td class="color" bgcolor="#CC00FF" onMouseOver="View('CC00FF');" onClick="Set('CC00FF');"></td>
-<td class="color" bgcolor="#CC33FF" onMouseOver="View('CC33FF');" onClick="Set('CC33FF');"></td>
-<td class="color" bgcolor="#CC66FF" onMouseOver="View('CC66FF');" onClick="Set('CC66FF');"></td>
-<td class="color" bgcolor="#CC99FF" onMouseOver="View('CC99FF');" onClick="Set('CC99FF');"></td>
-<td class="color" bgcolor="#CCCCFF" onMouseOver="View('CCCCFF');" onClick="Set('CCCCFF');"></td>
-<td class="color" bgcolor="#CCFFFF" onMouseOver="View('CCFFFF');" onClick="Set('CCFFFF');"></td>
-<td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
-<td class="color" bgcolor="#FF33FF" onMouseOver="View('FF33FF');" onClick="Set('FF33FF');"></td>
-<td class="color" bgcolor="#FF66FF" onMouseOver="View('FF66FF');" onClick="Set('FF66FF');"></td>
-<td class="color" bgcolor="#FF99FF" onMouseOver="View('FF99FF');" onClick="Set('FF99FF');"></td>
-<td class="color" bgcolor="#FFCCFF" onMouseOver="View('FFCCFF');" onClick="Set('FFCCFF');"></td>
-<td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
-</tr>
-</table>
+       <form method="get" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
+               <div id="selectedColor"><div id="ColorPreview"></div><input type="text" name="ColorHex" id="ColorHex" value="" size="15" /></div>
+       </form>
+       <table cellspacing="1" cellpadding="0">
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#003300" onMouseOver="View('003300');" onClick="Set('003300');"></td>
+                       <td class="color" bgcolor="#006600" onMouseOver="View('006600');" onClick="Set('006600');"></td>
+                       <td class="color" bgcolor="#009900" onMouseOver="View('009900');" onClick="Set('009900');"></td>
+                       <td class="color" bgcolor="#00CC00" onMouseOver="View('00CC00');" onClick="Set('00CC00');"></td>
+                       <td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
+                       <td class="color" bgcolor="#330000" onMouseOver="View('330000');" onClick="Set('330000');"></td>
+                       <td class="color" bgcolor="#333300" onMouseOver="View('333300');" onClick="Set('333300');"></td>
+                       <td class="color" bgcolor="#336600" onMouseOver="View('336600');" onClick="Set('336600');"></td>
+                       <td class="color" bgcolor="#339900" onMouseOver="View('339900');" onClick="Set('339900');"></td>
+                       <td class="color" bgcolor="#33CC00" onMouseOver="View('33CC00');" onClick="Set('33CC00');"></td>
+                       <td class="color" bgcolor="#33FF00" onMouseOver="View('33FF00');" onClick="Set('33FF00');"></td>
+                       <td class="color" bgcolor="#660000" onMouseOver="View('660000');" onClick="Set('660000');"></td>
+                       <td class="color" bgcolor="#663300" onMouseOver="View('663300');" onClick="Set('663300');"></td>
+                       <td class="color" bgcolor="#666600" onMouseOver="View('666600');" onClick="Set('666600');"></td>
+                       <td class="color" bgcolor="#669900" onMouseOver="View('669900');" onClick="Set('669900');"></td>
+                       <td class="color" bgcolor="#66CC00" onMouseOver="View('66CC00');" onClick="Set('66CC00');"></td>
+                       <td class="color" bgcolor="#66FF00" onMouseOver="View('66FF00');" onClick="Set('66FF00');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#000033" onMouseOver="View('000033');" onClick="Set('000033');"></td>
+                       <td class="color" bgcolor="#003333" onMouseOver="View('003333');" onClick="Set('003333');"></td>
+                       <td class="color" bgcolor="#006633" onMouseOver="View('006633');" onClick="Set('006633');"></td>
+                       <td class="color" bgcolor="#009933" onMouseOver="View('009933');" onClick="Set('009933');"></td>
+                       <td class="color" bgcolor="#00CC33" onMouseOver="View('00CC33');" onClick="Set('00CC33');"></td>
+                       <td class="color" bgcolor="#00FF33" onMouseOver="View('00FF33');" onClick="Set('00FF33');"></td>
+                       <td class="color" bgcolor="#330033" onMouseOver="View('330033');" onClick="Set('330033');"></td>
+                       <td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
+                       <td class="color" bgcolor="#336633" onMouseOver="View('336633');" onClick="Set('336633');"></td>
+                       <td class="color" bgcolor="#339933" onMouseOver="View('339933');" onClick="Set('339933');"></td>
+                       <td class="color" bgcolor="#33CC33" onMouseOver="View('33CC33');" onClick="Set('33CC33');"></td>
+                       <td class="color" bgcolor="#33FF33" onMouseOver="View('33FF33');" onClick="Set('33FF33');"></td>
+                       <td class="color" bgcolor="#660033" onMouseOver="View('660033');" onClick="Set('660033');"></td>
+                       <td class="color" bgcolor="#663333" onMouseOver="View('663333');" onClick="Set('663333');"></td>
+                       <td class="color" bgcolor="#666633" onMouseOver="View('666633');" onClick="Set('666633');"></td>
+                       <td class="color" bgcolor="#669933" onMouseOver="View('669933');" onClick="Set('669933');"></td>
+                       <td class="color" bgcolor="#66CC33" onMouseOver="View('66CC33');" onClick="Set('66CC33');"></td>
+                       <td class="color" bgcolor="#66FF33" onMouseOver="View('66FF33');" onClick="Set('66FF33');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#000066" onMouseOver="View('000066');" onClick="Set('000066');"></td>
+                       <td class="color" bgcolor="#003366" onMouseOver="View('003366');" onClick="Set('003366');"></td>
+                       <td class="color" bgcolor="#006666" onMouseOver="View('006666');" onClick="Set('006666');"></td>
+                       <td class="color" bgcolor="#009966" onMouseOver="View('009966');" onClick="Set('009966');"></td>
+                       <td class="color" bgcolor="#00CC66" onMouseOver="View('00CC66');" onClick="Set('00CC66');"></td>
+                       <td class="color" bgcolor="#00FF66" onMouseOver="View('00FF66');" onClick="Set('00FF66');"></td>
+                       <td class="color" bgcolor="#330066" onMouseOver="View('330066');" onClick="Set('330066');"></td>
+                       <td class="color" bgcolor="#333366" onMouseOver="View('333366');" onClick="Set('333366');"></td>
+                       <td class="color" bgcolor="#336666" onMouseOver="View('336666');" onClick="Set('336666');"></td>
+                       <td class="color" bgcolor="#339966" onMouseOver="View('339966');" onClick="Set('339966');"></td>
+                       <td class="color" bgcolor="#33CC66" onMouseOver="View('33CC66');" onClick="Set('33CC66');"></td>
+                       <td class="color" bgcolor="#33FF66" onMouseOver="View('33FF66');" onClick="Set('33FF66');"></td>
+                       <td class="color" bgcolor="#660066" onMouseOver="View('660066');" onClick="Set('660066');"></td>
+                       <td class="color" bgcolor="#663366" onMouseOver="View('663366');" onClick="Set('663366');"></td>
+                       <td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
+                       <td class="color" bgcolor="#669966" onMouseOver="View('669966');" onClick="Set('669966');"></td>
+                       <td class="color" bgcolor="#66CC66" onMouseOver="View('66CC66');" onClick="Set('66CC66');"></td>
+                       <td class="color" bgcolor="#66FF66" onMouseOver="View('66FF66');" onClick="Set('66FF66');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#000099" onMouseOver="View('000099');" onClick="Set('000099');"></td>
+                       <td class="color" bgcolor="#003399" onMouseOver="View('003399');" onClick="Set('003399');"></td>
+                       <td class="color" bgcolor="#006699" onMouseOver="View('006699');" onClick="Set('006699');"></td>
+                       <td class="color" bgcolor="#009999" onMouseOver="View('009999');" onClick="Set('009999');"></td>
+                       <td class="color" bgcolor="#00CC99" onMouseOver="View('00CC99');" onClick="Set('00CC99');"></td>
+                       <td class="color" bgcolor="#00FF99" onMouseOver="View('00FF99');" onClick="Set('00FF99');"></td>
+                       <td class="color" bgcolor="#330099" onMouseOver="View('330099');" onClick="Set('330099');"></td>
+                       <td class="color" bgcolor="#333399" onMouseOver="View('333399');" onClick="Set('333399');"></td>
+                       <td class="color" bgcolor="#336699" onMouseOver="View('336699');" onClick="Set('336699');"></td>
+                       <td class="color" bgcolor="#339999" onMouseOver="View('339999');" onClick="Set('339999');"></td>
+                       <td class="color" bgcolor="#33CC99" onMouseOver="View('33CC99');" onClick="Set('33CC99');"></td>
+                       <td class="color" bgcolor="#33FF99" onMouseOver="View('33FF99');" onClick="Set('33FF99');"></td>
+                       <td class="color" bgcolor="#660099" onMouseOver="View('660099');" onClick="Set('660099');"></td>
+                       <td class="color" bgcolor="#663399" onMouseOver="View('663399');" onClick="Set('663399');"></td>
+                       <td class="color" bgcolor="#666699" onMouseOver="View('666699');" onClick="Set('666699');"></td>
+                       <td class="color" bgcolor="#669999" onMouseOver="View('669999');" onClick="Set('669999');"></td>
+                       <td class="color" bgcolor="#66CC99" onMouseOver="View('66CC99');" onClick="Set('66CC99');"></td>
+                       <td class="color" bgcolor="#66FF99" onMouseOver="View('66FF99');" onClick="Set('66FF99');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#0000CC" onMouseOver="View('0000CC');" onClick="Set('0000CC');"></td>
+                       <td class="color" bgcolor="#0033CC" onMouseOver="View('0033CC');" onClick="Set('0033CC');"></td>
+                       <td class="color" bgcolor="#0066CC" onMouseOver="View('0066CC');" onClick="Set('0066CC');"></td>
+                       <td class="color" bgcolor="#0099CC" onMouseOver="View('0099CC');" onClick="Set('0099CC');"></td>
+                       <td class="color" bgcolor="#00CCCC" onMouseOver="View('00CCCC');" onClick="Set('00CCCC');"></td>
+                       <td class="color" bgcolor="#00FFCC" onMouseOver="View('00FFCC');" onClick="Set('00FFCC');"></td>
+                       <td class="color" bgcolor="#3300CC" onMouseOver="View('3300CC');" onClick="Set('3300CC');"></td>
+                       <td class="color" bgcolor="#3333CC" onMouseOver="View('3333CC');" onClick="Set('3333CC');"></td>
+                       <td class="color" bgcolor="#3366CC" onMouseOver="View('3366CC');" onClick="Set('3366CC');"></td>
+                       <td class="color" bgcolor="#3399CC" onMouseOver="View('3399CC');" onClick="Set('3399CC');"></td>
+                       <td class="color" bgcolor="#33CCCC" onMouseOver="View('33CCCC');" onClick="Set('33CCCC');"></td>
+                       <td class="color" bgcolor="#33FFCC" onMouseOver="View('33FFCC');" onClick="Set('33FFCC');"></td>
+                       <td class="color" bgcolor="#6600CC" onMouseOver="View('6600CC');" onClick="Set('6600CC');"></td>
+                       <td class="color" bgcolor="#6633CC" onMouseOver="View('6633CC');" onClick="Set('6633CC');"></td>
+                       <td class="color" bgcolor="#6666CC" onMouseOver="View('6666CC');" onClick="Set('6666CC');"></td>
+                       <td class="color" bgcolor="#6699CC" onMouseOver="View('6699CC');" onClick="Set('6699CC');"></td>
+                       <td class="color" bgcolor="#66CCCC" onMouseOver="View('66CCCC');" onClick="Set('66CCCC');"></td>
+                       <td class="color" bgcolor="#66FFCC" onMouseOver="View('66FFCC');" onClick="Set('66FFCC');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
+                       <td class="color" bgcolor="#0033FF" onMouseOver="View('0033FF');" onClick="Set('0033FF');"></td>
+                       <td class="color" bgcolor="#0066FF" onMouseOver="View('0066FF');" onClick="Set('0066FF');"></td>
+                       <td class="color" bgcolor="#0099FF" onMouseOver="View('0099FF');" onClick="Set('0099FF');"></td>
+                       <td class="color" bgcolor="#00CCFF" onMouseOver="View('00CCFF');" onClick="Set('00CCFF');"></td>
+                       <td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
+                       <td class="color" bgcolor="#3300FF" onMouseOver="View('3300FF');" onClick="Set('3300FF');"></td>
+                       <td class="color" bgcolor="#3333FF" onMouseOver="View('3333FF');" onClick="Set('3333FF');"></td>
+                       <td class="color" bgcolor="#3366FF" onMouseOver="View('3366FF');" onClick="Set('3366FF');"></td>
+                       <td class="color" bgcolor="#3399FF" onMouseOver="View('3399FF');" onClick="Set('3399FF');"></td>
+                       <td class="color" bgcolor="#33CCFF" onMouseOver="View('33CCFF');" onClick="Set('33CCFF');"></td>
+                       <td class="color" bgcolor="#33FFFF" onMouseOver="View('33FFFF');" onClick="Set('33FFFF');"></td>
+                       <td class="color" bgcolor="#6600FF" onMouseOver="View('6600FF');" onClick="Set('6600FF');"></td>
+                       <td class="color" bgcolor="#6633FF" onMouseOver="View('6633FF');" onClick="Set('6633FF');"></td>
+                       <td class="color" bgcolor="#6666FF" onMouseOver="View('6666FF');" onClick="Set('6666FF');"></td>
+                       <td class="color" bgcolor="#6699FF" onMouseOver="View('6699FF');" onClick="Set('6699FF');"></td>
+                       <td class="color" bgcolor="#66CCFF" onMouseOver="View('66CCFF');" onClick="Set('66CCFF');"></td>
+                       <td class="color" bgcolor="#66FFFF" onMouseOver="View('66FFFF');" onClick="Set('66FFFF');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#990000" onMouseOver="View('990000');" onClick="Set('990000');"></td>
+                       <td class="color" bgcolor="#993300" onMouseOver="View('993300');" onClick="Set('993300');"></td>
+                       <td class="color" bgcolor="#996600" onMouseOver="View('996600');" onClick="Set('996600');"></td>
+                       <td class="color" bgcolor="#999900" onMouseOver="View('999900');" onClick="Set('999900');"></td>
+                       <td class="color" bgcolor="#99CC00" onMouseOver="View('99CC00');" onClick="Set('99CC00');"></td>
+                       <td class="color" bgcolor="#99FF00" onMouseOver="View('99FF00');" onClick="Set('99FF00');"></td>
+                       <td class="color" bgcolor="#CC0000" onMouseOver="View('CC0000');" onClick="Set('CC0000');"></td>
+                       <td class="color" bgcolor="#CC3300" onMouseOver="View('CC3300');" onClick="Set('CC3300');"></td>
+                       <td class="color" bgcolor="#CC6600" onMouseOver="View('CC6600');" onClick="Set('CC6600');"></td>
+                       <td class="color" bgcolor="#CC9900" onMouseOver="View('CC9900');" onClick="Set('CC9900');"></td>
+                       <td class="color" bgcolor="#CCCC00" onMouseOver="View('CCCC00');" onClick="Set('CCCC00');"></td>
+                       <td class="color" bgcolor="#CCFF00" onMouseOver="View('CCFF00');" onClick="Set('CCFF00');"></td>
+                       <td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
+                       <td class="color" bgcolor="#FF3300" onMouseOver="View('FF3300');" onClick="Set('FF3300');"></td>
+                       <td class="color" bgcolor="#FF6600" onMouseOver="View('FF6600');" onClick="Set('FF6600');"></td>
+                       <td class="color" bgcolor="#FF9900" onMouseOver="View('FF9900');" onClick="Set('FF9900');"></td>
+                       <td class="color" bgcolor="#FFCC00" onMouseOver="View('FFCC00');" onClick="Set('FFCC00');"></td>
+                       <td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#990033" onMouseOver="View('990033');" onClick="Set('990033');"></td>
+                       <td class="color" bgcolor="#993333" onMouseOver="View('993333');" onClick="Set('993333');"></td>
+                       <td class="color" bgcolor="#996633" onMouseOver="View('996633');" onClick="Set('996633');"></td>
+                       <td class="color" bgcolor="#999933" onMouseOver="View('999933');" onClick="Set('999933');"></td>
+                       <td class="color" bgcolor="#99CC33" onMouseOver="View('99CC33');" onClick="Set('99CC33');"></td>
+                       <td class="color" bgcolor="#99FF33" onMouseOver="View('99FF33');" onClick="Set('99FF33');"></td>
+                       <td class="color" bgcolor="#CC0033" onMouseOver="View('CC0033');" onClick="Set('CC0033');"></td>
+                       <td class="color" bgcolor="#CC3333" onMouseOver="View('CC3333');" onClick="Set('CC3333');"></td>
+                       <td class="color" bgcolor="#CC6633" onMouseOver="View('CC6633');" onClick="Set('CC6633');"></td>
+                       <td class="color" bgcolor="#CC9933" onMouseOver="View('CC9933');" onClick="Set('CC9933');"></td>
+                       <td class="color" bgcolor="#CCCC33" onMouseOver="View('CCCC33');" onClick="Set('CCCC33');"></td>
+                       <td class="color" bgcolor="#CCFF33" onMouseOver="View('CCFF33');" onClick="Set('CCFF33');"></td>
+                       <td class="color" bgcolor="#FF0033" onMouseOver="View('FF0033');" onClick="Set('FF0033');"></td>
+                       <td class="color" bgcolor="#FF3333" onMouseOver="View('FF3333');" onClick="Set('FF3333');"></td>
+                       <td class="color" bgcolor="#FF6633" onMouseOver="View('FF6633');" onClick="Set('FF6633');"></td>
+                       <td class="color" bgcolor="#FF9933" onMouseOver="View('FF9933');" onClick="Set('FF9933');"></td>
+                       <td class="color" bgcolor="#FFCC33" onMouseOver="View('FFCC33');" onClick="Set('FFCC33');"></td>
+                       <td class="color" bgcolor="#FFFF33" onMouseOver="View('FFFF33');" onClick="Set('FFFF33');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#990066" onMouseOver="View('990066');" onClick="Set('990066');"></td>
+                       <td class="color" bgcolor="#993366" onMouseOver="View('993366');" onClick="Set('993366');"></td>
+                       <td class="color" bgcolor="#996666" onMouseOver="View('996666');" onClick="Set('996666');"></td>
+                       <td class="color" bgcolor="#999966" onMouseOver="View('999966');" onClick="Set('999966');"></td>
+                       <td class="color" bgcolor="#99CC66" onMouseOver="View('99CC66');" onClick="Set('99CC66');"></td>
+                       <td class="color" bgcolor="#99FF66" onMouseOver="View('99FF66');" onClick="Set('99FF66');"></td>
+                       <td class="color" bgcolor="#CC0066" onMouseOver="View('CC0066');" onClick="Set('CC0066');"></td>
+                       <td class="color" bgcolor="#CC3366" onMouseOver="View('CC3366');" onClick="Set('CC3366');"></td>
+                       <td class="color" bgcolor="#CC6666" onMouseOver="View('CC6666');" onClick="Set('CC6666');"></td>
+                       <td class="color" bgcolor="#CC9966" onMouseOver="View('CC9966');" onClick="Set('CC9966');"></td>
+                       <td class="color" bgcolor="#CCCC66" onMouseOver="View('CCCC66');" onClick="Set('CCCC66');"></td>
+                       <td class="color" bgcolor="#CCFF66" onMouseOver="View('CCFF66');" onClick="Set('CCFF66');"></td>
+                       <td class="color" bgcolor="#FF0066" onMouseOver="View('FF0066');" onClick="Set('FF0066');"></td>
+                       <td class="color" bgcolor="#FF3366" onMouseOver="View('FF3366');" onClick="Set('FF3366');"></td>
+                       <td class="color" bgcolor="#FF6666" onMouseOver="View('FF6666');" onClick="Set('FF6666');"></td>
+                       <td class="color" bgcolor="#FF9966" onMouseOver="View('FF9966');" onClick="Set('FF9966');"></td>
+                       <td class="color" bgcolor="#FFCC66" onMouseOver="View('FFCC66');" onClick="Set('FFCC66');"></td>
+                       <td class="color" bgcolor="#FFFF66" onMouseOver="View('FFFF66');" onClick="Set('FFFF66');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#990099" onMouseOver="View('990099');" onClick="Set('990099');"></td>
+                       <td class="color" bgcolor="#993399" onMouseOver="View('993399');" onClick="Set('993399');"></td>
+                       <td class="color" bgcolor="#996699" onMouseOver="View('996699');" onClick="Set('996699');"></td>
+                       <td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
+                       <td class="color" bgcolor="#99CC99" onMouseOver="View('99CC99');" onClick="Set('99CC99');"></td>
+                       <td class="color" bgcolor="#99FF99" onMouseOver="View('99FF99');" onClick="Set('99FF99');"></td>
+                       <td class="color" bgcolor="#CC0099" onMouseOver="View('CC0099');" onClick="Set('CC0099');"></td>
+                       <td class="color" bgcolor="#CC3399" onMouseOver="View('CC3399');" onClick="Set('CC3399');"></td>
+                       <td class="color" bgcolor="#CC6699" onMouseOver="View('CC6699');" onClick="Set('CC6699');"></td>
+                       <td class="color" bgcolor="#CC9999" onMouseOver="View('CC9999');" onClick="Set('CC9999');"></td>
+                       <td class="color" bgcolor="#CCCC99" onMouseOver="View('CCCC99');" onClick="Set('CCCC99');"></td>
+                       <td class="color" bgcolor="#CCFF99" onMouseOver="View('CCFF99');" onClick="Set('CCFF99');"></td>
+                       <td class="color" bgcolor="#FF0099" onMouseOver="View('FF0099');" onClick="Set('FF0099');"></td>
+                       <td class="color" bgcolor="#FF3399" onMouseOver="View('FF3399');" onClick="Set('FF3399');"></td>
+                       <td class="color" bgcolor="#FF6699" onMouseOver="View('FF6699');" onClick="Set('FF6699');"></td>
+                       <td class="color" bgcolor="#FF9999" onMouseOver="View('FF9999');" onClick="Set('FF9999');"></td>
+                       <td class="color" bgcolor="#FFCC99" onMouseOver="View('FFCC99');" onClick="Set('FFCC99');"></td>
+                       <td class="color" bgcolor="#FFFF99" onMouseOver="View('FFFF99');" onClick="Set('FFFF99');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#9900CC" onMouseOver="View('9900CC');" onClick="Set('9900CC');"></td>
+                       <td class="color" bgcolor="#9933CC" onMouseOver="View('9933CC');" onClick="Set('9933CC');"></td>
+                       <td class="color" bgcolor="#9966CC" onMouseOver="View('9966CC');" onClick="Set('9966CC');"></td>
+                       <td class="color" bgcolor="#9999CC" onMouseOver="View('9999CC');" onClick="Set('9999CC');"></td>
+                       <td class="color" bgcolor="#99CCCC" onMouseOver="View('99CCCC');" onClick="Set('99CCCC');"></td>
+                       <td class="color" bgcolor="#99FFCC" onMouseOver="View('99FFCC');" onClick="Set('99FFCC');"></td>
+                       <td class="color" bgcolor="#CC00CC" onMouseOver="View('CC00CC');" onClick="Set('CC00CC');"></td>
+                       <td class="color" bgcolor="#CC33CC" onMouseOver="View('CC33CC');" onClick="Set('CC33CC');"></td>
+                       <td class="color" bgcolor="#CC66CC" onMouseOver="View('CC66CC');" onClick="Set('CC66CC');"></td>
+                       <td class="color" bgcolor="#CC99CC" onMouseOver="View('CC99CC');" onClick="Set('CC99CC');"></td>
+                       <td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
+                       <td class="color" bgcolor="#CCFFCC" onMouseOver="View('CCFFCC');" onClick="Set('CCFFCC');"></td>
+                       <td class="color" bgcolor="#FF00CC" onMouseOver="View('FF00CC');" onClick="Set('FF00CC');"></td>
+                       <td class="color" bgcolor="#FF33CC" onMouseOver="View('FF33CC');" onClick="Set('FF33CC');"></td>
+                       <td class="color" bgcolor="#FF66CC" onMouseOver="View('FF66CC');" onClick="Set('FF66CC');"></td>
+                       <td class="color" bgcolor="#FF99CC" onMouseOver="View('FF99CC');" onClick="Set('FF99CC');"></td>
+                       <td class="color" bgcolor="#FFCCCC" onMouseOver="View('FFCCCC');" onClick="Set('FFCCCC');"></td>
+                       <td class="color" bgcolor="#FFFFCC" onMouseOver="View('FFFFCC');" onClick="Set('FFFFCC');"></td>
+               </tr>
+               <tr>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
+                       <td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+                       <td class="color" bgcolor="#9900FF" onMouseOver="View('9900FF');" onClick="Set('9900FF');"></td>
+                       <td class="color" bgcolor="#9933FF" onMouseOver="View('9933FF');" onClick="Set('9933FF');"></td>
+                       <td class="color" bgcolor="#9966FF" onMouseOver="View('9966FF');" onClick="Set('9966FF');"></td>
+                       <td class="color" bgcolor="#9999FF" onMouseOver="View('9999FF');" onClick="Set('9999FF');"></td>
+                       <td class="color" bgcolor="#99CCFF" onMouseOver="View('99CCFF');" onClick="Set('99CCFF');"></td>
+                       <td class="color" bgcolor="#99FFFF" onMouseOver="View('99FFFF');" onClick="Set('99FFFF');"></td>
+                       <td class="color" bgcolor="#CC00FF" onMouseOver="View('CC00FF');" onClick="Set('CC00FF');"></td>
+                       <td class="color" bgcolor="#CC33FF" onMouseOver="View('CC33FF');" onClick="Set('CC33FF');"></td>
+                       <td class="color" bgcolor="#CC66FF" onMouseOver="View('CC66FF');" onClick="Set('CC66FF');"></td>
+                       <td class="color" bgcolor="#CC99FF" onMouseOver="View('CC99FF');" onClick="Set('CC99FF');"></td>
+                       <td class="color" bgcolor="#CCCCFF" onMouseOver="View('CCCCFF');" onClick="Set('CCCCFF');"></td>
+                       <td class="color" bgcolor="#CCFFFF" onMouseOver="View('CCFFFF');" onClick="Set('CCFFFF');"></td>
+                       <td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
+                       <td class="color" bgcolor="#FF33FF" onMouseOver="View('FF33FF');" onClick="Set('FF33FF');"></td>
+                       <td class="color" bgcolor="#FF66FF" onMouseOver="View('FF66FF');" onClick="Set('FF66FF');"></td>
+                       <td class="color" bgcolor="#FF99FF" onMouseOver="View('FF99FF');" onClick="Set('FF99FF');"></td>
+                       <td class="color" bgcolor="#FFCCFF" onMouseOver="View('FFCCFF');" onClick="Set('FFCCFF');"></td>
+                       <td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
+               </tr>
+       </table>
 </div>
 </body>
 </html>
-
index e867441..bde50a6 100644 (file)
@@ -1,7 +1,7 @@
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -63,10 +63,10 @@ DefaultImage = HTMLArea.Plugin.extend({
                var pluginInformation = {
                        version         : "1.0",
                        developer       : "Stanislas Rolland",
-                       developerUrl    : "http://www.fructifor.ca/",
+                       developerUrl    : "http://www.ajbr.ca/",
                        copyrightOwner  : "Stanislas Rolland",
-                       sponsor         : "Fructifor Inc.",
-                       sponsorUrl      : "http://www.fructifor.ca/",
+                       sponsor         : "SJBR",
+                       sponsorUrl      : "http://www.sjbr.ca/",
                        license         : "GPL"
                };
                this.registerPluginInformation(pluginInformation);
@@ -129,7 +129,7 @@ DefaultImage = HTMLArea.Plugin.extend({
                }
                this.image = image;
                
-               this.dialog = this.openDialog("InsertImage", this.makeUrlFromPopupName("insert_image"), "insertImage", outparam, {width:580, height:495});
+               this.dialog = this.openDialog("InsertImage", this.makeUrlFromPopupName("insert_image"), "insertImage", outparam, {width:600, height:610});
                return false;
        },
        
index ba94f83..ab5b01f 100644 (file)
@@ -1,10 +1,13 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -35,7 +38,7 @@
  * TYPO3 SVN ID: $Id$
  */
 -->
-<html class="popupwin">
+<html>
 <head>
        <title>Insert Image</title>
        <meta http-equiv="Content-Style-Type" content="text/css" />
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-default-image" onload="Init();">
+<div id="content">
 <div class="title">Insert Image</div>
 <form action="" method="get">
-       <label for="f_url" class="field">Image URL:</label>
-       <input type="text" id="f_url" name="url" size="65" title="Enter the image URL here" />
-       <button name="preview" onclick="return onPreview();" title="Preview the image in a new window">Preview</button>
+       <div id="image">
+               <label for="f_url" class="field">Image URL:</label>
+               <input type="text" id="f_url" name="url" size="45" title="Enter the image URL here" />
+               <button class="preview" name="preview" onclick="return onPreview();" title="Preview the image in a new window">Preview</button>
+       </div>
        <div class="space"></div>
        <div id="alt">
                <label for="f_alt" class="field">Alternate text:</label>
-               <input type="text" name="alt" id="f_alt" size="80" title="For browsers that dont support images" />
+               <input type="text" name="alt" id="f_alt" size="55" title="For browsers that dont support images" />
        </div>
        <div class="space"></div>
-       <fieldset id="layout" class="floating">
+       <fieldset id="layout">
                <legend>Layout</legend>
                <ul>
                        <li id="align">
                        </li>
                </ul>
        </fieldset>
-       <div class="space" style="clear: both;"></div>
+       <div class="space"></div>
        <fieldset>
                <legend>Image Preview</legend>
                        <div class="imagepreview">
                <button type="button" name="ok" onclick="return onOK();">OK</button>
                <button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
        </div>
+       <div class="space"></div>
 </form>
+</div>
 </body>
 </html>
index 2113689..71bdff4 100644 (file)
@@ -1,7 +1,7 @@
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -53,10 +53,10 @@ DefaultLink = HTMLArea.Plugin.extend({
                var pluginInformation = {
                        version         : "1.0",
                        developer       : "Stanislas Rolland",
-                       developerUrl    : "http://www.fructifor.ca/",
+                       developerUrl    : "http://www.sjbr.ca/",
                        copyrightOwner  : "Stanislas Rolland",
-                       sponsor         : "Fructifor Inc.",
-                       sponsorUrl      : "http://www.fructifor.ca/",
+                       sponsor         : "SJBR",
+                       sponsorUrl      : "http://www.sjbr.ca/",
                        license         : "GPL"
                };
                this.registerPluginInformation(pluginInformation);
@@ -125,7 +125,7 @@ DefaultLink = HTMLArea.Plugin.extend({
                }
                
                this.link = link;
-               this.dialog = this.openDialog("CreateLink", this.makeUrlFromPopupName("link"), "createLink", paramameters, {width:450, height:145});
+               this.dialog = this.openDialog("CreateLink", this.makeUrlFromPopupName("link"), "createLink", paramameters, {width:570, height:150});
                return false;
        },
        
index a8848a5..ec856b8 100644 (file)
@@ -1,10 +1,13 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -35,7 +38,7 @@
  * TYPO3 SVN ID: $Id$
  */
 --> 
-<html class="popupwin">
+<html>
 <head>
        <title>Insert Image</title>
        <meta http-equiv="Content-Style-Type" content="text/css" />
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init()">
+<body class="popupwin hrmlarea-default-link" onload="Init()">
 <div id="content">
 <div class="title">Insert/Modify Link</div>
 <form action="" method="get">
-       <label for="f_href" class="field">URL:</label>
-       <input type="text" id="f_href" size="65" title="link_href_tooltip" />
+       <div id="url">
+               <label for="f_href" class="field">URL:</label>
+               <input type="text" id="f_href" size="65" title="link_href_tooltip" />
+       </div>
        <div class="space"></div>
-       <label for="f_title" class="field">Title (tooltip):</label>
-       <input type="text" id="f_title" size="65" title="link_title_tooltip" />
+       <div id="title">
+               <label for="f_title" class="field">Title (tooltip):</label>
+               <input type="text" id="f_title" size="65" title="link_title_tooltip" />
+       </div>
        <div class="space"></div>
        <div id="target">
                <label for="f_target" class="field">Target:</label>
                <button type="button" name="ok" onclick="return onOK();">OK</button>
                <button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
        </div>
+       <br />
 </form>
 </div>
 </body>
index ff4e3eb..f320323 100644 (file)
@@ -51,7 +51,7 @@ FindReplace = HTMLArea.Plugin.extend({
                        developer       : "Cau Guanabara & Stanislas Rolland",
                        developerUrl    : "mailto:caugb@ibest.com.br",
                        copyrightOwner  : "Cau Guanabara & Stanislas Rolland",
-                       sponsor         : "Independent production & Fructifor Inc.",
+                       sponsor         : "Independent production & SJBR",
                        sponsorUrl      : "http://www.netflash.com.br/gb/HA3-rc1/examples/find-replace.html",
                        license         : "GPL"
                };
@@ -69,7 +69,7 @@ FindReplace = HTMLArea.Plugin.extend({
                };
                this.registerButton(buttonConfiguration);
 
-               this.popupWidth = 420;
+               this.popupWidth = 400;
                this.popupHeight = 360;
 
                return true;
index eed5627..4599ecd 100644 (file)
@@ -1,10 +1,13 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2004 Cau guanabara <caugb@ibest.com.br>
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -63,8 +66,8 @@
                        } else {
                                document.getElementById('fr_pattern').focus();
                        }
-                       dialog.initialize();
                        document.body.onkeypress = onKeyPress;
+                       dialog.initialize();
                };
                function requestReplacement() {
                        if (!document.getElementById("fr_replacement").value && document.getElementById("fr_replaceall").checked) {
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-find-replace" onload="Init();">
 <div id="content">
 <div class="title">Find and Replace</div>
 <form action="" method="get">
-       <dl>
-               <dt>
-                       <label for="fr_pattern" class="field">Search for:</label>
-               </dt>
-               <dd>
+       <fieldset>
+               <div>
+                       <label for="fr_pattern">Search for:</label><br />
                        <input id="fr_pattern" type="text" size="35" onFocus="this.select();">
-               </dd>
-               <dt>
-                       <label for="fr_replacement" class="field">Replace with:</label>
-               </dt>
-               <dd>
+               </div>
+               <div>
+                       <label for="fr_replacement">Replace with:</label><br />
                        <input id="fr_replacement" type="text" size="35" onFocus="this.select();">
-               </dd>
-       </dl>
+               </div>
+       </fieldset>
        <fieldset>
                <legend>Options</legend>
-               <ul>
-                       <li>
-                               <input id="fr_words" type="checkbox" checked onClick="clearDoc();">
+               <div>
+                               <input id="fr_words" type="checkbox" checked="checked" onClick="clearDoc();">
                                <label for="fr_words" class="long-label">Whole words only</label>
-                       </li>
-                       <li>
+               </div>
+               <div>
                                <input id="fr_matchcase" type="checkbox" onClick="clearDoc();">
                                <label for="fr_matchcase" class="long-label">Case sensitive search</label>
-                       </li>
-                       <li>
+               </div>
+               <div>
                                <input id="fr_replaceall" type="checkbox" onClick="requestReplacement();">
                                <label for="fr_replaceall" class="long-label">Substitute all occurrences</label>
-                       </li>
-               </ul>
+               </div>
        </fieldset>
        <fieldset>
                <legend>Actions</legend>
-               <ul>
-                       <li>
+               <div>
                                <button type="button" class="long-button" id="fr_clear" onClick="clearMarks();">Clear</button>
-                       </li>
-                       <li>
+               </div>
+               <div>
                                <button type="button" class="long-button" id="fr_hiliteall" onClick="hiliteAll();">Highlight</button>
-                       </li>
-                       <li>
+               </div>
+               <div>
                                <button type="button" class="long-button" id="fr_undo" onClick="resetContents();">Undo</button>
-                       </li>
-               </ul>
+               </div>
        </fieldset>
-       <div class="space"></div>
        <div class="buttons">
                <button type="button" id="fr_go" onclick="return onOK();">Next</button>
                <button type="button" name="cancel" onclick="return onCancel();">Done</button>
index 4453beb..8d78047 100644 (file)
@@ -93,7 +93,7 @@ InsertSmiley = HTMLArea.Plugin.extend({
                        param.editor_url = document.URL;
                        param.editor_url = param.editor_url.replace(/^(.*\/).*\/.*$/g, "$1");
                }
-               this.dialog = this.openDialog("InsertSmiley", this.makeUrlFromPopupName("insertsmiley"), "insertImageTag", param, {width:250, height:220});
+               this.dialog = this.openDialog("InsertSmiley", this.makeUrlFromPopupName("insertsmiley"), "insertImageTag", param, {width:250, height:230});
        },
 
        /*
index 3d6adf3..88c4f73 100644 (file)
@@ -1,4 +1,7 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
                                } else {
                                        inum = i;
                                }
-                               trow.insertCell((i - 1) % 4).innerHTML = "<a href=\"javascript:onOK('" + inum + "')\"><img style=\"border: 0px;\" alt=\"Smiley " + + i + "\" src=\""+ param.editor_url +"plugins/InsertSmiley/smileys/" + inum + ".gif\" />";
+                               trow.insertCell((i - 1) % 4).innerHTML = "<a href=\"javascript:onOK('" + inum + "')\"><img alt=\"Smiley " + + i + "\" src=\""+ param.editor_url +"plugins/InsertSmiley/smileys/" + inum + ".gif\" />";
+                       }
+                       if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+                               setTimeout( function() { dialog.resize(); }, 200);
+                       } else {
+                               dialog.resize();
                        }
-                       dialog.resize();
                };
 
                function onOK(smileynum) {
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-insert-smiley"" onload="Init();">
 <div id="content">
 <div class="title">Insert Smiley</div>
 <form action="" method="get">
-       <div class="smileytable" style="text-align: center;">
+       <div class="smileytable">
                <table id="smileytable" name="smileytable"></table>
        </div>
        <div class="space"></div>
        <div class="buttons">
                <button type="button" onclick="return onCancel();">Cancel</button>
        </div>
-       <br />
 </form>
 </div>
 </body>
index d7c2af3..867909b 100644 (file)
@@ -1,10 +1,13 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!-- 
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2004 Cau guanabara <caugb@ibest.com.br>
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -48,7 +51,7 @@
                var CSSEdit = false;
                
                function Init() {
-                       dialog.initialize();
+                       dialog.initialize(false,true);
                        
                        createDropdown("tags");
                        var to = document.getElementById('tagopen');
                        document.getElementById('bt_colors').style.display = "none";
                        document.body.onkeypress = onKeyPress;
                        to.focus();
+                       if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+                               setTimeout( function() { dialog.resize(); }, 200);
+                       } else {
+                               dialog.resize();
+                       }
                };
 
                function onCancel() {
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-quick-tag" onload="Init();">
 <div class="title">Quick Tag Editor</div>
 <form action="" method="get">
-       <div style="text-align: center; padding: 3px; background-color: #e9e9e9;"> 
-               <strong style="font-size: 14px;">&lt;</strong>
-               <input id="tagopen" type="text" style="background-color: #e9e9e9; width: 370px; border-width: 0px;" />
-               <strong style="font-size: 14px;">&gt;</strong>
+       <div id="tag">
+               <strong>&lt;</strong>
+               <input id="tagopen" type="text" />
+               <strong>&gt;</strong>
        </div>
        <div class="space"></div>
-       <div id="showselect" style="position: absolute; left: 7px; top: 81px; width: 150px; z-index: 100; visibility: visible; height: 13px; color: red;"></div>
+       <div id="showselect"></div>
        <div class="buttons">
-               <button type="button" id="bt_colors" onclick="colors();">Colors</button> 
+               <button type="button" id="bt_colors" onclick="colors();">Colors</button>
                <button type="button" id="bt_ok" onclick="return onOK();">Ok</button>
                <button type="button" onclick="return onCancel();">Cancel</button>
        </div>
index cfe51a6..1c405aa 100644 (file)
@@ -56,7 +56,7 @@ QuickTag = HTMLArea.Plugin.extend({
                        developer       : "Cau Guanabara & Stanislas Rolland",
                        developerUrl    : "mailto:caugb@ibest.com.br",
                        copyrightOwner  : "Cau Guanabara & Stanislas Rolland",
-                       sponsor         : "Independent production & Fructifor Inc.",
+                       sponsor         : "Independent production & SJBR",
                        sponsorUrl      : "http://www.netflash.com.br/gb/HA3-rc1/examples/quick-tag.html",
                        license         : "GPL"
                };
@@ -88,7 +88,7 @@ QuickTag = HTMLArea.Plugin.extend({
         * @return      boolean         false if action is completed
         */
        onButtonPress : function(editor, id, target) {
-               this.dialog = this.openDialog("InsertTag", this.makeUrlFromPopupName("quicktag"), "setTag", null, {width:450, height:108});
+               this.dialog = this.openDialog("InsertTag", this.makeUrlFromPopupName("quicktag"), "setTag", null, {width:470, height:115});
        },
 
        /*
index 276a88e..2fac7e4 100644 (file)
@@ -1,9 +1,12 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
                /*]]>*/
        </script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-remove-format" onload="Init();">
 <div id="content">
 <div class="title">Remove formatting</div>
 <form action="" method="get">
        <fieldset>
-               <legend><span>Cleaning Area</span></legend>
-                       <label for="clean_selection"><span>Selection</span></label> <input type="radio" name="cleaning_area" id="clean_selection" value="selection" />
-                       <label for="clean_page"><span>All</span></label> <input type="radio" name="cleaning_area" id="clean_page" value="page" checked="checked" />
+               <legend>Cleaning Area</legend>
+               <div>
+                       <label for="clean_selection">Selection</label> <input type="radio" name="cleaning_area" id="clean_selection" value="selection" />
+                       <label for="clean_page">All</label> <input type="radio" name="cleaning_area" id="clean_page" value="page" checked="checked" />
+               </div>
        </fieldset>
        <fieldset>
-               <legend><span>Cleaning options</span></legend>
-                       <div class="space"></div>
-                       <div class="fl"><label for="formatting">Formatting:</label></div>
-                       <input type="checkbox" id="formatting" value="" />
-                       <div class="space"></div>
-                       <div class="fl"><label for="ms_formatting">MS Word Formatting:</label></div>
-                       <input type="checkbox" id="ms_formatting" value="" checked="checked" />
-                       <div class="space"></div>
-                       <div class="fl"><label for="images">Images:</label></div>
-                       <input type="checkbox" id="images" value="" />
-                       <div class="space"></div>
-                       <div class="fl"><label for="html_all">All HTML:</label></div>
-                       <input type="checkbox" id="html_all" value="" />
-                       <div class="space"></div>
+               <legend>Cleaning options</legend>
+                       <div>
+                               <label class="fl" for="formatting">Formatting:</label>
+                               <input type="checkbox" id="formatting" value="" />
+                       </div>
+                       <div>
+                               <label class="fl" for="ms_formatting">MS Word Formatting:</label>
+                               <input type="checkbox" id="ms_formatting" value="" checked="checked" />
+                       </div>
+                       <div>
+                               <label class="fl" for="images">Images:</label>
+                               <input type="checkbox" id="images" value="" />
+                       </div>
+                       <div>
+                               <label class="fl" for="html_all">All HTML:</label>
+                               <input type="checkbox" id="html_all" value="" />
+                       </div>
        </fieldset>
        <div class="buttons">
                <button type="button" name="ok" onclick="return onOK();">OK</button>
index e2d0c98..408461c 100644 (file)
@@ -1,11 +1,14 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <?xml version="1.0" encoding="iso-8859-1"?>
-<html class="popupwin" xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2003 dynarch.com. Authored by Mihai Bazon, sponsored by www.americanbible.org.
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
        <title>Spell Checker</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="../spell-check-ui.js"></script>
-       <script type="text/javascript">
-               /*<![CDATA[*/
-               <!--
-               var dialog = window.opener.HTMLArea.Dialog.SpellChecker;
-               // -->
-               /*]]>*/
-       </script>
-       <style type="text/css">
-               /*<![CDATA[*/
-               <!--
-               iframe { background-color: #fff; color: #000; height: 100%; width: 100%; }
-               .controls { width: 14em; }
-               .controls .sectitle { text-align: center; font-weight: bold; padding: 2px 4px; }
-               .controls .secbody { margin-bottom: 10px; }
-               #v_currentWord { color: #f00; font-weight: bold; }
-               #statusbar { padding: 7px 0px 0px 5px; }
-               #status { font-weight: bold; }
-               -->
-               /*]]>*/
-       </style>
 </head>
-<body class="popupwin" onload="initDocument();">
+<body class="popupwin htmlarea-spell-check" onload="initDocument();">
 <div id="content">
        <form style="display: none;" action="../spell-check-logic.php" method="post" target="framecontent" accept-charset="ISO-8859-1">
                <input type="hidden" name="content" id="f_content" />
                <input type="hidden" name="enablePersonalDicts" id="f_personal_dicts" />
                <input type="hidden" name="init" id="f_init" value="1" />
        </form>
-       <table class="popupwin" style="height: 100%; width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
-       <tr>
-        <td colspan="2">
-               <div class="title" style="width: 100%; padding: 2px;">Spell Checker</div>
-        </td>
-       </tr>
-       <tr>
-        <td colspan="2" style="height: 1em; padding: 2px;">
-          <div style="float: right; padding: 2px;"><span>Dictionary</span>
-            <select id="v_dictionaries" style="width: 10em"></select>
-            <button id="b_recheck">Re-check</button>
-          </div>
-          <span id="status">Please wait. Calling spell checker.</span>
-        </td>
-       </tr>
-       <tr style="height: 100%;">
-        <td valign="top" class="controls">
-          <div class="secbody" style="text-align: center">
-            <button id="b_info">Info</button>
-          </div>
-          <div class="sectitle">Original word</div>
-          <div class="secbody" id="v_currentWord" style="text-align:
-          center; margin-bottom: 2px;">pliz weit ;-)</div>
-          <div class="secbody" style="text-align: center">
-            <button id="b_revert" class="long-button">Revert</button>
-          </div>
-          <div class="sectitle">Replace with</div>
-          <div class="secbody">
-            <input type="text" id="v_replacement" style="width: 94%; margin-left: 3%;" /><br />
-            <div style="text-align: center; margin-top: 2px;">
-              <button id="b_replace" class="long-button">Replace</button><button
-                id="b_replall" class="long-button">Replace all</button><br /><button
-                id="b_ignore" class="long-button">Ignore</button><button
-                id="b_ignall" class="long-button">Ignore all</button><button
-                id="b_learn" class="long-button">Learn</button>
-            </div>
-          </div>
-          <div class="sectitle">Suggestions</div>
-          <div class="secbody">
-            <select size="11" style="width: 94%; margin-left: 3%;" id="v_suggestions"></select>
-          </div>
-        </td>
-        <td style="height: 100%;">
-          <iframe src="about:blank" width="100%" height="100%" id="i_framecontent" name="framecontent"></iframe>
-        </td>
-      </tr>
-      <tr>
-        <td style="height: 1em;" colspan="2">
-          <div style="padding: 4px 2px 2px 2px; float: right;">
-            <button id="b_ok">OK</button>
-            <button id="b_cancel">Cancel</button>
-          </div>
-          <div id="statusbar"></div>
-        </td>
-      </tr>
-    </table>
+       <div class="title">Spell Checker</div>
+       <div class="dictionaries">
+               <label for="v_dictionaries">Dictionary</label>
+               <select id="v_dictionaries" name="v_dictionaries"></select>
+               <button id="b_recheck">Re-check</button>
+       </div>
+       <div class="status" id="status">Please wait. Calling spell checker.</div>
+       <div class="controls">
+               <div class="sectitle">Original word</div>
+               <div class="secbody" id="v_currentWord">pliz weit ;-)</div>
+               <div class="secbody">
+                       <button id="b_revert" class="long-button">Revert</button>
+               </div>
+               <div class="sectitle"><label for="v_replacement">Replace with</label></div>
+               <div class="secbody">
+                       <input type="text" id="v_replacement" name="v_replacement"/>
+                       <button id="b_replace" class="long-button">Replace</button>
+                       <button id="b_replall" class="long-button">Replace all</button>
+                       <button id="b_ignore" class="long-button">Ignore</button>
+                       <button id="b_ignall" class="long-button">Ignore all</button>
+                       <button id="b_learn" class="long-button">Learn</button>
+               </div>
+               <div class="sectitle"><label for="v_suggestions">Suggestions</label></div>
+               <div class="secbody">
+                       <select size="11" id="v_suggestions"></select>
+               </div>
+               <div class="secbody">
+                       <button id="b_info">Info</button>
+               </div>
+       </div>
+       <div class="contentframe">
+               <iframe src="../../../popups/blank.html" id="i_framecontent" name="framecontent"></iframe>
+       </div>
+       <div id="statusbar" class="occurrences-found">&nbsp;</div>
+       <div class="space"></div>
+       <div class="buttons">
+               <button type="button" id="b_ok">OK</button>
+               <button type="button" id="b_cancel">Cancel</button>
+       </div>
 </div>
 </body>
 </html>
index 2124090..72599fe 100644 (file)
@@ -1,11 +1,14 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <?xml version="1.0" encoding="utf-8"?>
-<html class="popupwin" xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2003 dynarch.com. Authored by Mihai Bazon, sponsored by www.americanbible.org.
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
        <title>Spell Checker</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="../spell-check-ui.js"></script>
-       <script type="text/javascript">
-               /*<![CDATA[*/
-               <!--
-               var dialog = window.opener.HTMLArea.Dialog.SpellChecker;
-               // -->
-               /*]]>*/
-       </script>
-       <style type="text/css">
-               /*<![CDATA[*/
-               <!--
-               iframe { background-color: #fff; color: #000; height: 100%; width: 100%; }
-               .controls { width: 14em; }
-               .controls .sectitle { text-align: center; font-weight: bold; padding: 2px 4px; }
-               .controls .secbody { margin-bottom: 10px; }
-               #v_currentWord { color: #f00; font-weight: bold; }
-               #statusbar { padding: 7px 0px 0px 5px; }
-               #status { font-weight: bold; }
-               -->
-               /*]]>*/
-       </style>
 </head>
-<body class="popupwin" onload="initDocument();">
-<div id="content">
+<body class="popupwin htmlarea-spell-check" onload="initDocument();">
+<div id="content" class="spellcheck">
        <form style="display: none;" action="../spell-check-logic.php" method="post" target="framecontent" accept-charset="UTF-8">
                <input type="hidden" name="content" id="f_content" />
                <input type="hidden" name="dictionary" id="f_dictionary" />
                <input type="hidden" name="enablePersonalDicts" id="f_personal_dicts" />
                <input type="hidden" name="init" id="f_init" value="1" />
        </form>
-       <table class="popupwin" style="height: 100%; width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
-       <tr>
-        <td colspan="2">
-               <div class="title" style="width: 100%; padding: 2px;">Spell Checker</div>
-        </td>
-       </tr>
-       <tr>
-        <td colspan="2" style="height: 1em; padding: 2px;">
-          <div style="float: right; padding: 2px;"><span>Dictionary</span>
-            <select id="v_dictionaries" style="width: 10em;"></select>
-            <button id="b_recheck">Re-check</button>
-          </div>
-          <span id="status">Please wait. Calling spell checker.</span>
-        </td>
-       </tr>
-       <tr style="height: 100%;">
-        <td valign="top" class="controls">
-          <div class="secbody" style="text-align: center;">
-            <button id="b_info">Info</button>
-          </div>
-          <div class="sectitle">Original word</div>
-          <div class="secbody" id="v_currentWord" style="text-align: center; margin-bottom: 2px;">pliz weit ;-)</div>
-          <div class="secbody" style="text-align: center;">
-            <button id="b_revert" class="long-button">Revert</button>
-          </div>
-          <div class="sectitle">Replace with</div>
-          <div class="secbody">
-            <input type="text" id="v_replacement" style="width: 94%; margin-left: 3%;" /><br />
-            <div style="text-align: center; margin-top: 2px;">
-              <button id="b_replace" class="long-button">Replace</button><button
-                id="b_replall" class="long-button">Replace all</button><br /><button
-                id="b_ignore" class="long-button">Ignore</button><button
-                id="b_ignall" class="long-button">Ignore all</button><button
-                id="b_learn" class="long-button">Learn</button>
-            </div>
-          </div>
-          <div class="sectitle">Suggestions</div>
-          <div class="secbody">
-            <select size="11" style="width: 94%; margin-left: 3%;" id="v_suggestions"></select>
-          </div>
-        </td>
-        <td style="height: 100%;">
-          <iframe src="about:blank" width="100%" height="100%" id="i_framecontent" name="framecontent"></iframe>
-        </td>
-      </tr>
-      <tr>
-        <td style="height: 1em;" colspan="2">
-          <div style="padding: 4px 2px 2px 2px; float: right;">
-            <button id="b_ok">OK</button>
-            <button id="b_cancel">Cancel</button>
-          </div>
-          <div id="statusbar"></div>
-        </td>
-      </tr>
-    </table>
+       <div class="title">Spell Checker</div>
+       <div class="dictionaries">
+               <label for="v_dictionaries">Dictionary</label>
+               <select id="v_dictionaries" name="v_dictionaries"></select>
+               <button id="b_recheck">Re-check</button>
+       </div>
+       <div class="status" id="status">Please wait. Calling spell checker.</div>
+       <div class="controls">
+               <div class="sectitle">Original word</div>
+               <div class="secbody" id="v_currentWord">pliz weit ;-)</div>
+               <div class="secbody">
+                       <button id="b_revert" class="long-button">Revert</button>
+               </div>
+               <div class="sectitle"><label for="v_replacement">Replace with</label></div>
+               <div class="secbody">
+                       <input type="text" id="v_replacement" name="v_replacement"/>
+                       <button id="b_replace" class="long-button">Replace</button>
+                       <button id="b_replall" class="long-button">Replace all</button>
+                       <button id="b_ignore" class="long-button">Ignore</button>
+                       <button id="b_ignall" class="long-button">Ignore all</button>
+                       <button id="b_learn" class="long-button">Learn</button>
+               </div>
+               <div class="sectitle"><label for="v_suggestions">Suggestions</label></div>
+               <div class="secbody">
+                       <select size="11" id="v_suggestions"></select>
+               </div>
+               <div class="secbody">
+                       <button id="b_info">Info</button>
+               </div>
+       </div>
+       <div class="contentframe">
+               <iframe src="../../../popups/blank.html" id="i_framecontent" name="framecontent"></iframe>
+       </div>
+       <div id="statusbar" class="occurrences-found">&nbsp;</div>
+       <div class="space"></div>
+       <div class="buttons">
+               <button type="button" id="b_ok">OK</button>
+               <button type="button" id="b_cancel">Cancel</button>
+       </div>
 </div>
 </body>
 </html>
index fa98a26..196482d 100644 (file)
@@ -2,7 +2,7 @@
 *  Copyright notice
 *
 *  (c) 2003 dynarch.com. Authored by Mihai Bazon, sponsored by www.americanbible.org.
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -32,6 +32,7 @@
  *
  * TYPO3 SVN ID: $Id$
  */
+var dialog = window.opener.HTMLArea.Dialog.SpellChecker;
 var frame = null;
 var currentElement = null;
 var wrongWords = null;
@@ -311,7 +312,7 @@ function wordClicked(scroll) {
                document.getElementById("v_replacement").value = this.innerHTML;
        }
        select.style.display = "none";
-       select.style.display = "block";
+       select.style.display = "inline";
        return false;
 };
 
index 4fc6ccc..e973a2b 100644 (file)
@@ -58,8 +58,8 @@ SpellChecker = HTMLArea.Plugin.extend({
                        developer       : "Mihai Bazon & Stanislas Rolland",
                        developerUrl    : "http://dynarch.com/mishoo/",
                        copyrightOwner  : "Mihai Bazon & Stanislas Rolland",
-                       sponsor         : "American Bible Society & Fructifor Inc.",
-                       sponsorUrl      : "http://www.fructifor.ca/",
+                       sponsor         : "American Bible Society & SJBR",
+                       sponsorUrl      : "http://www.sjbr.ca/",
                        license         : "GPL"
                };
                this.registerPluginInformation(pluginInformation);
@@ -94,7 +94,7 @@ SpellChecker = HTMLArea.Plugin.extend({
                switch (buttonId) {
                        case "SpellCheck":
                                var charset = (this.contentCharset.toLowerCase() == 'iso-8859-1') ? "-iso-8859-1" : "";
-                               this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("spell-check-ui" + charset), null, null, {width:670, height:600});
+                               this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("spell-check-ui" + charset), null, null, {width:710, height:600});
                                break;
                }
                return false;
index 0d1c35e..faa097c 100644 (file)
@@ -52,7 +52,7 @@ TYPO3Color = HTMLArea.Plugin.extend({
                        developer       : "Stanislas Rolland",
                        developerUrl    : "http://www.sjbr.ca/",
                        copyrightOwner  : "Stanislas Rolland",
-                       sponsor         : "Stanislas Rolland",
+                       sponsor         : "SJBR",
                        sponsorUrl      : "http://www.sjbr.ca/",
                        license         : "GPL"
                };
@@ -112,7 +112,7 @@ TYPO3Color = HTMLArea.Plugin.extend({
        
        dialogSelectColor : function (buttonId, element, field, dialogOpener) {
                var dimensions = {
-                       width   : 490,
+                       width   : 500,
                        height  : 245
                };
                var arguments = {
@@ -297,17 +297,17 @@ TYPO3Color = HTMLArea.Plugin.extend({
                var szColorId = "";
                
                sz = '<div class="title">' + title + '</div>';
-               sz += '<form id="HA-color-select-form"><table style="width:100%"><tr><td id="HA-layout"><fieldset>';
+               sz += '<form id="HA-color-select-form"><fieldset>';
                sz += '<input type="hidden" name="' + sID + '" id="' + sID + '" value="' + initialValue + '" />';
-               sz += '<table style="width:100%;"><tr><td style="vertical-align: middle;"><span style="margin-left: 5px; height: 1em;" class="dialog buttonColor" ';
+               sz += '<div class="buttonColor" ';
                sz += '         onMouseover="className += \' buttonColor-hilite\';" ';
                sz += '         onMouseout="className = \'buttonColor\';">';
                sz += ' <span id="' + szID + '" class="chooser">&nbsp;</span>';
                sz += ' <span id="colorUnset" class="nocolor" title="' + "no_color" + '" ';
                sz += '         onMouseover="className += \' nocolor-hilite\';" ';
                sz += '         onMouseout="className = \'nocolor\';"';
-               sz += ' >&#x00d7;</span></span></td><td>';
-               sz += '<table class="colorTable" cellspacing="0" cellpadding="0" id="colorTable">';
+               sz += ' >&#x00d7;</span></div>';
+               sz += '<div class="colorTableWrapper"><table class="colorTable" cellspacing="0" cellpadding="0" id="colorTable">';
                var onMouseOut = ' onMouseout="document.getElementById(\'' + szID + '\').style.backgroundColor=\'\'; document.getElementById(\'' + sID + '\').value=\'\';"';
                var onMouseOver = ' onMouseover="if(' + HTMLArea.is_ie + '){ if (event.srcElement.bgColor) { document.getElementById(\'' + szID + '\').style.backgroundColor = event.srcElement.bgColor; document.getElementById(\'' + sID + '\').value = event.srcElement.bgColor;} } else { if (event.target.bgColor) { document.getElementById(\'' + szID + '\').style.backgroundColor=event.target.bgColor; document.getElementById(\'' + sID + '\').value=event.target.bgColor;} };" ';
                        // Making colorPicker
@@ -341,8 +341,8 @@ TYPO3Color = HTMLArea.Plugin.extend({
                        }
                }
                
-               sz += '</table></td></tr></table>';
-               sz += '</fieldset></td></tr><tr><td id="HA-style"></td></tr></table></form>';
+               sz += '</table></div>';
+               sz += '</fieldset></form>';
                return sz;
        }
 });
index 97f3287..275fa3e 100644 (file)
@@ -170,7 +170,7 @@ TableOperations = HTMLArea.Plugin.extend({
                };
                var dimensions = {
                        width   : 860,
-                       height  : insert ? 600 : 610
+                       height  : 620
                };
                this.dialog = this.openDialog((insert ? "InsertTable" : "TO-table-prop"), "", "tablePropertiesUpdate", arguments, dimensions);
        },
index aa7b9c9..623b4a5 100644 (file)
@@ -1,3 +1,6 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
 </head>
index 57e69e2..329dee9 100644 (file)
 .htmlarea .statusBarTextMode {
        padding:2px 5px;
 }
-/* Selectors for popup windows */
-.dialog .buttonColor {
-       cursor:default;
-       border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;padding:1px;
-}
-.dialog .buttonColor-hilite {
-       border-color:black black black black;
-}
-.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
-       height:0.6em;
-       border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:0px 1em;
-}
-.dialog .buttonColor .nocolor {
-       padding:0;
-}
-.dialog .buttonColor .nocolor-hilite {
-       background-color:#fff;color:#f00;cursor:pointer;
-}
+/* Selectors for dialogue windows */
 .popupwin {
        background-color:#e4e0db;color:ButtonText;
        font:11px Tahoma,Verdana,sans-serif;
-}
-.popupwin body {
-       background-color:#e4e0db;color:ButtonText;
-       font:11px Tahoma,Verdana,sans-serif;
        border-style:none;margin:5px;padding:0;
 }
 .popupwin .title {
        top: -4px; z-index: 10;
        padding: 3px 10px 4px 10px;
 }
-.popupwin .content {
-       border-style:none;margin:0;padding:0;
+.popupwin .content, .popupwin #content {
+       border-style:none;
+       margin:0;padding:0;
 }
 .popupwin ul {
        list-style-type:none;
        display:block;
        margin:5px 5px 0 5px;padding:0 5px 2px 5px;
 }
+.popupwin fieldset div {
+       margin:3px 0;
+}
 .popupwin .floating {
        float:left;
 }
 .popupwin input.shorter-value {
        width:17em;
 }
-.popupwin #HA-layout {
-       width:450px;
+/* Selectors for TYPO3 Color dialogue */
+.popupwin .buttonColor {
+       cursor:default;
+       border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonHighlight ButtonHighlight;
+       padding:1px;margin:46px 10px 0 0;
+       height:1em;
+       white-space:nowrap;
 }
-.colorTable {
-       border:black 1px solid;
+.popupwin div.buttonColor {
+       float:left;
+       vertical-align:middle;
 }
-.currentColor {
+.popupwin .buttonColor-hilite {
+       border-color:black black black black;
+}
+.popupwin .buttonColor .chooser, .popupwin .buttonColor .nocolor {
+       height:0.6em;
+       border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonShadow ButtonShadow;
+       padding:0 1em;
+}
+.popupwin .buttonColor .nocolor {
+       padding:0;
+}
+.popupwin .buttonColor .nocolor-hilite {
+       background-color:#fff;color:#f00;cursor:pointer;
+}
+.popupwin .colorTableWrapper {
+}
+.popupwin .colorTable {
+       width:350px;
+}
+.popupwin .currentColor {
        width:20px;height:20px;
-       border:black 1px solid;margin:0pt 15pt;
+       border:black 1px solid;
+       margin:0pt 15pt;
 }
-.colorTable tr {
+.popupwin .colorTable tr {
        height:6px;
 }
-.colorTable td {
+.popupwin .colorTable td {
        width:6px;
        cursor:pointer;
 }
-.colorTable td.colorTitle {
+.popupwin .colorTable td.colorTitle {
        width:auto;
        padding-left:10px;
 }
-/* Selectors for the InsertImage popup */
-.popupwin div.imagepreview {
+/* Selectors for the Default Image dialogue */
+.htmlarea-default-image #image, .htmlarea-default-image #alt {
+       white-space:nowrap;
+}
+.htmlarea-default-image button.preview {
+       margin-left:5px;vertical-align:top;
+       white-space:normal;
+}
+.htmlarea-default-image div.imagepreview {
        text-align:center;
 }
-.popupwin .imagepreview iframe {
+.htmlarea-default-image div.imagepreview iframe {
        width:300px;height:200px;
-       border:1px solid gray;
+       border:1px solid gray;margin:5px 0px;
+}
+/* Selectors for the Default Link dialogue */
+.htmlarea-default-link #url, .htmlarea-default-link #title {
+       white-space:nowrap;
 }
 /* Selectors for the InsertSmiley plugin */
-.popupwin div.smileytable {
-       height:125px;overflow:auto;
+.htmlarea-insert-smiley div.smileytable {
+       text-align:center;
+       height:130px;margin-bottom:10px;
 }
-.popupwin .smileytable td {
+.htmlarea-insert-smiley #smileytable {
+       height:130px;
+}
+.htmlarea-insert-smiley #smileytable tr {
+       height:25px;
+}
+.htmlarea-insert-smiley #smileytable td {
        width:35px;height:25px;
 }
-/* Selectors for the FindReplace plugin */
-.popupwin .long-label {
+.htmlarea-insert-smiley #smileytable td img {
+       border-style:none;
+}
+/* Selectors for the FindReplace dialogue */
+.htmlarea-find-replace .long-label {
        text-align:left;
        width:30em;
 }
-/* Selectors for the SpellChecker plugin */
-.popupwin #b_recheck {
+/* Selectors for the CharacterMap dialogue */
+.htmlarea-character-map #selectedCharacter {
+       margin:5px 5px 10px 5px;
+       white-space:nowrap;
+}
+.htmlarea-character-map #selectedCharacter div {
+       display:inline;
+}
+.htmlarea-character-map #showcharacter {
+       background-color:#FFF;
+}
+.htmlarea-character-map table {
+       cursor:pointer;
+       background-color:#ADAD9C;
+       border:1px inset;
+}
+.htmlarea-character-map td.character {
+       font-size:14px;font-weight:bold;
+       text-align:center;
+       background-color:#FFF;
+}
+.htmlarea-character-map td.character-hilite {
+       background-color:Highlight;color:HighlightText;
+}
+/* Selectors for the DefaultColor dialogue */
+.htmlarea-default-color #selectedColor div {
+       white-space:nowrap;
+}
+.htmlarea-default-color #ColorPreview {
+       height:21px;width:50px;
+       float:left;
+       background-color:#000;
+}
+.htmlarea-default-color #ColorHex {
+       font-size:12px;
+       display:inline;
+       vertical-align:top;
+       margin-left:5px;
+}
+.htmlarea-default-color table {
+       margin:5px 0;
+}
+.htmlarea-default-color .color {
+       width:10px;height:10px;
+       cursor:pointer;
+}
+/* Selectors for the QuickTag dialogue */
+.htmlarea-quick-tag #tag {
+       text-align:center;
+       padding:3px;
+       background-color:#E9E9E9;
+}
+.htmlarea-quick-tag #tagopen {
+       background-color: #E9E9E9;
+       width:370px;
+       border-style:none;
+}
+.htmlarea-quick-tag strong {
+       font-size:14px;
+}
+.htmlarea-quick-tag #showselect {
+       position:absolute;left:7px;top:81px;
+       width:150px;height:13px;
+       z-index:100;visibility:visible;
+}
+/* Selectors for the SpellChecker dialogue */
+.htmlarea-spell-check .dictionaries {
+       float:right;
+       padding:2px;
+}
+.htmlarea-spell-check .dictionaries #v_dictionaries {
+       width:10em;
+       margin-right:5px;
+}
+.htmlarea-spell-check #b_recheck {
        vertical-align:middle;
        width:12em;
 }
+.htmlarea-spell-check .status {
+       font-weight:bold;
+       padding:2px;
+}
+.htmlarea-spell-check .controls {
+       width:14em;
+       clear:right;float:left;
+       text-align:center;
+       margin:3px;
+}
+.htmlarea-spell-check .controls .sectitle {
+       font-weight:bold;
+       padding:2px 4px;
+}
+.htmlarea-spell-check .controls .secbody {
+       margin-bottom:10px;
+}
+.htmlarea-spell-check .controls #v_currentWord {
+       color:#F00;font-weight:bold;
+       margin-bottom:2px;
+}
+.htmlarea-spell-check .controls #v_replacement {
+       margin-bottom:3px;
+}
+.htmlarea-spell-check .controls #v_suggestions, .controls #v_replacement {
+       width:12em;
+}
+.htmlarea-spell-check .contentframe {
+       float:right; margin:3px;
+}
+.htmlarea-spell-check .contentframe #i_framecontent {
+       background-color:#FFF;color:#000;
+       height:450px;width:480px;
+}
+.htmlarea-spell-check .occurrences-found {
+       padding:7px 0px 0px 5px;
+       clear:both;
+}
 /* Selectors for the ContextMenu plugin */
 .htmlarea-context-menu {
        position:absolute;top:-1000px;left:-1000px;z-index:1000;
index 829baf2..961d17d 100644 (file)
@@ -251,16 +251,20 @@ class tx_rtehtmlarea_acronym_mod {
        </fieldset>
        <fieldset id="selector">
                <legend>' . $LANG->getLL('Defined_term',1) . '</legend>
-               <label for="termSelector" class="fl" id="termSelectorLabel" title="' . $LANG->getLL('Select_a_term',1) . '">' . $LANG->getLL('Unabridged_term',1) . '</label>
-               <select id="termSelector" name="termSelector"  title="' . $LANG->getLL('Select_a_term',1) . '"
-                       onChange="document.content.acronymSelector.selectedIndex=document.content.termSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
-                       <option value=""></option>
-               </select>
-               <label for="acronymSelector" id="acronymSelectorLabel" title="' . $LANG->getLL('Select_an_acronym',1) . '">' . $LANG->getLL('Abridged_term',1) . '</label>
-               <select id="acronymSelector" name="acronymSelector"  title="' . $LANG->getLL('Select_an_acronym',1) . '"
-                       onChange="document.content.termSelector.selectedIndex=document.content.acronymSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
-                       <option value=""></option>
-               </select>
+               <div>
+                       <label class="fl" for="termSelector" id="termSelectorLabel" title="' . $LANG->getLL('Select_a_term',1) . '">' . $LANG->getLL('Unabridged_term',1) . '</label>
+                       <select id="termSelector" name="termSelector"  title="' . $LANG->getLL('Select_a_term',1) . '"
+                               onChange="document.content.acronymSelector.selectedIndex=document.content.termSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
+                               <option value=""></option>
+                       </select>
+               </div>
+               <div>
+                       <label class="fl" for="acronymSelector" id="acronymSelectorLabel" title="' . $LANG->getLL('Select_an_acronym',1) . '">' . $LANG->getLL('Abridged_term',1) . '</label>
+                       <select id="acronymSelector" name="acronymSelector"  title="' . $LANG->getLL('Select_an_acronym',1) . '"
+                               onChange="document.content.termSelector.selectedIndex=document.content.acronymSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
+                               <option value=""></option>
+                       </select>
+               </div>
        </fieldset>
        <fieldset>
                <legend>' . $LANG->getLL('Term_to_abridge',1) . '</legend>
index 6e56c41..b39e9ba 100644 (file)
        margin-top:2px;
        padding:2px 5px;
 }
-/* Selectors for popup windows */
-.dialog .buttonColor {
-       cursor:default;
-       border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;padding:1px;
-}
-.dialog .buttonColor-hilite {
-       border-color:black black black black;
-}
-.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
-       height:0.6em;
-       border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:0px 1em;
-}
-.dialog .buttonColor .nocolor {
-       padding:0;
-}
-.dialog .buttonColor .nocolor-hilite {
-       background-color:#fff;color:#f00;cursor:pointer;
-}
+/* Selectors for dialogue windows */
 .popupwin {
        color: #212424;background-color:#EFEFF4;
        font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
-}
-.popupwin body {
-       color: #212424;
-       font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
        border-style:none;margin:5px;padding:0;
 }
 .popupwin .title {
        top: -4px; z-index: 10;
        padding: 3px 10px 4px 10px;
 }
-.popupwin .content {
-       border-style:none;margin:0;padding:0;
+.popupwin .content, .popupwin #content {
+       border-style:none;
+       margin:0;padding:0;
 }
 .popupwin ul {
        list-style-type:none;
 }
 .popupwin table {
        border-collapse:collapse;border-style:none;margin:0;padding:0;
+       width:100%;
 }
 .popupwin thead {
        font-weight: bold; background-color: #ddf;
        display:block;
        margin:5px 5px 0 5px;padding:0 5px 2px 5px;
 }
+.popupwin fieldset div {
+       margin:3px 0;
+}
 .popupwin .floating {
        float:left;
 }
 .popupwin input.shorter-value {
        width:17em;
 }
-.popupwin #HA-layout {
-       width:450px;
+/* Selectors for TYPO3 Color dialogue */
+.popupwin .buttonColor {
+       cursor:default;
+       border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonHighlight ButtonHighlight;
+       padding:1px;margin:46px 10px 0 0;
+       height:1em;
+       white-space:nowrap;
 }
-.colorTable {
-       border:black 1px solid;
+.popupwin div.buttonColor {
+       float:left;
+       vertical-align:middle;
+}
+.popupwin .buttonColor-hilite {
+       border-color:black black black black;
+}
+.popupwin .buttonColor .chooser, .popupwin .buttonColor .nocolor {
+       height:0.6em;
+       border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonShadow ButtonShadow;
+       padding:0 1em;
+}
+.popupwin .buttonColor .nocolor {
+       padding:0;
+}
+.popupwin .buttonColor .nocolor-hilite {
+       background-color:#fff;color:#f00;cursor:pointer;
+}
+.popupwin .colorTableWrapper {
+}
+.popupwin .colorTable {
+       width:350px;
 }
-.currentColor {
+.popupwin .currentColor {
        width:20px;height:20px;
-       border:black 1px solid;margin:0pt 15pt;
+       border:black 1px solid;
+       margin:0pt 15pt;
 }
-.colorTable tr {
+.popupwin .colorTable tr {
        height:6px;
 }
-.colorTable td {
+.popupwin .colorTable td {
        width:6px;
        cursor:pointer;
 }
-.colorTable td.colorTitle {
+.popupwin .colorTable td.colorTitle {
        width:auto;
        padding-left:10px;
 }
-/* Selectors for the InsertImage popup */
-.popupwin div.imagepreview {
+/* Selectors for the Default Image dialogue */
+.htmlarea-default-image #image, .htmlarea-default-image #alt {
+       white-space:nowrap;
+}
+.htmlarea-default-image button.preview {
+       margin-left:5px;vertical-align:top;
+       white-space:normal;
+}
+.htmlarea-default-image div.imagepreview {
        text-align:center;
 }
-.popupwin .imagepreview iframe {
+.htmlarea-default-image div.imagepreview iframe {
        width:300px;height:200px;
-       border:1px solid gray;
+       border:1px solid gray;margin:5px 0px;
+}
+/* Selectors for the Default Link dialogue */
+.htmlarea-default-link #url, .htmlarea-default-link #title {
+       white-space:nowrap;
 }
 /* Selectors for the InsertSmiley plugin */
-.popupwin div.smileytable {
-       height:125px;overflow:auto;
+.htmlarea-insert-smiley div.smileytable {
+       text-align:center;
+       height:130px;margin-bottom:10px;
 }
-.popupwin .smileytable td {
+.htmlarea-insert-smiley #smileytable {
+       height:130px;
+}
+.htmlarea-insert-smiley #smileytable tr {
+       height:25px;
+}
+.htmlarea-insert-smiley #smileytable td {
        width:35px;height:25px;
 }
-/* Selectors for the FindReplace plugin */
-.popupwin .long-label {
+.htmlarea-insert-smiley #smileytable td img {
+       border-style:none;
+}
+/* Selectors for the FindReplace dialogue */
+.htmlarea-find-replace .long-label {
        text-align:left;
        width:30em;
 }
-/* Selectors for the SpellChecker plugin */
-.popupwin #b_recheck {
+/* Selectors for the CharacterMap dialogue */
+.htmlarea-character-map #selectedCharacter {
+       margin:5px 5px 10px 5px;
+       white-space:nowrap;
+}
+.htmlarea-character-map #selectedCharacter div {
+       display:inline;
+}
+.htmlarea-character-map #showcharacter {
+       background-color:#FFF;
+}
+.htmlarea-character-map table {
+       cursor:pointer;
+       background-color:#ADAD9C;
+       border:1px inset;
+}
+.htmlarea-character-map td.character {
+       font-size:14px;font-weight:bold;
+       text-align:center;
+       background-color:#FFF;
+}
+.htmlarea-character-map td.character-hilite {
+       background-color:Highlight;color:HighlightText;
+}
+/* Selectors for the DefaultColor dialogue */
+.htmlarea-default-color #selectedColor div {
+       white-space:nowrap;
+}
+.htmlarea-default-color #ColorPreview {
+       height:21px;width:50px;
+       float:left;
+       background-color:#000;
+}
+.htmlarea-default-color #ColorHex {
+       font-size:12px;
+       display:inline;
+       vertical-align:top;
+       margin-left:5px;
+}
+.htmlarea-default-color table {
+       margin:5px 0;
+}
+.htmlarea-default-color .color {
+       width:10px;height:10px;
+       cursor:pointer;
+}
+/* Selectors for the QuickTag dialogue */
+.htmlarea-quick-tag #tag {
+       text-align:center;
+       padding:3px;
+       background-color:#E9E9E9;
+}
+.htmlarea-quick-tag #tagopen {
+       background-color: #E9E9E9;
+       width:370px;
+       border-style:none;
+}
+.htmlarea-quick-tag strong {
+       font-size:14px;
+}
+.htmlarea-quick-tag #showselect {
+       position:absolute;left:7px;top:81px;
+       width:150px;height:13px;
+       z-index:100;visibility:visible;
+}
+/* Selectors for the SpellChecker dialogue */
+.htmlarea-spell-check .dictionaries {
+       float:right;
+       padding:2px;
+}
+.htmlarea-spell-check .dictionaries #v_dictionaries {
+       width:10em;
+       margin-right:5px;
+}
+.htmlarea-spell-check #b_recheck {
        vertical-align:middle;
        width:12em;
 }
+.htmlarea-spell-check .status {
+       font-weight:bold;
+       padding:2px;
+}
+.htmlarea-spell-check .controls {
+       width:14em;
+       clear:right;float:left;
+       text-align:center;
+       margin:3px;
+}
+.htmlarea-spell-check .controls .sectitle {
+       font-weight:bold;
+       padding:2px 4px;
+}
+.htmlarea-spell-check .controls .secbody {
+       margin-bottom:10px;
+}
+.htmlarea-spell-check .controls #v_currentWord {
+       color:#F00;font-weight:bold;
+       margin-bottom:2px;
+}
+.htmlarea-spell-check .controls #v_replacement {
+       margin-bottom:3px;
+}
+.htmlarea-spell-check .controls #v_suggestions, .controls #v_replacement {
+       width:12em;
+}
+.htmlarea-spell-check .contentframe {
+       float:right; margin:3px;
+}
+.htmlarea-spell-check .contentframe #i_framecontent {
+       background-color:#FFF;color:#000;
+       height:450px;width:480px;
+}
+.htmlarea-spell-check .occurrences-found {
+       padding:7px 0px 0px 5px;
+       clear:both;
+}
 /* Selectors for the ContextMenu plugin */
 .htmlarea-context-menu {
        position:absolute;top:-1000px;left:-1000px;z-index:1000;