<!-- 11.09.2002 dkucher -->
<html xmlns:tb xmlns:cm>
<head>
<?IMPORT NAMESPACE="tb" IMPLEMENTATION="scripts/client/htc/toolbar.htc"?>
<?IMPORT NAMESPACE="cm" IMPLEMENTATION="scripts/client/htc/ctxmenu.htc"/>
<title>Editor Demo</title>
<script src="scripts/client/js/main.js"></script>
<link rel="stylesheet" href="styles/css/main.css" type="text/css"/>
<style type="text/css">
body {font-family: arial; font-size: 11px;}
</style>
</head>
<body onload="init()">
<cm:CONTEXTMENU ID="oFontColorMenu" onMenuClick="handleColorMenu()"/>
<xml id="fontColorMenu">
<MENUBAR>
<MENU name="popup">
<!--MENU-ITEM name="Font Color" type="header"/-->
<MENU-ITEM name="<div style='background-color:black; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Black" action="black"/>
<MENU-ITEM name="<div style='background-color:maroon; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Maroon" action="maroon"/>
<MENU-ITEM name="<div style='background-color:green; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Green" action="green"/>
<MENU-ITEM name="<div style='background-color:olive; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Olive" action="olive"/>
<MENU-ITEM name="<div style='background-color:navy; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Navy" action="navy"/>
<MENU-ITEM name="<div style='background-color:purple; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Purple" action="purple"/>
<MENU-ITEM name="<div style='background-color:teal; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Teal" action="teal"/>
<MENU-ITEM name="<div style='background-color:gray; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Gray" action="gray"/>
<MENU-ITEM name="<div style='background-color:silver; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Silver" action="silver"/>
<MENU-ITEM name="<div style='background-color:red; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Red" action="red"/>
<MENU-ITEM name="<div style='background-color:lime; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Lime" action="lime"/>
<MENU-ITEM name="<div style='background-color:yellow; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Yellow" action="yellow"/>
<MENU-ITEM name="<div style='background-color:blue; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Blue" action="blue"/>
<MENU-ITEM name="<div style='background-color:fuchsia; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Fuchsia" action="fuchsia"/>
<MENU-ITEM name="<div style='background-color:aqua; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> Aqua" action="aqua"/>
<MENU-ITEM name="<div style='background-color:white; display:inline; width: 28px; height: 14px; margin-bottom: 1px; margin-right: 2px; border: 1 solid windowframe; overflow: hidden;'></div> White" action="white"/>
</MENU>
</MENUBAR>
</xml>
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tr><td align="center">
<div class="e_wndfrm" id="testEditor">
<div func="tools" onselectstart="event.returnValue = false; return false">
<div class="e_toolbar" func="e_toolbar">
<tb:TOOLBAR MOVEMENT="" id="tb">
<tb:TOOLBARGRIPPER/>
<tb:TOOLBARDROPDOWNLIST onchange="" action="changeFont">
<option selected="" value="arial">Arial</option>
<option value="times new roman">Times New Roman</option>
<option value="courier new">Courier New</option>
</tb:TOOLBARDROPDOWNLIST>
<tb:TOOLBARDROPDOWNLIST onchange="" action="changeFontSize">
<option selected="" value="1">10</option>
<option value="2">12</option>
<option value="3">14</option>
<option value="4">18</option>
<option value="5">24</option>
<option value="6">36</option>
</tb:TOOLBARDROPDOWNLIST>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/paragraphstyle.gif" title="Paragraph Style"/>
<tb:TOOLBARSEPARATOR/>
<tb:TOOLBARBUTTON TEXT="" action="bold" IMAGEURL="styles/images/bold.gif" title="Bold"/>
<tb:TOOLBARBUTTON TEXT="" action="italic" IMAGEURL="styles/images/italic.gif" title="Italic"/>
<tb:TOOLBARBUTTON TEXT="" action="underline" IMAGEURL="styles/images/underline.gif" title="Underline"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/fontcolor.gif" title="Font Color" action="fontColor"/>
<tb:TOOLBARSEPARATOR/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/formattingnumbers.gif" title="Formatting Numbers" action="formattingNumbers"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/formattingbullets.gif" title="Formatting Bullets" action="formattingBullets"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/decreaseidentation.gif" title="Decrease Identation" action="decreaseIdentation"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/increaseidentation.gif" title="Increase Identation" action="increaseIdentation"/>
<tb:TOOLBARSEPARATOR/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/alignleft.gif" title="Align Left" action="alignLeft"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/aligncenter.gif" title="Align Center" action="alignCenter"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/alignright.gif" title="Align Right" action="alignRight"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/justify.gif" title="Justify" action="justify"/>
<tb:TOOLBARSEPARATOR/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/hr.gif" title="Insert Horizontal Line" action="hr"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/hyperlink.gif" title="Create a Hyperlink" disabled="true" action="createHyperlink"/>
<tb:TOOLBARBUTTON TEXT="" IMAGEURL="styles/images/image.gif" title="Insert Picture" action="test"/>
</tb:TOOLBAR>
</div>
</div>
<div class="e_edtWnd" func="e_edtWnd">
<h1 align="center">HTML Editor</h1>
<p>This version of HTML Editor allows to:</p>
<ul>
<li>Change text <font face="courier new">font</font>, <font color="red">color</font> and <font size="1">size</font>;
<li>Format text as <b>bold</b>, <i>italic</i> or <u>underlined</u>;
<li>Create lists
<li>Change paragraph idents and alignments
<li>Add horizontal lines and <a href="javascript:alert('test link')">links</a>
<hr>
</ul>
</div>
</div>
</td></tr></table>
</body>
</html>