| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 | <!DOCTYPE html><html><head>    <title></title>    <script type="text/javascript" src="../internal.js"></script>    <style type="text/css">        .section {            text-align: center;            margin-top: 10px;        }        .section input {            margin-left: 5px;            width: 70px;        }    </style></head><body><div class="section">    <span><var id="lang_tdBkColor"></var></span>    <input type="text" id="J_tone"/></div><script type="text/javascript">    var tone = $G("J_tone"),            colorPiker = new UE.ui.ColorPicker({                editor:editor            }),            colorPop = new UE.ui.Popup({                editor:editor,                content:colorPiker            });    domUtils.on(tone, "click", function () {        colorPop.showAnchor(tone);    });    domUtils.on(document, 'mousedown', function () {        colorPop.hide();    });    colorPiker.addListener("pickcolor", function () {        tone.value = arguments[1];        colorPop.hide();    });    colorPiker.addListener("picknocolor", function () {        tone.value="";        colorPop.hide();    });    dialog.onok=function(){        editor.execCommand("edittd",tone.value);    };    var start = editor.selection.getStart(),        cell = start && domUtils.findParentByTagName(start, ["td", "th"], true);    if(cell){        var color = domUtils.getComputedStyle(cell,'background-color');        if(/^#/.test(color)){            tone.value = color        }    }</script></body></html>
 |