ftb-pro.js
来自「jsp实现的网上购物系统」· JavaScript 代码 · 共 1,416 行 · 第 1/5 页
JS
1,416 行
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF66CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6699;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6666;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6633;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6600;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF33FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF33CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3399;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3366;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3333;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3300;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF00FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF00CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0099;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0066;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0033;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0000;' class=cc></td> \
</tr> \
<tr> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC66FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC66CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6699;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6666;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6633;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6600;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC33FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC33CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3399;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3366;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3333;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3300;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC00FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC00CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0099;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0066;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0033;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0000;' class=cc></td> \
</tr> \
<tr> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9966FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9966CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996699;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996666;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996633;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996600;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9933FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9933CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993399;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993366;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993333;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993300;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9900FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9900CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990099;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990066;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990033;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990000;' class=cc></td> \
</tr> \
<tr> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6666FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6666CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666699;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666666;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666633;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666600;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6633FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6633CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663399;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663366;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663333;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663300;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6600FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6600CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660099;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660066;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660033;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660000;' class=cc></td> \
</tr> \
<tr> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3366FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3366CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336699;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336666;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336633;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336600;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3333FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3333CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333399;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333366;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333333;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333300;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3300FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3300CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330099;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330066;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330033;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330000;' class=cc></td> \
</tr> \
<tr> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0066FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0066CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006699;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006666;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006633;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006600;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0033FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0033CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003399;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003366;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003333;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003300;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0000FF;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0000CC;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000099;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000066;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000033;' class=cc></td> \
<td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000000;' class=cc></td> \
</tr> \
</table> \
</td><td valign='top'>\
<div id='PreviewDiv' style='width:60px;height:40px;border: 1px solid black; background-color: START_VALUE;'> </div><br /> \
<input type='text' name='ColorText' id='ColorText' style='width:60px;' onkeyup='userInput(this);' value=''> \
</td></tr></table>\
<div class='footer'>\
<input type='button' id='ColorButton' value='OK' onclick='okButton();window.close();' />\
<input type='button' id='CancelButton' value='Cancel' onclick='window.close();' >\
</div>\
</form>\
<script type='text/javascript'>\
function load() {\
ftb = window.launchParameters['ftb'];\
color = ftb.QueryCommandValue(window.launchParameters['commandName']);\
if (color.toString().toLowerCase().indexOf('rgb') > -1) color = window.opener.FTB_RgbStringToHex(color); \
previewColor(color); \
setTextField(color); \
}\
</script>\
</body>\
</html>");
var FTB_StyleEditorHtml = "<html>\
<head>\
<style type='text/css'>\
h1 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;}\
h2 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 1px solid #90A8F0; color: #90A8F0;}\
#s_container { height: 240px; clear: both;}\
#s_sampleContainer { background-color: #fff;}\
.tabMenu { list-style:none; margin:0px; padding:0px; }\
.tabMenu li { margin:0px; padding:0px; }\
a:link, a:visited, a:active, a:hover { text-decoration:none; }\
a.selectedTab { color: #000; display: block; width:80px; border: 1px solid #aaa; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 4px; margin:0px; background-color: #Edf0D9;}\
a.unselectedTab { color: #000; display: block; width:80px; border: 0; padding: 5px; margin:0px; background-color: #ECE9D8;}\
html, body { background-color: #ECE9D8; color: #000000; font: 11px Tahoma,Verdana,sans-serif; padding: 0px; }\
body { margin: 5px; }\
form { margin: 0px; padding: 0px;}\
table { font: 11px Tahoma,Verdana,sans-serif; }\
fieldset { padding: 0px 10px 5px 5px; }\
button { width: 75px; }\
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }\
.f_title { text-align:right; width: 70px;}\
</style>\
<script type='text/javascript'>\
function FTB_StyleEditor(id) {\
this.id = id;\
};\
FTB_StyleEditor.prototype.UpdateStylePreview = function() {\
this.ChangeElementStyle(this.previewDiv);\
};\
FTB_StyleEditor.prototype.ReturnStyle = function() {\
el = window.launchParameters['element'];\
this.ChangeElementStyle(el);\
ftb = window.launchParameters['ftb'];\
};\
FTB_StyleEditor.prototype.Initialize = function() {\
styleEditor = this;\
\
this.ftb = window.launchParameters['ftb'];\
\
this.previewDiv = document.getElementById('s_sample');\
\
this.fontLayer = document.getElementById('s_layer_font');\
this.textLayer = document.getElementById('s_layer_text');\
this.backgroundLayer = document.getElementById('s_layer_background');\
this.spacingLayer = document.getElementById('s_layer_spacing');\
this.bordersLayer = document.getElementById('s_layer_borders');\
\
this.fontTab = document.getElementById('s_tab_font');\
this.fontTab.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.fontTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.fontTab,this.styleEditor.fontLayer); });\
this.textTab = document.getElementById('s_tab_text');\
this.textTab.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.textTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.textTab,this.styleEditor.textLayer); });\
this.backgroundTab = document.getElementById('s_tab_background');\
this.backgroundTab.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.backgroundTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.backgroundTab,this.styleEditor.backgroundLayer); });\
this.spacingTab = document.getElementById('s_tab_spacing');\
this.spacingTab.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.spacingTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.spacingTab,this.styleEditor.spacingLayer); });\
this.bordersTab = document.getElementById('s_tab_borders');\
this.bordersTab.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.bordersTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.bordersTab,this.styleEditor.bordersLayer); });\
\
\
this.fontFamily = document.getElementById('s_fontFamily');\
this.fontFamily.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.fontFamily,'keyup',function() {this.styleEditor.UpdateStylePreview(); } );\
this.color = document.getElementById('s_color');\
this.color.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.color,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
this.size = document.getElementById('s_fontSize');\
this.size.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.size,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
this.sizeUnit = document.getElementById('s_fontSizeUnit');\
this.sizeUnit.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.sizeUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\
\
\
this.bold = document.getElementById('s_bold');\
this.bold.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.bold,'click',function() {this.styleEditor.UpdateStylePreview(); });\
this.italic = document.getElementById('s_italic');\
this.italic.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.italic,'click',function() {this.styleEditor.UpdateStylePreview(); });\
this.smallcaps = document.getElementById('s_smallcaps');\
this.smallcaps.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.smallcaps,'click',function() {this.styleEditor.UpdateStylePreview(); });\
this.strikethrough = document.getElementById('s_strikethrough');\
this.strikethrough.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.strikethrough,'click',function() {this.styleEditor.UpdateStylePreview(); });\
this.underline = document.getElementById('s_underline');\
this.underline.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.underline,'click',function() {this.styleEditor.UpdateStylePreview(); });\
this.overline = document.getElementById('s_overline');\
this.overline.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.overline,'click',function() {this.styleEditor.UpdateStylePreview(); });\
this.capitalization = document.getElementById('s_capitalization');\
this.capitalization.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.capitalization,'click',function() {this.styleEditor.UpdateStylePreview(); });\
\
this.halign = document.getElementById('s_halign');\
this.halign.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.halign,'change',function() {this.styleEditor.UpdateStylePreview(); });\
this.valign = document.getElementById('s_valign');\
this.valign.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.valign,'change',function() {this.styleEditor.UpdateStylePreview(); });\
this.textIndent = document.getElementById('s_textIndent');\
this.textIndent.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.textIndent,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
this.textIndentUnit = document.getElementById('s_textIndentUnit');\
this.textIndentUnit.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.textIndentUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\
this.direction = document.getElementById('s_direction');\
this.direction.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.direction,'change',function() {this.styleEditor.UpdateStylePreview(); });\
\
\
this.backcolor = document.getElementById('s_backcolor');\
this.backcolor.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.backcolor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
\
this.letterSpacing = document.getElementById('s_letterSpacing');\
this.letterSpacing.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.letterSpacing,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
this.letterSpacingUnit = document.getElementById('s_letterSpacingUnit');\
this.letterSpacingUnit.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.letterSpacingUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\
this.lineHeight = document.getElementById('s_lineHeight');\
this.lineHeight.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.lineHeight,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
this.lineHeightUnit = document.getElementById('s_lineHeightUnit');\
this.lineHeightUnit.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.lineHeightUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\
\
this.marginLeft = document.getElementById('s_marginLeft');\
this.marginLeft.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.marginLeft,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\
this.marginLeftUnit = document.getElementById('s_marginLeft_unit');\
this.marginLeftUnit.styleEditor = styleEditor;\
window.opener.FTB_AddEvent(this.marginLeftUnit,'change',function() {this.styleEditor
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?