Click here to Skip to main content
15,891,033 members
Articles / Web Development / HTML

ASP.NET HTML Editor Control

Rate me:
Please Sign up or sign in to vote.
4.91/5 (68 votes)
30 May 2013CPOL13 min read 188.3K   11.2K   130  
Creating a useful ASP.NET HTML Editor custom control.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel='stylesheet' type='text/css' href='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0GpWPMNTZCSk4xHGlG4avcsH2omnbD030-lnSIDw-8dSbgXePxVyWuqglzHI08gcJQ2&t=634284427361610951' />
    <link rel='stylesheet' type='text/css' href='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0GpWPMNTZCSk4xHGlG4avcvQCk8LhUg-GStHWeUyCEMEXkLO2Wo75rXDvYFoVmM5kA2&t=634284427361610951' />
    <link rel='stylesheet' type='text/css' href='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0GpWPMNTZCSk4xHGlG4avcu3cTptAcbUcub2j4qnEjhmL_UDKiv-CdzRuaa5tBCLwA2&t=634284427361610951' />
    <title></title>
</head>
<body id="body1">
    <form name="form1" method="post" action="Default.aspx" id="form1" enctype="multipart/form-data">
    <div>
        <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMjEyNTk0Njc3Ng9kFgRmDxYCHglpbm5lcmh0bWwFkAQ8bGluayByZWw9J3N0eWxlc2hlZXQnIHR5cGU9J3RleHQvY3NzJyBocmVmPScvV2ViUmVzb3VyY2UuYXhkP2Q9ellyTnVkdm0wdkhJVUt6SmdvcF8wR3BXUE1OVFpDU2s0eEhHbEc0YXZjc0gyb21uYkQwMzAtbG5TSUR3LThkU2JnWGVQeFZ5V3VxZ2x6SEkwOGdjSlEyJnQ9NjM0Mjg0NDI3MzYxNjEwOTUxJyAvPjxsaW5rIHJlbD0nc3R5bGVzaGVldCcgdHlwZT0ndGV4dC9jc3MnIGhyZWY9Jy9XZWJSZXNvdXJjZS5heGQ/ZD16WXJOdWR2bTB2SElVS3pKZ29wXzBHcFdQTU5UWkNTazR4SEdsRzRhdmN2UUNrOExoVWctR1N0SFdlVXlDRU1FWGtMTzJXbzc1clhEdllGb1ZtTTVrQTImdD02MzQyODQ0MjczNjE2MTA5NTEnIC8+PGxpbmsgcmVsPSdzdHlsZXNoZWV0JyB0eXBlPSd0ZXh0L2NzcycgaHJlZj0nL1dlYlJlc291cmNlLmF4ZD9kPXpZck51ZHZtMHZISVVLekpnb3BfMEdwV1BNTlRaQ1NrNHhIR2xHNGF2Y3UzY1RwdEFjYlVjdWIyajRxbkVqaG1MX1VES2l2LUNkelJ1YWE1dEJDTHdBMiZ0PTYzNDI4NDQyNzM2MTYxMDk1MScgLz5kAgEPFgIeB2VuY3R5cGUFE211bHRpcGFydC9mb3JtLWRhdGFkZOUdGJmgmVip/2ZKJfjqAMSgkMNP" />
    </div>

    <script src="/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0Kb6QeH9e5XFhc6k3BZ0tIe7S6QHZFV5hSxSoUrxX1lQ0&amp;t=634284427361610951"
        type="text/javascript"></script>

    <script src="/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0AfkqILXKI0eJ_p5eDAsaDqYa6iKU9nuhyPLwUvnklwG0&amp;t=634284427361610951"
        type="text/javascript"></script>

    <script src="/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0FVWZAfPxCtI_8OfA8XxLJhTNudROKl6itVhxyeiInrQ0&amp;t=634284427361610951"
        type="text/javascript"></script>

    <script src="/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0J0n1NbBA2bRGjlHM2lRrKMjlmz4gXsrhYZtxSKqkpY90&amp;t=634284427361610951"
        type="text/javascript"></script>

    <div>
        <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
        <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
        <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgK+mbmsCwKM54rGBrxw1TLIJxl/kG8yyeBM25C6Eo4T" />
    </div>
    <div>
        <span id="RichTextBox1">
            <div id="loadingZone" style="margin-left: 300px; margin-top: 100px">
                <div style="font-family: tahoma; color: #B9B9B9" id="loadingSms">
                    Loading...
                </div>
                <br class="clear" />
                <div id="loadingBar">
                    <div id="loaderParent" style="width: 300px; border-color: #DFE0DE; border: 1px; border-style: groove">
                        <div style="width: 10px; height: 3px; background-color: #ADADAD" id="progressBar">
                        </div>
                    </div>
                </div>
                <div id="infoLoading">
                </div>
            </div>
            <center id="centerElement" style="display: none">
                <table cellpadding="0px" cellspacing="0px">
                    <tr>
                        <td align="left" valign="bottom">
                            <div id="textToolsContainer" style='width: 600px; text-align: left; margin-bottom: 10px'>
                                <table cellpadding="0px" cellspacing="1px">
                                    <tr>
                                        <td>
                                            <table>
                                                <tr>
                                                    <td class="Panels">
                                                        <table cellpadding="0px" cellspacing="1px">
                                                            <tr>
                                                                <td valign="bottom">
                                                                    <div>
                                                                        <select class="fontFamilyComboBox" id="fonts" onchange="textEdit('fontname',this[this.selectedIndex].value)">
                                                                            <option value="Arial">Arial</option>
                                                                            <option value="Comic Sans MS">Comic Sans MS</option>
                                                                            <option value="Courier New">Courier New</option>
                                                                            <option value="Monotype Corsiva">Monotype</option>
                                                                            <option value="Tahoma">Tahoma</option>
                                                                            <option value="Times">Times</option>
                                                                        </select>
                                                                    </div>
                                                                </td>
                                                                <td valign="bottom">
                                                                    <select class="fontSizeComboBox" id="size" onchange="textEdit('fontsize',this[this.selectedIndex].value)">
                                                                        <option value="1">xx-Small</option>
                                                                        <option value="2">x-Small</option>
                                                                        <option value="3">Small</option>
                                                                        <option value="4">medium</option>
                                                                        <option value="5">Large</option>
                                                                        <option value="6">x-Large</option>
                                                                        <option value="7">xx-Large</option>
                                                                    </select>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="Panels">
                                                        <table cellpadding="0px" cellspacing="1px">
                                                            <tr>
                                                                <td valign="bottom">
                                                                    <input title="Bold" type="button" class="BoldButtons" id="boldButton" onclick="textEdit('bold')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Italic" type="button" id="italic" class="ItalicButtons" onclick="textEdit('italic')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="UnderLine" type="button" id="underline" class="UnderLineButtons" onclick="textEdit('underline')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="UnderLine" type="button" id="underline" class="strikeThroughButtons"
                                                                        onclick="textEdit('StrikeThrough')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="LeftJustify" onclick="textEdit('justifyleft')" title="align left" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="CenterButtons" onclick="textEdit('justifycenter')" title="center" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="RightJustify" onclick="textEdit('justifyright')" title="align right" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input class="colorPickerButton" type="button" onclick="showAdvanceColorPicker(event)"
                                                                        title="color picker" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="numberedList" type="button" class="NumberedList" onclick="textEdit('insertorderedlist')"
                                                                        title="Numbered List" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="bulletList" type="button" class="BulletList" onclick="textEdit('insertunorderedlist')"
                                                                        title="Bullets List" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="subScriptButtons" onclick="textEdit('subscript')" title="Subscript" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="superScriptButtons" onclick="textEdit('superscript')"
                                                                        title="Superscript" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="ltrButton" type="button" class="ltrButton_on" onclick="textEdit('dirLTR')"
                                                                        title="ltr" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="rtlButton" type="button" class="rtlButton" onclick="textEdit('dirRTL')"
                                                                        title="rtl" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="outdentButton" type="button" class="outdent" onclick="textEdit('outdent')"
                                                                        title="Outdent" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="indentButton" type="button" class="indent" onclick="textEdit('indent')"
                                                                        title="Indent" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table>
                                                <tr>
                                                    <td class="Panels">
                                                        <table cellpadding="0px" cellspacing="1px">
                                                            <tr>
                                                                <td valign="bottom">
                                                                    <input title="Insert Button" type="button" class="insertButton-Button" id="insertButton"
                                                                        onclick="CreateObject('insertButton')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Insert CheckBox" type="button" id="Button2" class="insertCheckBoxButton"
                                                                        onclick="pasteHtmlElements('checkBox','','')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Insert ComboBox" type="button" id="Button3" class="insertComboBoxButton"
                                                                        onclick="pasteHtmlElements('comboBox','','')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Insert RadioButton" type="button" id="RaioButton" class="insertRadioButtons"
                                                                        onclick="pasteHtmlElements('radioButton','','')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="insertFileUploadButton" onclick="pasteHtmlElements('file','','')"
                                                                        title="Insert File Upload" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="insertPasswordButton" onclick="pasteHtmlElements('password','','')"
                                                                        title="Insert Password" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="insertTextBoxButton" onclick="pasteHtmlElements('textBox','','')"
                                                                        title="Insert TextBox" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="inserTextAreaButton" onclick="pasteHtmlElements('textArea','','')"
                                                                        title="Insert TextArea" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="createTableIcon" onclick="CreateObject('InsertTable')"
                                                                        title="Insert Table" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="Panels">
                                                        <table cellpadding="0px" cellspacing="1px">
                                                            <tr>
                                                                <td valign="bottom">
                                                                    <input type="button" class="CreateLink" onclick="CreateObject('CreateLink')" title="Link" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="BreakLink" onclick="textEdit('unlink')" title="Break Link" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="InsertImage" onclick="CreateObject('InsertImage')" title="Insert Image" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="insertSWF" onclick="createSWFMaker()" title="Insert SWF" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input class="insertSpecialCharacterButton" type='button' onclick='createSpecialCharacters(event)'/>
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="HorizontalLine" onclick="pasteHtmlElements('horizontalLine','','')"
                                                                        title="Insert Horizontal Line" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="pageBreak" onclick="pasteHtmlElements('pageBreaker','','')"
                                                                        title="Page Break" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="PrintButton" onclick="textEdit('Print')" title="Print" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="eraserButton" onclick="textEdit('removeFormat')" title="Remove Format" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input id="backColor" type="button" class="HighlighterButton" onclick="colorPickerAction(event,this.id,'ColorPickerDiv')"
                                                                        title="Background Color" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="SelectAll" onclick="textEdit('SelectAll')" title="Select All(Ctrl+A)" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="Panels">
                                                        <table cellpadding="0px" cellspacing="1px">
                                                            <tr>
                                                                <td valign="bottom">
                                                                    <input type="button" class="Cut" onclick="textEdit('cut')" title="Cut(Ctrl+x)" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="Paste" onclick="textEdit('paste')" title="Paste(Ctrl+v)" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input type="button" class="Copy" onclick="textEdit('copy')" title="Copy(Ctrl+c)" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Undo(Ctrl+z)" class="undoButtons" type="button" onclick="textEdit('undo')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Redo(Ctrl+y)" class="redoButtons" type="button" onclick="textEdit('redo')" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Save as" type="button" class="SaveasButton" onclick="saveAs()" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="View Source" class="ViewSourceButton" type="button" onclick="switchToSourceMode();" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Design" class="ViewDesignModeButton" type="button" onclick="switchToDesignMode()" />
                                                                </td>
                                                                <td valign="bottom">
                                                                    <input title="Preview" class="previewButton" type="button" onclick="preview()" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="Panels">
                                                        <table cellpadding="0px" cellspacing="1px">
                                                            <tr>
                                                                <td valign="top" class="slider">
                                                                    <div id="dd" class="ltt">
                                                                    </div>
                                                                    &nbsp;<img alt="" src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0KhY0kdyY-eo0NT5ooVVcp9AXMRzn63OAvLOOlu-s5uFBsFXT14LqFynm7f9kJGnuw2&t=634284427361610951' /><input
                                                                        checked="checked" type="radio" value="both" name="resizerRBT" /><img alt="" src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0KhY0kdyY-eo0NT5ooVVcp9AXMRzn63OAvLOOlu-s5uFVC_Rl8b5kGETULsLESACt_Adcm5WQ6uruoesM5moKbg1&t=634284427361610951' /><input
                                                                            type="radio" value="vertical" name="resizerRBT" /><img alt="" src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0KhY0kdyY-eo0NT5ooVVcp9AXMRzn63OAvLOOlu-s5uFQ_e_lilo-4b50lK13xKOSQ2&t=634284427361610951' /><input
                                                                                type="radio" value="horizontal" name="resizerRBT" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td align="left">
                            <div id="DesignMode" style="vertical-align: top">
                                <table cellpadding="0px" cellspacing="0px">
                                    <tr>
                                    
                                        <td class="iFrameParentTd" align="left">
                                            <div class="iFrameParentTd" id="iframeDiv">
                                                <iframe frameborder="0" id="textEditor" class="iFrame">
                                                </iframe>
                                            </div>
                                            <div>
                                                <textarea style="display: none" class="textArea" id="sourceTxt">
                                                </textarea>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <div>
                                    <div style="display: none" id="ColorPickerDiv" class="colorPickerDiv">
                                        <img alt="" src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0KhY0kdyY-eo0NT5ooVVcp8IahWkZjqojold1FC8l4ZmaBfZrc7ijyTfRGo2_s7x4w2&t=634284427361610951'
                                            usemap="#color_pallete" />
                                        <map name="color_pallete" id="color_pallete"><area alt=""
                                                shape="rect" coords="7,7,31,30" href="#F20000" onclick="getColor(this);" /><area
                                                    alt="" shape="rect" coords="35,7,59,30" href="#FCFB04" onclick="getColor(this);" /><area
                                                        alt="" shape="rect" coords="63,7,87,31" href="#F9BBEF" onclick="getColor(this);" /><area
                                                            alt="" shape="rect" coords="92,7,115,31" href="#7B7B7B" onclick="getColor(this);" /><area
                                                                alt="" shape="rect" coords="7,33,30,58" href="#008000" onclick="getColor(this);" /><area
                                                                    alt="" shape="rect" coords="36,34,59,57" href="#008080" onclick="getColor(this);" /><area
                                                                        alt="" shape="rect" coords="63,34,86,58" href="#0000ff" onclick="getColor(this);" /><area
                                                                            alt="" shape="rect" coords="92,35,115,57" href="#666699" onclick="getColor(this);" /><area
                                                                                alt="" shape="rect" coords="8,61,31,85" href="#339966" onclick="getColor(this);" /><area
                                                                                    alt="" shape="rect" coords="35,62,59,85" href="#33cccc" onclick="getColor(this);" /><area
                                                                                        alt="" shape="rect" coords="64,61,86,85" href="#3366ff" onclick="getColor(this);" /><area
                                                                                            alt="" shape="rect" coords="92,61,115,85" href="#800080" onclick="getColor(this);" /><area
                                                                                                alt="" shape="rect" coords="91,88,115,111" href="#FFFFFF" onclick="getColor(this);" /><area
                                                                                                    alt="" shape="rect" coords="64,88,87,111" href="#00ccff" onclick="getColor(this);" /><area
                                                                                                        alt="" shape="rect" coords="36,88,59,112" href="#00ffff" onclick="getColor(this);" /><area
                                                                                                            alt="" shape="rect" coords="8,88,30,111" href="#00ff00" onclick="getColor(this);" /></map>
                                    </div>
                                    <span id="colorPalDemo" name="colorPalDemo" class="" style="height: 50px; width: 50px;
                                        display: block; color: #ffffff;">
                                    </span>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </center>
        </span>
    </div>
    <div>
        <div style="display: none" id="advanceColorPickerDiv" class="advanceColorPickerDiv">
            <img border='0' style='margin-right: 2px;' src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0KhY0kdyY-eo0NT5ooVVcp8mVuXP5XQ6Z9njIzG49q6985XNdAVFweua9bKnmssUPg2&t=634284427361610951'
                usemap='#colormap' alt='colormap' /><map id='colormap' name='colormap' onmouseout='mouseOutMap()'><area
                    style='cursor: pointer' shape='poly' coords='63,0,72,4,72,15,63,19,54,15,54,4'
                    onclick='setAdvanceColorPickerValue("#003366")' alt='#003366' /><area style='cursor: pointer'
                        shape='poly' coords='81,0,90,4,90,15,81,19,72,15,72,4' onclick='setAdvanceColorPickerValue("#336699")'
                        alt='#336699' /><area style='cursor: pointer' shape='poly' coords='99,0,108,4,108,15,99,19,90,15,90,4'
                            onclick='setAdvanceColorPickerValue("#3366CC")' alt='#3366CC' /><area style='cursor: pointer'
                                shape='poly' coords='117,0,126,4,126,15,117,19,108,15,108,4' onclick='setAdvanceColorPickerValue("#003399")'
                                alt='#003399' /><area style='cursor: pointer' shape='poly' coords='135,0,144,4,144,15,135,19,126,15,126,4'
                                    onclick='setAdvanceColorPickerValue("#000099")' alt='#000099' /><area style='cursor: pointer'
                                        shape='poly' coords='153,0,162,4,162,15,153,19,144,15,144,4' onclick='setAdvanceColorPickerValue("#0000CC")'
                                        alt='#0000CC' /><area style='cursor: pointer' shape='poly' coords='171,0,180,4,180,15,171,19,162,15,162,4'
                                            onclick='setAdvanceColorPickerValue("#000066")' alt='#000066' /><area style='cursor: pointer'
                                                shape='poly' coords='54,15,63,19,63,30,54,34,45,30,45,19' onclick='setAdvanceColorPickerValue("#006666")'
                                                alt='#006666' /><area style='cursor: pointer' shape='poly' coords='72,15,81,19,81,30,72,34,63,30,63,19'
                                                    onclick='setAdvanceColorPickerValue("#006699")' alt='#006699' /><area style='cursor: pointer'
                                                        shape='poly' coords='90,15,99,19,99,30,90,34,81,30,81,19' onclick='setAdvanceColorPickerValue("#0099CC")'
                                                        alt='#0099CC' /><area style='cursor: pointer' shape='poly' coords='108,15,117,19,117,30,108,34,99,30,99,19'
                                                            onclick='setAdvanceColorPickerValue("#0066CC")' alt='#0066CC' /><area style='cursor: pointer'
                                                                shape='poly' coords='126,15,135,19,135,30,126,34,117,30,117,19' onclick='setAdvanceColorPickerValue("#0033CC")'
                                                                alt='#0033CC' /><area style='cursor: pointer' shape='poly' coords='144,15,153,19,153,30,144,34,135,30,135,19'
                                                                    onclick='setAdvanceColorPickerValue("#0000FF")' alt='#0000FF' /><area style='cursor: pointer'
                                                                        shape='poly' coords='162,15,171,19,171,30,162,34,153,30,153,19' onclick='setAdvanceColorPickerValue("#3333FF")'
                                                                        alt='#3333FF' /><area style='cursor: pointer' shape='poly' coords='180,15,189,19,189,30,180,34,171,30,171,19'
                                                                            onclick='setAdvanceColorPickerValue("#333399")' alt='#333399' /><area style='cursor: pointer'
                                                                                shape='poly' coords='45,30,54,34,54,45,45,49,36,45,36,34' onclick='setAdvanceColorPickerValue("#669999")'
                                                                                alt='#669999' /><area style='cursor: pointer' shape='poly' coords='63,30,72,34,72,45,63,49,54,45,54,34'
                                                                                    onclick='setAdvanceColorPickerValue("#009999")' alt='#009999' /><area style='cursor: pointer'
                                                                                        shape='poly' coords='81,30,90,34,90,45,81,49,72,45,72,34' onclick='setAdvanceColorPickerValue("#33CCCC")'
                                                                                        alt='#33CCCC' /><area style='cursor: pointer' shape='poly' coords='99,30,108,34,108,45,99,49,90,45,90,34'
                                                                                            onclick='setAdvanceColorPickerValue("#00CCFF")' alt='#00CCFF' /><area style='cursor: pointer'
                                                                                                shape='poly' coords='117,30,126,34,126,45,117,49,108,45,108,34' onclick='setAdvanceColorPickerValue("#0099FF")'
                                                                                                alt='#0099FF' /><area style='cursor: pointer' shape='poly' coords='135,30,144,34,144,45,135,49,126,45,126,34'
                                                                                                    onclick='setAdvanceColorPickerValue("#0066FF")' alt='#0066FF' /><area style='cursor: pointer'
                                                                                                        shape='poly' coords='153,30,162,34,162,45,153,49,144,45,144,34' onclick='setAdvanceColorPickerValue("#3366FF")'
                                                                                                        alt='#3366FF' /><area style='cursor: pointer' shape='poly' coords='171,30,180,34,180,45,171,49,162,45,162,34'
                                                                                                            onclick='setAdvanceColorPickerValue("#3333CC")' alt='#3333CC' /><area style='cursor: pointer'
                                                                                                                shape='poly' coords='189,30,198,34,198,45,189,49,180,45,180,34' onclick='setAdvanceColorPickerValue("#666699")'
                                                                                                                alt='#666699' /><area style='cursor: pointer' shape='poly' coords='36,45,45,49,45,60,36,64,27,60,27,49'
                                                                                                                    onclick='setAdvanceColorPickerValue("#339966")' alt='#339966' /><area style='cursor: pointer'
                                                                                                                        shape='poly' coords='54,45,63,49,63,60,54,64,45,60,45,49' onclick='setAdvanceColorPickerValue("#00CC99")'
                                                                                                                        alt='#00CC99' /><area style='cursor: pointer' shape='poly' coords='72,45,81,49,81,60,72,64,63,60,63,49'
                                                                                                                            onclick='setAdvanceColorPickerValue("#00FFCC")' alt='#00FFCC' /><area style='cursor: pointer'
                                                                                                                                shape='poly' coords='90,45,99,49,99,60,90,64,81,60,81,49' onclick='setAdvanceColorPickerValue("#00FFFF")'
                                                                                                                                alt='#00FFFF' /><area style='cursor: pointer' shape='poly' coords='108,45,117,49,117,60,108,64,99,60,99,49'
                                                                                                                                    onclick='setAdvanceColorPickerValue("#33CCFF")' alt='#33CCFF' /><area style='cursor: pointer'
                                                                                                                                        shape='poly' coords='126,45,135,49,135,60,126,64,117,60,117,49' onclick='setAdvanceColorPickerValue("#3399FF")'
                                                                                                                                        alt='#3399FF' /><area style='cursor: pointer' shape='poly' coords='144,45,153,49,153,60,144,64,135,60,135,49'
                                                                                                                                            onclick='setAdvanceColorPickerValue("#6699FF")' alt='#6699FF' /><area style='cursor: pointer'
                                                                                                                                                shape='poly' coords='162,45,171,49,171,60,162,64,153,60,153,49' onclick='setAdvanceColorPickerValue("#6666FF")'
                                                                                                                                                alt='#6666FF' /><area style='cursor: pointer' shape='poly' coords='180,45,189,49,189,60,180,64,171,60,171,49'
                                                                                                                                                    onclick='setAdvanceColorPickerValue("#6600FF")' alt='#6600FF' /><area style='cursor: pointer'
                                                                                                                                                        shape='poly' coords='198,45,207,49,207,60,198,64,189,60,189,49' onclick='setAdvanceColorPickerValue("#6600CC")'
                                                                                                                                                        alt='#6600CC' /><area style='cursor: pointer' shape='poly' coords='27,60,36,64,36,75,27,79,18,75,18,64'
                                                                                                                                                            onclick='setAdvanceColorPickerValue("#339933")' alt='#339933' /><area style='cursor: pointer'
                                                                                                                                                                shape='poly' coords='45,60,54,64,54,75,45,79,36,75,36,64' onclick='setAdvanceColorPickerValue("#00CC66")'
                                                                                                                                                                alt='#00CC66' /><area style='cursor: pointer' shape='poly' coords='63,60,72,64,72,75,63,79,54,75,54,64'
                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#00FF99")' alt='#00FF99' /><area style='cursor: pointer'
                                                                                                                                                                        shape='poly' coords='81,60,90,64,90,75,81,79,72,75,72,64' onclick='setAdvanceColorPickerValue("#66FFCC")'
                                                                                                                                                                        alt='#66FFCC' /><area style='cursor: pointer' shape='poly' coords='99,60,108,64,108,75,99,79,90,75,90,64'
                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#66FFFF")' alt='#66FFFF' /><area style='cursor: pointer'
                                                                                                                                                                                shape='poly' coords='117,60,126,64,126,75,117,79,108,75,108,64' onclick='setAdvanceColorPickerValue("#66CCFF")'
                                                                                                                                                                                alt='#66CCFF' /><area style='cursor: pointer' shape='poly' coords='135,60,144,64,144,75,135,79,126,75,126,64'
                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#99CCFF")' alt='#99CCFF' /><area style='cursor: pointer'
                                                                                                                                                                                        shape='poly' coords='153,60,162,64,162,75,153,79,144,75,144,64' onclick='setAdvanceColorPickerValue("#9999FF")'
                                                                                                                                                                                        alt='#9999FF' /><area style='cursor: pointer' shape='poly' coords='171,60,180,64,180,75,171,79,162,75,162,64'
                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#9966FF")' alt='#9966FF' /><area style='cursor: pointer'
                                                                                                                                                                                                shape='poly' coords='189,60,198,64,198,75,189,79,180,75,180,64' onclick='setAdvanceColorPickerValue("#9933FF")'
                                                                                                                                                                                                alt='#9933FF' /><area style='cursor: pointer' shape='poly' coords='207,60,216,64,216,75,207,79,198,75,198,64'
                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#9900FF")' alt='#9900FF' /><area style='cursor: pointer'
                                                                                                                                                                                                        shape='poly' coords='18,75,27,79,27,90,18,94,9,90,9,79' onclick='setAdvanceColorPickerValue("#006600")'
                                                                                                                                                                                                        alt='#006600' /><area style='cursor: pointer' shape='poly' coords='36,75,45,79,45,90,36,94,27,90,27,79'
                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#00CC00")' alt='#00CC00' /><area style='cursor: pointer'
                                                                                                                                                                                                                shape='poly' coords='54,75,63,79,63,90,54,94,45,90,45,79' onclick='setAdvanceColorPickerValue("#00FF00")'
                                                                                                                                                                                                                alt='#00FF00' /><area style='cursor: pointer' shape='poly' coords='72,75,81,79,81,90,72,94,63,90,63,79'
                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#66FF99")' alt='#66FF99' /><area style='cursor: pointer'
                                                                                                                                                                                                                        shape='poly' coords='90,75,99,79,99,90,90,94,81,90,81,79' onclick='setAdvanceColorPickerValue("#99FFCC")'
                                                                                                                                                                                                                        alt='#99FFCC' /><area style='cursor: pointer' shape='poly' coords='108,75,117,79,117,90,108,94,99,90,99,79'
                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CCFFFF")' alt='#CCFFFF' /><area style='cursor: pointer'
                                                                                                                                                                                                                                shape='poly' coords='126,75,135,79,135,90,126,94,117,90,117,79' onclick='setAdvanceColorPickerValue("#CCCCFF")'
                                                                                                                                                                                                                                alt='#CCCCFF' /><area style='cursor: pointer' shape='poly' coords='144,75,153,79,153,90,144,94,135,90,135,79'
                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#CC99FF")' alt='#CC99FF' /><area style='cursor: pointer'
                                                                                                                                                                                                                                        shape='poly' coords='162,75,171,79,171,90,162,94,153,90,153,79' onclick='setAdvanceColorPickerValue("#CC66FF")'
                                                                                                                                                                                                                                        alt='#CC66FF' /><area style='cursor: pointer' shape='poly' coords='180,75,189,79,189,90,180,94,171,90,171,79'
                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CC33FF")' alt='#CC33FF' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                shape='poly' coords='198,75,207,79,207,90,198,94,189,90,189,79' onclick='setAdvanceColorPickerValue("#CC00FF")'
                                                                                                                                                                                                                                                alt='#CC00FF' /><area style='cursor: pointer' shape='poly' coords='216,75,225,79,225,90,216,94,207,90,207,79'
                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#9900CC")' alt='#9900CC' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                        shape='poly' coords='9,90,18,94,18,105,9,109,0,105,0,94' onclick='setAdvanceColorPickerValue("#003300")'
                                                                                                                                                                                                                                                        alt='#003300' /><area style='cursor: pointer' shape='poly' coords='27,90,36,94,36,105,27,109,18,105,18,94'
                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#009933")' alt='#009933' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                shape='poly' coords='45,90,54,94,54,105,45,109,36,105,36,94' onclick='setAdvanceColorPickerValue("#33CC33")'
                                                                                                                                                                                                                                                                alt='#33CC33' /><area style='cursor: pointer' shape='poly' coords='63,90,72,94,72,105,63,109,54,105,54,94'
                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#66FF66")' alt='#66FF66' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                        shape='poly' coords='81,90,90,94,90,105,81,109,72,105,72,94' onclick='setAdvanceColorPickerValue("#99FF99")'
                                                                                                                                                                                                                                                                        alt='#99FF99' /><area style='cursor: pointer' shape='poly' coords='99,90,108,94,108,105,99,109,90,105,90,94'
                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CCFFCC")' alt='#CCFFCC' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                shape='poly' coords='117,90,126,94,126,105,117,109,108,105,108,94' onclick='setAdvanceColorPickerValue("#FFFFFF")'
                                                                                                                                                                                                                                                                                alt='#FFFFFF' /><area style='cursor: pointer' shape='poly' coords='135,90,144,94,144,105,135,109,126,105,126,94'
                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FFCCFF")' alt='#FFCCFF' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                        shape='poly' coords='153,90,162,94,162,105,153,109,144,105,144,94' onclick='setAdvanceColorPickerValue("#FF99FF")'
                                                                                                                                                                                                                                                                                        alt='#FF99FF' /><area style='cursor: pointer' shape='poly' coords='171,90,180,94,180,105,171,109,162,105,162,94'
                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FF66FF")' alt='#FF66FF' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                shape='poly' coords='189,90,198,94,198,105,189,109,180,105,180,94' onclick='setAdvanceColorPickerValue("#FF00FF")'
                                                                                                                                                                                                                                                                                                alt='#FF00FF' /><area style='cursor: pointer' shape='poly' coords='207,90,216,94,216,105,207,109,198,105,198,94'
                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#CC00CC")' alt='#CC00CC' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                        shape='poly' coords='225,90,234,94,234,105,225,109,216,105,216,94' onclick='setAdvanceColorPickerValue("#660066")'
                                                                                                                                                                                                                                                                                                        alt='#660066' /><area style='cursor: pointer' shape='poly' coords='18,105,27,109,27,120,18,124,9,120,9,109'
                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#336600")' alt='#336600' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                shape='poly' coords='36,105,45,109,45,120,36,124,27,120,27,109' onclick='setAdvanceColorPickerValue("#009900")'
                                                                                                                                                                                                                                                                                                                alt='#009900' /><area style='cursor: pointer' shape='poly' coords='54,105,63,109,63,120,54,124,45,120,45,109'
                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#66FF33")' alt='#66FF33' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                        shape='poly' coords='72,105,81,109,81,120,72,124,63,120,63,109' onclick='setAdvanceColorPickerValue("#99FF66")'
                                                                                                                                                                                                                                                                                                                        alt='#99FF66' /><area style='cursor: pointer' shape='poly' coords='90,105,99,109,99,120,90,124,81,120,81,109'
                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CCFF99")' alt='#CCFF99' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                shape='poly' coords='108,105,117,109,117,120,108,124,99,120,99,109' onclick='setAdvanceColorPickerValue("#FFFFCC")'
                                                                                                                                                                                                                                                                                                                                alt='#FFFFCC' /><area style='cursor: pointer' shape='poly' coords='126,105,135,109,135,120,126,124,117,120,117,109'
                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FFCCCC")' alt='#FFCCCC' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='144,105,153,109,153,120,144,124,135,120,135,109' onclick='setAdvanceColorPickerValue("#FF99CC")'
                                                                                                                                                                                                                                                                                                                                        alt='#FF99CC' /><area style='cursor: pointer' shape='poly' coords='162,105,171,109,171,120,162,124,153,120,153,109'
                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FF66CC")' alt='#FF66CC' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='180,105,189,109,189,120,180,124,171,120,171,109' onclick='setAdvanceColorPickerValue("#FF33CC")'
                                                                                                                                                                                                                                                                                                                                                alt='#FF33CC' /><area style='cursor: pointer' shape='poly' coords='198,105,207,109,207,120,198,124,189,120,189,109'
                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#CC0099")' alt='#CC0099' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='216,105,225,109,225,120,216,124,207,120,207,109' onclick='setAdvanceColorPickerValue("#993399")'
                                                                                                                                                                                                                                                                                                                                                        alt='#993399' /><area style='cursor: pointer' shape='poly' coords='27,120,36,124,36,135,27,139,18,135,18,124'
                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#333300")' alt='#333300' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='45,120,54,124,54,135,45,139,36,135,36,124' onclick='setAdvanceColorPickerValue("#669900")'
                                                                                                                                                                                                                                                                                                                                                                alt='#669900' /><area style='cursor: pointer' shape='poly' coords='63,120,72,124,72,135,63,139,54,135,54,124'
                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#99FF33")' alt='#99FF33' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='81,120,90,124,90,135,81,139,72,135,72,124' onclick='setAdvanceColorPickerValue("#CCFF66")'
                                                                                                                                                                                                                                                                                                                                                                        alt='#CCFF66' /><area style='cursor: pointer' shape='poly' coords='99,120,108,124,108,135,99,139,90,135,90,124'
                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FFFF99")' alt='#FFFF99' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='117,120,126,124,126,135,117,139,108,135,108,124' onclick='setAdvanceColorPickerValue("#FFCC99")'
                                                                                                                                                                                                                                                                                                                                                                                alt='#FFCC99' /><area style='cursor: pointer' shape='poly' coords='135,120,144,124,144,135,135,139,126,135,126,124'
                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FF9999")' alt='#FF9999' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='153,120,162,124,162,135,153,139,144,135,144,124' onclick='setAdvanceColorPickerValue("#FF6699")'
                                                                                                                                                                                                                                                                                                                                                                                        alt='#FF6699' /><area style='cursor: pointer' shape='poly' coords='171,120,180,124,180,135,171,139,162,135,162,124'
                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FF3399")' alt='#FF3399' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='189,120,198,124,198,135,189,139,180,135,180,124' onclick='setAdvanceColorPickerValue("#CC3399")'
                                                                                                                                                                                                                                                                                                                                                                                                alt='#CC3399' /><area style='cursor: pointer' shape='poly' coords='207,120,216,124,216,135,207,139,198,135,198,124'
                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#990099")' alt='#990099' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='36,135,45,139,45,150,36,154,27,150,27,139' onclick='setAdvanceColorPickerValue("#666633")'
                                                                                                                                                                                                                                                                                                                                                                                                        alt='#666633' /><area style='cursor: pointer' shape='poly' coords='54,135,63,139,63,150,54,154,45,150,45,139'
                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#99CC00")' alt='#99CC00' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='72,135,81,139,81,150,72,154,63,150,63,139' onclick='setAdvanceColorPickerValue("#CCFF33")'
                                                                                                                                                                                                                                                                                                                                                                                                                alt='#CCFF33' /><area style='cursor: pointer' shape='poly' coords='90,135,99,139,99,150,90,154,81,150,81,139'
                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FFFF66")' alt='#FFFF66' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='108,135,117,139,117,150,108,154,99,150,99,139' onclick='setAdvanceColorPickerValue("#FFCC66")'
                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#FFCC66' /><area style='cursor: pointer' shape='poly' coords='126,135,135,139,135,150,126,154,117,150,117,139'
                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FF9966")' alt='#FF9966' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='144,135,153,139,153,150,144,154,135,150,135,139' onclick='setAdvanceColorPickerValue("#FF6666")'
                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#FF6666' /><area style='cursor: pointer' shape='poly' coords='162,135,171,139,171,150,162,154,153,150,153,139'
                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FF0066")' alt='#FF0066' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='180,135,189,139,189,150,180,154,171,150,171,139' onclick='setAdvanceColorPickerValue("#CC6699")'
                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#CC6699' /><area style='cursor: pointer' shape='poly' coords='198,135,207,139,207,150,198,154,189,150,189,139'
                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#993366")' alt='#993366' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='45,150,54,154,54,165,45,169,36,165,36,154' onclick='setAdvanceColorPickerValue("#999966")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#999966' /><area style='cursor: pointer' shape='poly' coords='63,150,72,154,72,165,63,169,54,165,54,154'
                                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#CCCC00")' alt='#CCCC00' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='81,150,90,154,90,165,81,169,72,165,72,154' onclick='setAdvanceColorPickerValue("#FFFF00")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#FFFF00' /><area style='cursor: pointer' shape='poly' coords='99,150,108,154,108,165,99,169,90,165,90,154'
                                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FFCC00")' alt='#FFCC00' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='117,150,126,154,126,165,117,169,108,165,108,154' onclick='setAdvanceColorPickerValue("#FF9933")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#FF9933' /><area style='cursor: pointer' shape='poly' coords='135,150,144,154,144,165,135,169,126,165,126,154'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FF6600")' alt='#FF6600' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='153,150,162,154,162,165,153,169,144,165,144,154' onclick='setAdvanceColorPickerValue("#FF5050")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#FF5050' /><area style='cursor: pointer' shape='poly' coords='171,150,180,154,180,165,171,169,162,165,162,154'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CC0066")' alt='#CC0066' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='189,150,198,154,198,165,189,169,180,165,180,154' onclick='setAdvanceColorPickerValue("#660033")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#660033' /><area style='cursor: pointer' shape='poly' coords='54,165,63,169,63,180,54,184,45,180,45,169'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#996633")' alt='#996633' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='72,165,81,169,81,180,72,184,63,180,63,169' onclick='setAdvanceColorPickerValue("#CC9900")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#CC9900' /><area style='cursor: pointer' shape='poly' coords='90,165,99,169,99,180,90,184,81,180,81,169'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#FF9900")' alt='#FF9900' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='108,165,117,169,117,180,108,184,99,180,99,169' onclick='setAdvanceColorPickerValue("#CC6600")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#CC6600' /><area style='cursor: pointer' shape='poly' coords='126,165,135,169,135,180,126,184,117,180,117,169'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#FF3300")' alt='#FF3300' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='144,165,153,169,153,180,144,184,135,180,135,169' onclick='setAdvanceColorPickerValue("#FF0000")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#FF0000' /><area style='cursor: pointer' shape='poly' coords='162,165,171,169,171,180,162,184,153,180,153,169'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CC0000")' alt='#CC0000' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='180,165,189,169,189,180,180,184,171,180,171,169' onclick='setAdvanceColorPickerValue("#990033")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#990033' /><area style='cursor: pointer' shape='poly' coords='63,180,72,184,72,195,63,199,54,195,54,184'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#663300")' alt='#663300' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='81,180,90,184,90,195,81,199,72,195,72,184' onclick='setAdvanceColorPickerValue("#996600")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#996600' /><area style='cursor: pointer' shape='poly' coords='99,180,108,184,108,195,99,199,90,195,90,184'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#CC3300")' alt='#CC3300' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                shape='poly' coords='117,180,126,184,126,195,117,199,108,195,108,184' onclick='setAdvanceColorPickerValue("#993300")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                alt='#993300' /><area style='cursor: pointer' shape='poly' coords='135,180,144,184,144,195,135,199,126,195,126,184'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    onclick='setAdvanceColorPickerValue("#990000")' alt='#990000' /><area style='cursor: pointer'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        shape='poly' coords='153,180,162,184,162,195,153,199,144,195,144,184' onclick='setAdvanceColorPickerValue("#800000")'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt='#800000' /><area style='cursor: pointer' shape='poly' coords='171,180,180,184,180,195,171,199,162,195,162,184'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            onclick='setAdvanceColorPickerValue("#993333")' alt='#993333' /></map></div>
    </div>
    <a onclick="create()">create</a><a onclick="remove()">remove</a><script
        language="javascript" src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0BFU87tWa9PMXdzmBsZsdkH1I6C2YzjhdOXrR8kepxtV0&t=634284427361610951'></script></span>
    
    <div id="div1">
        <input type="submit" name="Button1" value="Get Data" onclick="sendValue();" id="Button1"
            style="border-style: groove" />
    </div>

    <script type="text/javascript"> 
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
    </script>

    <script language="javascript" src='/WebResource.axd?d=zYrNudvm0vHIUKzJgop_0P3kJeGWGn531ONR9hLuCQjHtKlGomnqLAWe-GABpiBx0&t=634284427361610951'></script>

    </form>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Student UFMG
Brazil Brazil
I am a PhD candidate in computer science. I started software development since 2006 and it seems like now it consumes most every part of my life. My life is my computer and solving problems, more specifically computational-mathematical problems, is my passion.I mostly enjoy areas like Machine Learning, Big Data and Brain-Computer Interface (BCI). My major goal in my life is becoming a person who utilizes everything he knows to improve human life quality. I also like hiking and reading self-development books.

Comments and Discussions