Avoid using multiline strings JS-C1000
Style
Minor
8 months ago
—
a year old
Multiline support is limited to browsers supporting ES5 only
275.footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }\
276";
277
278var FTB_PopUpHeader = new String("<html><body> \279<head>\280<title>POPUP_TITLE</title>\281<style type='text/css'>\282html, body { \283 background-color: #ECE9D8; \284 color: #000000; \285 font: 11px Tahoma,Verdana,sans-serif; \286 padding: 0px; \287} \288body { margin: 5px; } \289form { margin: 0px; padding: 0px;} \290table { \291 font: 11px Tahoma,Verdana,sans-serif; \292} \293form p { \294 margin-top: 5px; \295 margin-bottom: 5px; \296} \297h3 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;} \298.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } \299.fr { width: 7em; float: left; padding: 2px 5px; text-align: right; } \300fieldset { padding: 0px 10px 5px 5px; } \301button { width: 75px; } \302select, input, button { font: 11px Tahoma,Verdana,sans-serif; } \303.space { padding: 2px; } \304.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; \305border-bottom: 1px solid black; letter-spacing: 2px; \306} \307.f_title { text-align:right; }\308.footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }\</style>\309<script type='text/javascript'>\310POPUP_SCRIPT\311</script>\312</head>\313<body>\314<form action=''> \315<h3>POPUP_TITLE</h3> \316POPUP_HTML \317</form> \318</body> \319</html>");Multiline support is limited to browsers supporting ES5 only
245};
246/* Static Popup HTML
247---------------------------------------- */
248var FTB_PopUpStyle = "\249html, body { \250 background-color: #ECE9D8; \251 color: #000000; \252 font: 11px Tahoma,Verdana,sans-serif; \253 padding: 0px; \254} \255body { margin: 5px; } \256form { margin: 0px; padding: 0px;} \257table { \258 font: 11px Tahoma,Verdana,sans-serif; \259} \260form p { \261 margin-top: 5px; \262 margin-bottom: 5px; \263} \264h3 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;} \265.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } \266.fr { width: 7em; float: left; padding: 2px 5px; text-align: right; } \267fieldset { padding: 0px 10px 5px 5px; } \268button { width: 75px; } \269select, input, button { font: 11px Tahoma,Verdana,sans-serif; } \270.space { padding: 2px; } \271.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; \272border-bottom: 1px solid black; letter-spacing: 2px; \273} \274.f_title { text-align:right; }\275.footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }\276";277
278var FTB_PopUpHeader = new String("<html><body> \
279<head>\Multiline support is limited to browsers supporting ES5 only
1058</html>");
1059
1060
1061var FTB_StyleEditorHtml = "<html>\1062<head>\1063<style type='text/css'>\1064h1 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;}\1065h2 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 1px solid #90A8F0; color: #90A8F0;}\1066#s_container { height: 240px; clear: both;}\1067#s_sampleContainer { background-color: #fff;}\1068.tabMenu { list-style:none; margin:0px; padding:0px; }\1069.tabMenu li { margin:0px; padding:0px; }\1070a:link, a:visited, a:active, a:hover { text-decoration:none; }\1071a.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;}\1072a.unselectedTab { color: #000; display: block; width:80px; border: 0; padding: 5px; margin:0px; background-color: #ECE9D8;}\1073html, body { background-color: #ECE9D8; color: #000000; font: 11px Tahoma,Verdana,sans-serif; padding: 0px; }\1074body { margin: 5px; }\1075form { margin: 0px; padding: 0px;}\1076table { font: 11px Tahoma,Verdana,sans-serif; }\1077fieldset { padding: 0px 10px 5px 5px; }\1078button { width: 75px; }\1079select, input, button { font: 11px Tahoma,Verdana,sans-serif; }\1080.f_title { text-align:right; width: 70px;}\1081</style>\1082<script type='text/javascript'>\1083function FTB_StyleEditor(id) {\1084 this.id = id;\1085};\1086FTB_StyleEditor.prototype.UpdateStylePreview = function() {\1087 this.ChangeElementStyle(this.previewDiv);\1088};\1089FTB_StyleEditor.prototype.ReturnStyle = function() {\1090 el = window.launchParameters['element'];\1091 this.ChangeElementStyle(el);\1092 ftb = window.launchParameters['ftb'];\1093};\1094FTB_StyleEditor.prototype.Initialize = function() {\1095 styleEditor = this;\1096 \1097 this.ftb = window.launchParameters['ftb'];\1098 \1099 this.previewDiv = document.getElementById('s_sample');\1100 \1101 this.fontLayer = document.getElementById('s_layer_font');\1102 this.textLayer = document.getElementById('s_layer_text');\1103 this.backgroundLayer = document.getElementById('s_layer_background');\1104 this.spacingLayer = document.getElementById('s_layer_spacing');\1105 this.bordersLayer = document.getElementById('s_layer_borders');\1106 \1107 this.fontTab = document.getElementById('s_tab_font');\1108 this.fontTab.styleEditor = styleEditor;\1109 window.opener.FTB_AddEvent(this.fontTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.fontTab,this.styleEditor.fontLayer); });\1110 this.textTab = document.getElementById('s_tab_text');\1111 this.textTab.styleEditor = styleEditor;\1112 window.opener.FTB_AddEvent(this.textTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.textTab,this.styleEditor.textLayer); });\1113 this.backgroundTab = document.getElementById('s_tab_background');\1114 this.backgroundTab.styleEditor = styleEditor;\1115 window.opener.FTB_AddEvent(this.backgroundTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.backgroundTab,this.styleEditor.backgroundLayer); });\1116 this.spacingTab = document.getElementById('s_tab_spacing');\1117 this.spacingTab.styleEditor = styleEditor;\1118 window.opener.FTB_AddEvent(this.spacingTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.spacingTab,this.styleEditor.spacingLayer); });\1119 this.bordersTab = document.getElementById('s_tab_borders');\1120 this.bordersTab.styleEditor = styleEditor;\1121 window.opener.FTB_AddEvent(this.bordersTab,'click',function() {this.styleEditor.ShowLayer(this.styleEditor.bordersTab,this.styleEditor.bordersLayer); });\1122\1123 \1124 this.fontFamily = document.getElementById('s_fontFamily');\1125 this.fontFamily.styleEditor = styleEditor;\1126 window.opener.FTB_AddEvent(this.fontFamily,'keyup',function() {this.styleEditor.UpdateStylePreview(); } );\1127 this.color = document.getElementById('s_color');\1128 this.color.styleEditor = styleEditor;\1129 window.opener.FTB_AddEvent(this.color,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1130 this.size = document.getElementById('s_fontSize');\1131 this.size.styleEditor = styleEditor;\1132 window.opener.FTB_AddEvent(this.size,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1133 this.sizeUnit = document.getElementById('s_fontSizeUnit');\1134 this.sizeUnit.styleEditor = styleEditor;\1135 window.opener.FTB_AddEvent(this.sizeUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1136\1137 \1138 this.bold = document.getElementById('s_bold');\1139 this.bold.styleEditor = styleEditor;\1140 window.opener.FTB_AddEvent(this.bold,'click',function() {this.styleEditor.UpdateStylePreview(); });\1141 this.italic = document.getElementById('s_italic');\1142 this.italic.styleEditor = styleEditor;\1143 window.opener.FTB_AddEvent(this.italic,'click',function() {this.styleEditor.UpdateStylePreview(); });\1144 this.smallcaps = document.getElementById('s_smallcaps');\1145 this.smallcaps.styleEditor = styleEditor;\1146 window.opener.FTB_AddEvent(this.smallcaps,'click',function() {this.styleEditor.UpdateStylePreview(); });\1147 this.strikethrough = document.getElementById('s_strikethrough');\1148 this.strikethrough.styleEditor = styleEditor;\1149 window.opener.FTB_AddEvent(this.strikethrough,'click',function() {this.styleEditor.UpdateStylePreview(); });\1150 this.underline = document.getElementById('s_underline');\1151 this.underline.styleEditor = styleEditor;\1152 window.opener.FTB_AddEvent(this.underline,'click',function() {this.styleEditor.UpdateStylePreview(); });\1153 this.overline = document.getElementById('s_overline');\1154 this.overline.styleEditor = styleEditor;\1155 window.opener.FTB_AddEvent(this.overline,'click',function() {this.styleEditor.UpdateStylePreview(); });\1156 this.capitalization = document.getElementById('s_capitalization');\1157 this.capitalization.styleEditor = styleEditor;\1158 window.opener.FTB_AddEvent(this.capitalization,'click',function() {this.styleEditor.UpdateStylePreview(); });\1159 \1160 this.halign = document.getElementById('s_halign');\1161 this.halign.styleEditor = styleEditor;\1162 window.opener.FTB_AddEvent(this.halign,'change',function() {this.styleEditor.UpdateStylePreview(); });\1163 this.valign = document.getElementById('s_valign');\1164 this.valign.styleEditor = styleEditor;\1165 window.opener.FTB_AddEvent(this.valign,'change',function() {this.styleEditor.UpdateStylePreview(); });\1166 this.textIndent = document.getElementById('s_textIndent');\1167 this.textIndent.styleEditor = styleEditor;\1168 window.opener.FTB_AddEvent(this.textIndent,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1169 this.textIndentUnit = document.getElementById('s_textIndentUnit');\1170 this.textIndentUnit.styleEditor = styleEditor;\1171 window.opener.FTB_AddEvent(this.textIndentUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1172 this.direction = document.getElementById('s_direction');\1173 this.direction.styleEditor = styleEditor;\1174 window.opener.FTB_AddEvent(this.direction,'change',function() {this.styleEditor.UpdateStylePreview(); });\1175\1176 \1177 this.backcolor = document.getElementById('s_backcolor');\1178 this.backcolor.styleEditor = styleEditor;\1179 window.opener.FTB_AddEvent(this.backcolor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1180 \1181 this.letterSpacing = document.getElementById('s_letterSpacing');\1182 this.letterSpacing.styleEditor = styleEditor;\1183 window.opener.FTB_AddEvent(this.letterSpacing,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1184 this.letterSpacingUnit = document.getElementById('s_letterSpacingUnit');\1185 this.letterSpacingUnit.styleEditor = styleEditor;\1186 window.opener.FTB_AddEvent(this.letterSpacingUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1187 this.lineHeight = document.getElementById('s_lineHeight');\1188 this.lineHeight.styleEditor = styleEditor;\1189 window.opener.FTB_AddEvent(this.lineHeight,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1190 this.lineHeightUnit = document.getElementById('s_lineHeightUnit');\1191 this.lineHeightUnit.styleEditor = styleEditor;\1192 window.opener.FTB_AddEvent(this.lineHeightUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1193 \1194 this.marginLeft = document.getElementById('s_marginLeft');\1195 this.marginLeft.styleEditor = styleEditor;\1196 window.opener.FTB_AddEvent(this.marginLeft,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1197 this.marginLeftUnit = document.getElementById('s_marginLeft_unit');\1198 this.marginLeftUnit.styleEditor = styleEditor;\1199 window.opener.FTB_AddEvent(this.marginLeftUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1200 this.marginRight = document.getElementById('s_marginRight');\1201 this.marginRight.styleEditor = styleEditor;\1202 window.opener.FTB_AddEvent(this.marginRight,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1203 this.marginRightUnit = document.getElementById('s_marginRight_unit');\1204 this.marginRightUnit.styleEditor = styleEditor;\1205 window.opener.FTB_AddEvent(this.marginRightUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1206 this.marginTop = document.getElementById('s_marginTop');\1207 this.boldmarginTopstyleEditor = styleEditor;\1208 window.opener.FTB_AddEvent(this.marginTop,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1209 this.marginTopUnit = document.getElementById('s_marginTop_unit');\1210 this.marginTopUnit.styleEditor = styleEditor;\1211 window.opener.FTB_AddEvent(this.marginTopUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1212 this.marginBottom = document.getElementById('s_marginBottom');\1213 this.marginBottom.styleEditor = styleEditor;\1214 window.opener.FTB_AddEvent(this.marginBottom,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1215 this.marginBottomUnit = document.getElementById('s_marginBottom_unit');\1216 this.marginBottomUnit.styleEditor = styleEditor;\1217 window.opener.FTB_AddEvent(this.marginBottomUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1218 \1219 this.paddingLeft = document.getElementById('s_paddingLeft');\1220 this.paddingLeft.styleEditor = styleEditor;\1221 window.opener.FTB_AddEvent(this.paddingLeft,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1222 this.paddingLeftUnit = document.getElementById('s_paddingLeft_unit');\1223 this.paddingLeftUnit.styleEditor = styleEditor;\1224 window.opener.FTB_AddEvent(this.paddingLeftUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1225 this.paddingRight = document.getElementById('s_paddingRight');\1226 this.paddingRight.styleEditor = styleEditor;\1227 window.opener.FTB_AddEvent(this.paddingRight,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1228 this.paddingRightUnit = document.getElementById('s_paddingRight_unit');\1229 this.paddingRightUnit.styleEditor = styleEditor;\1230 window.opener.FTB_AddEvent(this.paddingRightUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1231 this.paddingTop = document.getElementById('s_paddingTop');\1232 this.paddingTop.styleEditor = styleEditor;\1233 window.opener.FTB_AddEvent(this.paddingTop,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1234 this.paddingTopUnit = document.getElementById('s_paddingTop_unit');\1235 this.paddingTopUnit.styleEditor = styleEditor;\1236 window.opener.FTB_AddEvent(this.paddingTopUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1237 this.paddingBottom = document.getElementById('s_paddingBottom');\1238 this.paddingBottom.styleEditor = styleEditor;\1239 window.opener.FTB_AddEvent(this.paddingBottom,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1240 this.paddingBottomUnit = document.getElementById('s_paddingBottom_unit');\1241 this.paddingBottomUnit.styleEditor = styleEditor;\1242 window.opener.FTB_AddEvent(this.paddingBottomUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1243 \1244 this.borderFullWidth = document.getElementById('s_borderFull_width');\1245 this.borderFullWidth.styleEditor = styleEditor;\1246 window.opener.FTB_AddEvent(this.borderFullWidth,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1247 this.borderFullWidthUnit = document.getElementById('s_borderFull_unit');\1248 this.borderFullWidthUnit.styleEditor = styleEditor;\1249 window.opener.FTB_AddEvent(this.borderFullWidthUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1250 this.borderFullStyle = document.getElementById('s_borderFull_style');\1251 this.borderFullStyle.styleEditor = styleEditor;\1252 window.opener.FTB_AddEvent(this.borderFullStyle,'change',function() {this.styleEditor.UpdateStylePreview(); });\1253 this.borderFullColor = document.getElementById('s_borderFull_color');\1254 this.borderFullColor.styleEditor = styleEditor;\1255 window.opener.FTB_AddEvent(this.borderFullColor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1256 this.borderLeftWidth = document.getElementById('s_borderLeft_width');\1257 this.borderLeftWidth.styleEditor = styleEditor;\1258 window.opener.FTB_AddEvent(this.borderLeftWidth,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1259 this.borderLeftWidthUnit = document.getElementById('s_borderLeft_unit');\1260 this.borderLeftWidthUnit.styleEditor = styleEditor;\1261 window.opener.FTB_AddEvent(this.borderLeftWidthUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1262 this.borderLeftStyle = document.getElementById('s_borderLeft_style');\1263 this.borderLeftStyle.styleEditor = styleEditor;\1264 window.opener.FTB_AddEvent(this.borderLeftStyle,'change',function() {this.styleEditor.UpdateStylePreview(); });\1265 this.borderLeftColor = document.getElementById('s_borderLeft_color');\1266 this.borderLeftColor.styleEditor = styleEditor;\1267 window.opener.FTB_AddEvent(this.borderLeftColor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1268 this.borderRightWidth = document.getElementById('s_borderRight_width');\1269 this.borderRightWidth.styleEditor = styleEditor;\1270 window.opener.FTB_AddEvent(this.borderRightWidth,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1271 this.borderRightWidthUnit = document.getElementById('s_borderRight_unit');\1272 this.borderRightWidthUnit.styleEditor = styleEditor;\1273 window.opener.FTB_AddEvent(this.borderRightWidthUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1274 this.borderRightStyle = document.getElementById('s_borderRight_style');\1275 this.borderRightStyle.styleEditor = styleEditor;\1276 window.opener.FTB_AddEvent(this.borderRightStyle,'change',function() {this.styleEditor.UpdateStylePreview(); });\1277 this.borderRightColor = document.getElementById('s_borderRight_color');\1278 this.borderRightColor.styleEditor = styleEditor;\1279 window.opener.FTB_AddEvent(this.borderRightColor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1280 this.borderTopWidth = document.getElementById('s_borderTop_width');\1281 this.borderTopWidth.styleEditor = styleEditor;\1282 window.opener.FTB_AddEvent(this.borderTopWidth,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1283 this.borderTopWidthUnit = document.getElementById('s_borderTop_unit');\1284 this.borderTopWidthUnit.styleEditor = styleEditor;\1285 window.opener.FTB_AddEvent(this.borderTopWidthUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1286 this.borderTopStyle = document.getElementById('s_borderTop_style');\1287 this.borderTopStyle.styleEditor = styleEditor;\1288 window.opener.FTB_AddEvent(this.borderTopStyle,'change',function() {this.styleEditor.UpdateStylePreview(); });\1289 this.borderTopColor = document.getElementById('s_borderTop_color');\1290 this.borderTopColor.styleEditor = styleEditor;\1291 window.opener.FTB_AddEvent(this.borderTopColor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1292 this.borderBottomWidth = document.getElementById('s_borderBottom_width');\1293 this.borderBottomWidth.styleEditor = styleEditor;\1294 window.opener.FTB_AddEvent(this.borderBottomWidth,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1295 this.borderBottomWidthUnit = document.getElementById('s_borderBottom_unit');\1296 this.borderBottomWidthUnit.styleEditor = styleEditor;\1297 window.opener.FTB_AddEvent(this.borderBottomWidthUnit,'change',function() {this.styleEditor.UpdateStylePreview(); });\1298 this.borderBottomStyle = document.getElementById('s_borderBottom_style');\1299 this.borderBottomStyle.styleEditor = styleEditor;\1300 window.opener.FTB_AddEvent(this.borderBottomStyle,'change',function() {this.styleEditor.UpdateStylePreview(); });\1301 this.borderBottomColor = document.getElementById('s_borderBottom_color');\1302 this.borderBottomColor.styleEditor = styleEditor;\1303 window.opener.FTB_AddEvent(this.borderBottomColor,'keyup',function() {this.styleEditor.UpdateStylePreview(); });\1304 this.allBorders = document.getElementById('s_borders_type_all');\1305 this.allBorders = document.getElementById('s_borderBottom_style');\1306 window.opener.FTB_AddEvent(this.allBorders,'click',function() {this.styleEditor.UpdateStylePreview(); });\1307 this.individualBorders = document.getElementById('s_borders_type_individual');\1308 this.individualBorders = document.getElementById('s_borderBottom_style');\1309 window.opener.FTB_AddEvent(this.individualBorders,'click',function() {this.styleEditor.UpdateStylePreview(); });\1310 this.updateButton = document.getElementById('s_updateButton');\1311 this.updateButton.styleEditor = styleEditor;\1312 window.opener.FTB_AddEvent(this.updateButton,'click',function() {this.styleEditor.ReturnStyle();window.close(); });\1313};\1314FTB_StyleEditor.prototype.ChangeElementStyle = function(el) {\1315\1316 \1317 try { el.style.fontFamily = this.fontFamily.value; } catch (e) {}\1318 try { el.style.color = this.color.value; } catch (e) {}\1319 if (this.size.value != '') try { el.style.fontSize = this.size.value + this.sizeUnit.options[this.sizeUnit.selectedIndex].value; } catch(e) {} else el.style.fontSize = '';\1320 \1321 el.style.fontWeight = (this.bold.checked) ? 'bold' : '' ;\1322 el.style.fontStyle = (this.italic.checked) ? 'italic' : '' ;\1323 el.style.fontVariant = (this.smallcaps.checked) ? 'small-caps' : '' ;\1324 textDecoration = '';\1325 textDecoration += (this.strikethrough.checked) ? 'line-through ' : '' ;\1326 textDecoration += (this.underline.checked) ? 'underline ' : '' ;\1327 textDecoration += (this.overline.checked) ? 'overline' : '' ;\1328 el.style.textDecoration = textDecoration;\1329 el.style.textTransform = this.capitalization.options[this.capitalization.selectedIndex].value;\1330 \1331 el.style.textAlign = this.halign.options[this.halign.selectedIndex].value;\1332 el.style.verticalAlign = this.valign.options[this.valign.selectedIndex].value;\1333 if (this.textIndent.value != '') try { el.style.textIndent = this.textIndent.value + this.textIndentUnit.options[this.textIndentUnit.selectedIndex].value; } catch(e) {} else el.style.textIdent = '';\1334 el.style.direction = this.direction.options[this.direction.selectedIndex].value;\1335 \1336 try { el.style.backgroundColor = this.backcolor.value; } catch (e) {}\1337 \1338 if (this.letterSpacing.value != '') try { el.style.letterSpacing = this.letterSpacing.value + this.letterSpacingUnit.options[this.letterSpacingUnit.selectedIndex].value; } catch(e) {} else el.style.letterSpacing = '';\1339 if (this.lineHeight.value != '') try { el.style.lineHeight = this.lineHeight.value + this.lineHeightUnit.options[this.lineHeightUnit.selectedIndex].value; } catch(e) {} else el.style.lineHeight = '';\1340 \1341 if (this.marginLeft.value != '') try { el.style.marginLeft = this.marginLeft.value + this.marginLeftUnit.options[this.marginLeftUnit.selectedIndex].value; } catch(e) {} else el.style.marginLeft = '';\1342 if (this.marginRight.value != '') try { el.style.marginRight = this.marginRight.value + this.marginRightUnit.options[this.marginRightUnit.selectedIndex].value; } catch(e) {} else el.style.marginRight = '';\1343 if (this.marginTop.value != '') try { el.style.marginTop = this.marginTop.value + this.marginTopUnit.options[this.marginTopUnit.selectedIndex].value; } catch(e) {} else el.style.marginTop = '';\1344 if (this.marginBottom.value != '') try { el.style.marginBottom = this.marginBottom.value + this.marginBottomUnit.options[this.marginBottomUnit.selectedIndex].value; } catch(e) {} else el.style.marginBottom = '';\1345 \1346 if (this.paddingLeft.value != '') try { el.style.paddingLeft = this.paddingLeft.value + this.paddingLeftUnit.options[this.paddingLeftUnit.selectedIndex].value; } catch(e) {} else el.style.paddingLeft = '';\1347 if (this.paddingRight.value != '') try { el.style.paddingRight = this.paddingRight.value + this.paddingRightUnit.options[this.paddingRightUnit.selectedIndex].value; } catch(e) {} else el.style.paddingRight = '';\1348 if (this.paddingTop.value != '') try { el.style.paddingTop = this.paddingTop.value + this.paddingTopUnit.options[this.paddingTopUnit.selectedIndex].value; } catch(e) {} else el.style.paddingTop = '';\1349 if (this.paddingBottom.value != '') try { el.style.paddingBottom = this.paddingBottom.value + this.paddingBottomUnit.options[this.paddingBottomUnit.selectedIndex].value; } catch(e) {} else el.style.paddingBottom = '';\1350 \1351 if (this.allBorders.checked) {\1352 if (this.borderFullWidth.value != '' && this.borderFullColor.value != '') {\1353 try {el.style.border = this.borderFullWidth.value + this.borderFullWidthUnit.options[this.borderFullWidthUnit.selectedIndex].value + ' ' + this.borderFullStyle.options[this.borderFullStyle.selectedIndex].value + ' ' + this.borderFullColor.value; } catch(e) {}\1354 } else {\1355 if (el.style.border != '') el.style.border = '';\1356 }\1357 } else {\1358 if (this.borderLeftWidth.value != '' && this.borderLeftColor.value != '') {\1359 try {el.style.borderLeft = this.borderLeftWidth.value + this.borderLeftWidthUnit.options[this.borderLeftWidthUnit.selectedIndex].value + ' ' + this.borderLeftStyle.options[this.borderLeftStyle.selectedIndex].value + ' ' + this.borderLeftColor.value; } catch(e) {}\1360 } else {\1361 if (el.style.borderLeft != '') el.style.borderLeft = '';\1362 }\1363 if (this.borderRightWidth.value != '' && this.borderRightColor.value != '') {\1364 try {el.style.borderRight = this.borderRightWidth.value + this.borderRightWidthUnit.options[this.borderRightWidthUnit.selectedIndex].value + ' ' + this.borderRightStyle.options[this.borderRightStyle.selectedIndex].value + ' ' + this.borderRightColor.value; } catch(e) {}\1365 } else {\1366 if (el.style.borderRight != '') el.style.borderRight = '';\1367 }\1368 if (this.borderTopWidth.value != '' && this.borderTopColor.value != '') {\1369 try {el.style.borderTop = this.borderTopWidth.value + this.borderTopWidthUnit.options[this.borderTopWidthUnit.selectedIndex].value + ' ' + this.borderTopStyle.options[this.borderTopStyle.selectedIndex].value + ' ' + this.borderTopColor.value; } catch(e) {}\1370 } else {\1371 if (el.style.borderTop != '') el.style.borderTop = '';\1372 }\1373 if (this.borderBottomWidth.value != '' && this.borderBottomColor.value != '') {\1374 try {el.style.borderBottom = this.borderBottomWidth.value + this.borderBottomWidthUnit.options[this.borderBottomWidthUnit.selectedIndex].value + ' ' + this.borderBottomStyle.options[this.borderBottomStyle.selectedIndex].value + ' ' + this.borderBottomColor.value; } catch(e) {}\1375 } else {\1376 if (el.style.borderBottom != '') el.style.borderBottom = '';\1377 }\1378 }\1379};\1380FTB_StyleEditor.prototype.ReadElementStyle = function(el) {\1381 \1382 this.fontFamily.value = el.style.fontFamily;\1383 this.color.value = el.style.color;\1384 this.SetUnitStyle(el.style.fontSize, this.size, this.sizeUnit);\1385 \1386 this.bold.checked = (el.style.fontWeight.indexOf('bold') > -1) ? true : false;\1387 this.italic.checked = (el.style.fontStyle.indexOf('italic') > -1) ? true : false;\1388 this.smallcaps.checked = (el.style.fontVariant.indexOf('small-caps') > -1) ? true : false;\1389 this.strikethrough.checked = (el.style.textDecoration.indexOf('line-through') > -1) ? true : false;\1390 this.underline.checked = (el.style.textDecoration.indexOf('underline') > -1) ? true : false;\1391 this.overline.checked = (el.style.textDecoration.indexOf('overline') > -1) ? true : false;\1392 window.opener.FTB_SetListValue(this.capitalization,el.style.textTransform);\1393 \1394 window.opener.FTB_SetListValue(this.halign,el.style.textAlign);\1395 window.opener.FTB_SetListValue(this.valign,el.style.verticalAlign);\1396 this.SetUnitStyle(el.style.textIndent, this.textIndent, this.textIndentUnit);\1397 window.opener.FTB_SetListValue(this.direction,el.style.direction);\1398 \1399 this.backcolor.value = el.style.backgroundColor;\1400 \1401 this.SetUnitStyle(el.style.letterSpacing, this.letterSpacing, this.letterSpacingUnit);\1402 this.SetUnitStyle(el.style.lineHeight, this.lineHeight, this.lineHeightUnit);\1403 \1404 this.SetUnitStyle(el.style.paddingLeft, this.paddingLeft, this.paddingLeftUnit);\1405 this.SetUnitStyle(el.style.paddingRight, this.paddingRight, this.paddingRightUnit);\1406 this.SetUnitStyle(el.style.paddingTop, this.paddingTop, this.paddingTopUnit);\1407 this.SetUnitStyle(el.style.paddingBottom, this.paddingBottom, this.paddingBottomUnit);\1408 \1409 this.SetUnitStyle(el.style.marginLeft, this.marginLeft, this.marginLeftUnit);\1410 this.SetUnitStyle(el.style.marginRight, this.marginRight, this.marginRightUnit);\1411 this.SetUnitStyle(el.style.marginTop, this.marginTop, this.marginTopUnit);\1412 this.SetUnitStyle(el.style.marginBottom, this.marginBottom, this.marginBottomUnit);\1413 \1414 if (el.style.border != '') {\1415 this.allBorders.checked = true;\1416 this.individualBorders.checked = false;\1417 this.SetBorderStyle(el.style.border, this.borderFullWidth, this.borderFullWidthUnit, this.borderFullStyle, this.borderFullColor);\1418 } else {\1419 this.allBorders.checked = false;\1420 this.individualBorders.checked = true;\1421 this.SetBorderStyle(el.style.borderLeft, this.borderLeftWidth, this.borderLeftWidthUnit, this.borderLeftStyle, this.borderLeftColor);\1422 this.SetBorderStyle(el.style.borderRight, this.borderRightWidth, this.borderRightWidthUnit, this.borderRightStyle, this.borderRightColor);\1423 this.SetBorderStyle(el.style.borderTop, this.borderTopWidth, this.borderTopWidthUnit, this.borderTopStyle, this.borderTopColor);\1424 this.SetBorderStyle(el.style.borderBottom, this.borderBottomWidth, this.borderBottomWidthUnit, this.borderBottomStyle, this.borderBottomColor);\1425 }\1426\1427};\1428FTB_StyleEditor.prototype.SetUnitStyle = function(elStyleProperty,valueControl,unitControl) {\1429 if (elStyleProperty != '') {\1430 property = window.opener.FTB_ParseUnit(elStyleProperty);\1431 valueControl.value = property.value;\1432 window.opener.FTB_SetListValue(unitControl,property.unitType);\1433 }\1434};\1435FTB_StyleEditor.prototype.SetBorderStyle = function(elBorderProperty,widthControl,widthUnitControl,styleControl,colorControl) {\1436 if (elBorderProperty != '') {\1437 var props = elBorderProperty.split(' ');\1438 if (props.length == 3) {\1439 this.SetUnitStyle(props[1], widthControl, widthUnitControl);\1440 window.opener.FTB_SetListValue(styleControl,props[2]);\1441 colorControl.value = props[0];\1442 }\1443 }\1444};\1445FTB_StyleEditor.prototype.SetBorder = function(elStyleProperty,valueControl,unitControl) {\1446 if (elStyleProperty != '') {\1447 property = window.opener.FTB_ParseUnit(elStyleProperty);\1448 valueControl.value = property.value;\1449 window.opener.FTB_SetListValue(unitControl,property.unitType);\1450 }\1451};\1452FTB_StyleEditor.prototype.ReadCurrentElement = function() {\1453 el = window.launchParameters['element'];\1454 this.previewDiv.innerHTML = 'Sample text within the current <' + el.tagName + '> element';\1455 this.ReadElementStyle(el);\1456};\1457FTB_StyleEditor.prototype.ShowLayer = function(tab,layer) {\1458 \1459 this.fontLayer.style.display = 'none';\1460 this.textLayer.style.display = 'none';\1461 this.backgroundLayer.style.display = 'none';\1462 this.spacingLayer.style.display = 'none';\1463 this.bordersLayer.style.display = 'none';\1464 \1465 this.fontTab.className = 'unselectedTab';\1466 this.textTab.className = 'unselectedTab';\1467 this.backgroundTab.className = 'unselectedTab';\1468 this.spacingTab.className = 'unselectedTab';\1469 this.bordersTab.className = 'unselectedTab';\1470 tab.className = 'selectedTab';\1471 layer.style.display = 'block';\1472};\1473</script>\1474</head>\1475<body >\1476<h1>Style Editor</h1>\1477<table width='500' cellpadding='0' cellspacing='0'><tr><td valign='top' width='80' style='border: solid 1px #aaa; border-right: solid 1px #fff; border-bottom: solid 1px #fff;'>\1478<ul class='tabMenu'>\1479 <li><a href='javascript:void(0);' id='s_tab_font' class='selectedTab'>Font</a></li>\1480 <li><a href='javascript:void(0);' id='s_tab_text' class='unselectedTab'>Text</a></li>\1481 <li><a href='javascript:void(0);' id='s_tab_background' class='unselectedTab'>Background</a></li>\1482 <li><a href='javascript:void(0);' id='s_tab_spacing' class='unselectedTab'>Spacing</a></li>\1483 <li><a href='javascript:void(0);' id='s_tab_borders' class='unselectedTab'>Borders</a></li>\1484</ul>\1485</td><td style='padding: 2px;'>\1486<div id='s_container'>\1487<div id='s_layer_font'>\1488<h2>Font</h2>\1489 <fieldset>\1490 <legend>Properties</legend>\1491 <table cellpadding='1' cellspacing='0' border='0'>\1492 <tr><td class='f_title'>Family</td>\1493 <td><input type='text' id='s_fontFamily' style='width: 100px;' /></td>\1494 </tr>\1495 <tr><td class='f_title'>Color</td>\1496 <td><input type='text' id='s_color' style='width: 100px;' /></td>\1497 </tr>\1498 <tr><td class='f_title'>Size</td>\1499 <td>\1500 <input type='text' id='s_fontSize' style='width: 100px;' />\1501 <select id='s_fontSizeUnit' >\1502 <option value='px'>px</option>\1503 <option value='pt'>pt</option>\1504 <option value='%'>%</option>\1505 <option value='em'>em</option>\1506 <option value='in'>in</option>\1507 <option value='mm'>mm</option>\1508 <option value='cm'>cm</option>\1509 </select>\1510 </td>\1511 </tr>\1512 <tr><td class='f_title'>Capitalization</td>\1513 <td>\1514 <select id='s_capitalization' >\1515 <option value=''>Not Set</option>\1516 <option value='uppercase'>UPPERCASE</option>\1517 <option value='lowercase'>lowercase</option>\1518 <option value='capitalize'>First Letter</option>\1519 </select>\1520 </td>\1521 </tr>\1522 </table>\1523 </fieldset>\1524 <fieldset>\1525 <legend>Effects</legend>\1526 <table><tr><td>\1527 <input type='checkbox' id='s_bold' /><label for='s_bold'>Bold</label><br />\1528 <input type='checkbox' id='s_italic' /><label for='s_italic'>Italic</label><br />\1529 <input type='checkbox' id='s_smallcaps' /><label for='s_smallcaps'>Small Caps</label><br />\1530 </td><td>\1531 <input type='checkbox' id='s_strikethrough' /><label for='s_strikethrough'>Strikethrough</label><br />\1532 <input type='checkbox' id='s_underline' /><label for='s_underline'>Underline</label><br />\1533 <input type='checkbox' id='s_overline' /><label for='s_overline'>Overline</label><br />\1534 </td></tr>\1535 </table>\1536 </fieldset>\1537</div>\1538<div id='s_layer_text' style='display:none;'>\1539<h2>Text</h2>\1540<fieldset>\1541 <legend>Paragraph</legend>\1542 <table cellpadding='1' cellspacing='0' border='0' >\1543 <tr><td class='f_title'>Horz. Align</td>\1544 <td>\1545 <select id='s_halign' style='width: 100px;' >\1546 <option value=''>Not Set</option>\1547 <option value='left'>Left</option>\1548 <option value='right'>Right</option>\1549 <option value='center'>Center</option>\1550 </select>\1551 </td>\1552 </tr>\1553 <tr><td class='f_title'>Vert. Align</td>\1554 <td>\1555 <select id='s_valign' style='width: 100px;'>\1556 <option value=''>Not Set</option>\1557 <option value='baseline'>baseline</option>\1558 <option value='super'>super</option>\1559 <option value='sub'>sub</option>\1560 <option value='top'>top</option>\1561 <option value='text-top'>text-top</option>\1562 <option value='middle'>middle</option>\1563 <option value='bottom'>bottom</option>\1564 <option value='text-bottom'>text-bottom</option>\1565 </select>\1566 </td>\1567 </tr>\1568 </table>\1569</fieldset>\1570<fieldset>\1571 <legend>Spacing Between</legend>\1572 <table cellpadding='1' cellspacing='0' border='0'>\1573 <tr><td class='f_title'>Letters</td>\1574 <td>\1575 <input type='text' id='s_letterSpacing' style='width: 50px;' />\1576 <select id='s_letterSpacingUnit'>\1577 <option value='pt'>pt</option>\1578 <option value='pc'>pc</option>\1579 <option value='px'>px</option>\1580 <option value='em'>em</option>\1581 <option value='in'>in</option>\1582 <option value='mm'>mm</option>\1583 <option value='cm'>cm</option>\1584 </select>\1585 </td>\1586 </tr>\1587 <tr><td class='f_title'>Lines</td>\1588 <td>\1589 <input type='text' id='s_lineHeight' style='width: 50px;' />\1590 <select id='s_lineHeightUnit'>\1591 <option value='pt'>pt</option>\1592 <option value='pc'>pc</option>\1593 <option value='px'>px</option>\1594 <option value='em'>em</option>\1595 <option value='in'>in</option>\1596 <option value='mm'>mm</option>\1597 <option value='cm'>cm</option>\1598 </select>\1599 </td>\1600 </tr>\1601 </table>\1602</fieldset>\1603\1604<fieldset>\1605 <legend>Text Flow</legend>\1606 <table cellpadding='1' cellspacing='0' border='0' >\1607 <tr><td class='f_title'>Text Indent</td>\1608 <td>\1609 <input type='text' id='s_textIndent' style='width:80px;' />\1610 <select id='s_textIndentUnit'>\1611 <option value='pt'>pt</option>\1612 <option value='pc'>pc</option>\1613 <option value='px'>px</option>\1614 <option value='em'>em</option>\1615 <option value='in'>in</option>\1616 <option value='mm'>mm</option>\1617 <option value='cm'>cm</option>\1618 </select>\1619 </td>\1620 </tr>\1621 <tr><td class='f_title'>Text Direction</td>\1622 <td>\1623 <select id='s_direction' style='width: 120px;'>\1624 <option value=''>Not Set</option>\1625 <option value='ltr'>Left to Right</option>\1626 <option value='rtl'>Right to Left</option>\1627 </select>\1628 </td>\1629 </tr>\1630 </table>\1631</fieldset>\1632\1633</div>\1634<div id='s_layer_background' style='display:none;'>\1635<h2>Background</h2>\1636<fieldset>\1637 <legend>Color</legend>\1638 <table cellpadding='1' cellspacing='0' border='0'>\1639 <tr><td class='f_title'>Color</td>\1640 <td><input type='text' id='s_backcolor' style='width: 100px;' />\1641 <input type='checkbox' id='s_backcolor_transparent' /><label for='s_backcolor_transparent'>Transparent</label>\1642 </td>\1643 </tr>\1644 </table>\1645</fieldset>\1646</div>\1647<div id='s_layer_spacing' style='display:none;'>\1648<h2>Spacing</h2>\1649<table cellpadding='1' cellspacing='0' border='0' width='100%'><tr><td>\1650<fieldset>\1651 <legend>Margins</legend>\1652 <table cellpadding='1' cellspacing='0' border='0'>\1653 <tr><td class='f_title'>Left</td>\1654 <td>\1655 <input type='text' id='s_marginLeft' style='width: 50px;' />\1656 <select id='s_marginLeft_unit'>\1657 <option value='px'>px</option>\1658 <option value='pt'>pt</option>\1659 <option value='%'>%</option>\1660 <option value='em'>em</option>\1661 <option value='in'>in</option>\1662 <option value='mm'>mm</option>\1663 <option value='cm'>cm</option>\1664 </select>\1665 </td>\1666 </tr>\1667 <tr><td class='f_title'>Right</td>\1668 <td>\1669 <input type='text' id='s_marginRight' style='width: 50px;' />\1670 <select id='s_marginRight_unit'>\1671 <option value='px'>px</option>\1672 <option value='pt'>pt</option>\1673 <option value='%'>%</option>\1674 <option value='em'>em</option>\1675 <option value='in'>in</option>\1676 <option value='mm'>mm</option>\1677 <option value='cm'>cm</option>\1678 </select>\1679 </td>\1680 </tr>\1681 <tr><td class='f_title'>Top</td>\1682 <td>\1683 <input type='text' id='s_marginTop' style='width: 50px;' />\1684 <select id='s_marginTop_unit'>\1685 <option value='px'>px</option>\1686 <option value='pt'>pt</option>\1687 <option value='%'>%</option>\1688 <option value='em'>em</option>\1689 <option value='in'>in</option>\1690 <option value='mm'>mm</option>\1691 <option value='cm'>cm</option>\1692 </select>\1693 </td>\1694 </tr>\1695 <tr><td class='f_title'>Bottom</td>\1696 <td>\1697 <input type='text' id='s_marginBottom' style='width: 50px;' />\1698 <select id='s_marginBottom_unit'>\1699 <option value='px'>px</option>\1700 <option value='pt'>pt</option>\1701 <option value='%'>%</option>\1702 <option value='em'>em</option>\1703 <option value='in'>in</option>\1704 <option value='mm'>mm</option>\1705 <option value='cm'>cm</option>\1706 </select>\1707 </td>\1708 </tr>\1709 </table>\1710</fieldset>\1711</td><td>\1712<fieldset>\1713 <legend>Padding</legend>\1714 <table cellpadding='1' cellspacing='0' border='0'>\1715 <tr><td class='f_title'>Left</td>\1716 <td>\1717 <input type='text' id='s_paddingLeft' style='width: 50px;' />\1718 <select id='s_paddingLeft_unit'>\1719 <option value='px'>px</option>\1720 <option value='pt'>pt</option>\1721 <option value='%'>%</option>\1722 <option value='em'>em</option>\1723 <option value='in'>in</option>\1724 <option value='mm'>mm</option>\1725 <option value='cm'>cm</option>\1726 </select>\1727 </td>\1728 </tr>\1729 <tr><td class='f_title'>Right</td>\1730 <td>\1731 <input type='text' id='s_paddingRight' style='width: 50px;' />\1732 <select id='s_paddingRight_unit'>\1733 <option value='px'>px</option>\1734 <option value='pt'>pt</option>\1735 <option value='%'>%</option>\1736 <option value='em'>em</option>\1737 <option value='in'>in</option>\1738 <option value='mm'>mm</option>\1739 <option value='cm'>cm</option>\1740 </select>\1741 </td>\1742 </tr>\1743 <tr><td class='f_title'>Top</td>\1744 <td>\1745 <input type='text' id='s_paddingTop' style='width: 50px;' />\1746 <select id='s_paddingTop_unit'>\1747 <option value='px'>px</option>\1748 <option value='pt'>pt</option>\1749 <option value='%'>%</option>\1750 <option value='em'>em</option>\1751 <option value='in'>in</option>\1752 <option value='mm'>mm</option>\1753 <option value='cm'>cm</option>\1754 </select>\1755 </td>\1756 </tr>\1757 <tr><td class='f_title'>Bottom</td>\1758 <td>\1759 <input type='text' id='s_paddingBottom' style='width: 50px;' />\1760 <select id='s_paddingBottom_unit'>\1761 <option value='px'>px</option>\1762 <option value='pt'>pt</option>\1763 <option value='%'>%</option>\1764 <option value='em'>em</option>\1765 <option value='in'>in</option>\1766 <option value='mm'>mm</option>\1767 <option value='cm'>cm</option>\1768 </select>\1769 </td>\1770 </tr>\1771 </table>\1772</fieldset>\1773</td></tr></table>\1774</div>\1775<div id='s_layer_borders' style='display:none;'>\1776<h2>Borders</h2>\1777\1778<fieldset>\1779 <legend><input type='radio' id='s_borders_type_all' name='s_borders_types' checked='checked'><label for='s_borders_type_all'>Full Border</label></legend>\1780 <table cellpadding='1' cellspacing='0' border='0'>\1781 <tr><td class='f_title'>Border</td>\1782 <td>\1783 <input type='text' id='s_borderFull_width' style='width: 20px;' />\1784 </td>\1785 <td>\1786 <select id='s_borderFull_unit'>\1787 <option value='px'>px</option>\1788 <option value='pt'>pt</option>\1789 <option value='em'>em</option>\1790 <option value='in'>in</option>\1791 <option value='mm'>mm</option>\1792 <option value='cm'>cm</option>\1793 </select>\1794 </td>\1795 <td>\1796 <select id='s_borderFull_style'>\1797 <option value='solid'>Solid Line</option>\1798 <option value='double'>Double Line</option>\1799 <option value='dashed'>Dashed</option>\1800 <option value='dotted'>Dotted</option>\1801 <option value='groove'>Groove</option>\1802 <option value='ridge'>Ridge</option>\1803 <option value='inset'>Inset</option>\1804 <option value='outset'>Outset</option>\1805 </select>\1806 </td>\1807 <td>\1808 <input type='text' id='s_borderFull_color' style='width: 70px;' />\1809 </td>\1810 </tr>\1811 </table>\1812</fieldset>\1813\1814<fieldset>\1815 <legend><input type='radio' id='s_borders_type_individual' name='s_borders_types'><label for='s_borders_type_individual'>Individual Borders</label></legend>\1816 <table cellpadding='1' cellspacing='0' border='0'>\1817 <tr><td class='f_title'>Left</td>\1818 <td>\1819 <input type='text' id='s_borderLeft_width' style='width: 20px;' />\1820 </td>\1821 <td>\1822 <select id='s_borderLeft_unit'>\1823 <option value='px'>px</option>\1824 <option value='pt'>pt</option>\1825 <option value='em'>em</option>\1826 <option value='in'>in</option>\1827 <option value='mm'>mm</option>\1828 <option value='cm'>cm</option>\1829 </select>\1830 </td>\1831 <td>\1832 <select id='s_borderLeft_style'>\1833 <option value='solid'>Solid Line</option>\1834 <option value='double'>Double Line</option>\1835 <option value='dashed'>Dashed</option>\1836 <option value='dotted'>Dotted</option>\1837 <option value='groove'>Groove</option>\1838 <option value='ridge'>Ridge</option>\1839 <option value='inset'>Inset</option>\1840 <option value='outset'>Outset</option>\1841 </select>\1842 </td>\1843 <td>\1844 <input type='text' id='s_borderLeft_color' style='width: 70px;' />\1845 </td>\1846 </tr>\1847 <tr><td class='f_title'>Right</td>\1848 <td>\1849 <input type='text' id='s_borderRight_width' style='width: 20px;' />\1850 </td>\1851 <td>\1852 <select id='s_borderRight_unit'>\1853 <option value='px'>px</option>\1854 <option value='pt'>pt</option>\1855 <option value='em'>em</option>\1856 <option value='in'>in</option>\1857 <option value='mm'>mm</option>\1858 <option value='cm'>cm</option>\1859 </select>\1860 </td>\1861 <td>\1862 <select id='s_borderRight_style'>\1863 <option value='solid'>Solid Line</option>\1864 <option value='double'>Double Line</option>\1865 <option value='dashed'>Dashed</option>\1866 <option value='dotted'>Dotted</option>\1867 <option value='groove'>Groove</option>\1868 <option value='ridge'>Ridge</option>\1869 <option value='inset'>Inset</option>\1870 <option value='outset'>Outset</option>\1871 </select>\1872 </td>\1873 <td>\1874 <input type='text' id='s_borderRight_color' style='width: 70px;' />\1875 </td>\1876 </tr>\1877 <tr><td class='f_title'>Top</td>\1878 <td>\1879 <input type='text' id='s_borderTop_width' style='width: 20px;' />\1880 </td>\1881 <td>\1882 <select id='s_borderTop_unit'>\1883 <option value='px'>px</option>\1884 <option value='pt'>pt</option>\1885 <option value='em'>em</option>\1886 <option value='in'>in</option>\1887 <option value='mm'>mm</option>\1888 <option value='cm'>cm</option>\1889 </select>\1890 </td>\1891 <td>\1892 <select id='s_borderTop_style'>\1893 <option value='solid'>Solid Line</option>\1894 <option value='double'>Double Line</option>\1895 <option value='dashed'>Dashed</option>\1896 <option value='dotted'>Dotted</option>\1897 <option value='groove'>Groove</option>\1898 <option value='ridge'>Ridge</option>\1899 <option value='inset'>Inset</option>\1900 <option value='outset'>Outset</option>\1901 </select>\1902 </td>\1903 <td>\1904 <input type='text' id='s_borderTop_color' style='width: 70px;' />\1905 </td>\1906 </tr>\1907 <tr><td class='f_title'>Bottom</td>\1908 <td>\1909 <input type='text' id='s_borderBottom_width' style='width: 20px;' />\1910 </td>\1911 <td>\1912 <select id='s_borderBottom_unit'>\1913 <option value='px'>px</option>\1914 <option value='pt'>pt</option>\1915 <option value='em'>em</option>\1916 <option value='in'>in</option>\1917 <option value='mm'>mm</option>\1918 <option value='cm'>cm</option>\1919 </select>\1920 </td>\1921 <td>\1922 <select id='s_borderBottom_style'>\1923 <option value='solid'>Solid Line</option>\1924 <option value='double'>Double Line</option>\1925 <option value='dashed'>Dashed</option>\1926 <option value='dotted'>Dotted</option>\1927 <option value='groove'>Groove</option>\1928 <option value='ridge'>Ridge</option>\1929 <option value='inset'>Inset</option>\1930 <option value='outset'>Outset</option>\1931 </select>\1932 </td>\1933 <td>\1934 <input type='text' id='s_borderBottom_color' style='width: 70px;' />\1935 </td>\1936 </tr>\1937 </table>\1938</fieldset>\1939</div>\1940</div>\1941<div id='sampleHolder'>\1942 <fieldset>\1943 <legend>Sample</legend>\1944 <table style='width:100%;height:100px;border: solid 1px #ddd; border-right: solid 1px #fff; border-bottom: solid 1px #fff;' id='s_sampleContainer'><tr><td align='center'>\1945 <div id='s_sample' >\1946\1947 </div>\1948 </td></tr></table>\1949 </fieldset>\1950</div>\1951<div style='text-align:center;'>\1952 <input type='button' id='s_updateButton' value='Update Style' />\1953 <input type='button' value='Cancel' onclick='window.close();' />\1954</div>\1955</td></tr>\1956</table>\1957<script type='text/javascript'>\1958function load() {\1959 StyleEditor = new FTB_StyleEditor('style');\1960 StyleEditor.Initialize();\1961 StyleEditor.ReadCurrentElement();\1962 StyleEditor.UpdateStylePreview();\1963}\1964</script>\1965</body>\1966</html>";Multiline support is limited to browsers supporting ES5 only
715
716/* ColorPicker
717---------------------------------------- */
718var FTB_ColorPickerHtml = new String("\ 719<html><body> \ 720<head>\ 721<title>Image Editor</title>\ 722<style type='text/css'>\ 723html, body { \ 724 background-color: #ECE9D8; \ 725 color: #000000; \ 726 font: 11px Tahoma,Verdana,sans-serif; \ 727 padding: 0px; \ 728} \ 729body { margin: 5px; } \ 730form { margin: 0px; padding: 0px;} \ 731table { \ 732 font: 11px Tahoma,Verdana,sans-serif; \ 733} \ 734form p { \ 735 margin-top: 5px; \ 736 margin-bottom: 5px; \ 737} \ 738h3 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;} \ 739.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } \ 740.fr { width: 7em; float: left; padding: 2px 5px; text-align: right; } \ 741fieldset { padding: 0px 10px 5px 5px; } \ 742button { width: 75px; } \ 743select, input, button { font: 11px Tahoma,Verdana,sans-serif; } \ 744.space { padding: 2px; } \ 745.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; \ 746border-bottom: 1px solid black; letter-spacing: 2px; \ 747} \ 748.f_title { text-align:right; }\ 749.footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }\ 750</style>\ 751<script type='text/javascript'>\ 752function cO(theTD) { \ 753 color = theTD.style.backgroundColor; \ 754 if (color.toString().toLowerCase().indexOf('rgb') > -1) color = window.opener.FTB_RgbStringToHex(color); \ 755 previewColor(color); \ 756 setTextField(color); \ 757} \ 758function cC(theTD) { \ 759 color = theTD.style.backgroundColor; \ 760 if (color.toString().toLowerCase().indexOf('rgb') > -1) color = window.opener.FTB_RgbStringToHex(color); \ 761 setTextField(color); \ 762 returnColor(color); \ 763} \ 764function setTextField(ColorString) { \ 765 document.getElementById('ColorText').value = ColorString.toUpperCase(); \ 766} \ 767function returnColor(ColorString) { \ 768 ftb = window.launchParameters['ftb'];\ 769 if (ftb) {\ 770 command = new String(window.launchParameters['commandName']);\ 771 ftb.ExecuteCommand(command,'',ColorString);\ 772 } else {\ 773 }\ 774 \ 775 window.close(); \ 776} \ 777function userInput(theinput) { \ 778 previewColor(theinput.value); \ 779} \ 780function previewColor(theColor) { \ 781 try { \ 782 document.getElementById('PreviewDiv').style.backgroundColor = theColor; \ 783 } catch (e) {} \ 784}\ 785function okButton() { \ 786 theColor = document.getElementById('ColorText').value; \ 787 returnColor(theColor);\ 788}\ 789</script>\ 790</head>\ 791<body>\ 792<form action='' onsubmit='okButton();window.close();'> \ 793<h3>Image Editor</h3> \ 794 <style> \ 795 .cc { width:10;height:8; } \ 796 </style> \ 797 <table><tr><td>\ 798 <table cellpadding=0 cellspacing=1 style='background-color:ffffff;' border=0 ><tr> \ 799 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFFFFF;' class=cc></td> \ 800 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFFFCC;' class=cc></td> \ 801 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFFF99;' class=cc></td> \ 802 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFFF66;' class=cc></td> \ 803 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFFF33;' class=cc></td> \ 804 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFFF00;' class=cc></td> \ 805 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFCCFF;' class=cc></td> \ 806 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFCCCC;' class=cc></td> \ 807 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFCC99;' class=cc></td> \ 808 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFCC66;' class=cc></td> \ 809 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFCC33;' class=cc></td> \ 810 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FFCC00;' class=cc></td> \ 811 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF99FF;' class=cc></td> \ 812 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF99CC;' class=cc></td> \ 813 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF9999;' class=cc></td> \ 814 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF9966;' class=cc></td> \ 815 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF9933;' class=cc></td> \ 816 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF9900;' class=cc></td> \ 817 </tr> \ 818 <tr> \ 819 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCFFFF;' class=cc></td> \ 820 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCFFCC;' class=cc></td> \ 821 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCFF99;' class=cc></td> \ 822 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCFF66;' class=cc></td> \ 823 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCFF33;' class=cc></td> \ 824 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCFF00;' class=cc></td> \ 825 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCCCFF;' class=cc></td> \ 826 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCCCCC;' class=cc></td> \ 827 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCCC99;' class=cc></td> \ 828 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCCC66;' class=cc></td> \ 829 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCCC33;' class=cc></td> \ 830 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CCCC00;' class=cc></td> \ 831 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC99FF;' class=cc></td> \ 832 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC99CC;' class=cc></td> \ 833 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC9999;' class=cc></td> \ 834 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC9966;' class=cc></td> \ 835 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC9933;' class=cc></td> \ 836 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC9900;' class=cc></td> \ 837 </tr> \ 838 <tr> \ 839 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99FFFF;' class=cc></td> \ 840 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99FFCC;' class=cc></td> \ 841 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99FF99;' class=cc></td> \ 842 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99FF66;' class=cc></td> \ 843 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99FF33;' class=cc></td> \ 844 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99FF00;' class=cc></td> \ 845 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99CCFF;' class=cc></td> \ 846 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99CCCC;' class=cc></td> \ 847 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99CC99;' class=cc></td> \ 848 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99CC66;' class=cc></td> \ 849 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99CC33;' class=cc></td> \ 850 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:99CC00;' class=cc></td> \ 851 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9999FF;' class=cc></td> \ 852 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9999CC;' class=cc></td> \ 853 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:999999;' class=cc></td> \ 854 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:999966;' class=cc></td> \ 855 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:999933;' class=cc></td> \ 856 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:999900;' class=cc></td> \ 857 </tr> \ 858 <tr> \ 859 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66FFFF;' class=cc></td> \ 860 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66FFCC;' class=cc></td> \ 861 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66FF99;' class=cc></td> \ 862 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66FF66;' class=cc></td> \ 863 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66FF33;' class=cc></td> \ 864 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66FF00;' class=cc></td> \ 865 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66CCFF;' class=cc></td> \ 866 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66CCCC;' class=cc></td> \ 867 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66CC99;' class=cc></td> \ 868 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66CC66;' class=cc></td> \ 869 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66CC33;' class=cc></td> \ 870 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:66CC00;' class=cc></td> \ 871 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6699FF;' class=cc></td> \ 872 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6699CC;' class=cc></td> \ 873 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:669999;' class=cc></td> \ 874 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:669966;' class=cc></td> \ 875 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:669933;' class=cc></td> \ 876 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:669900;' class=cc></td> \ 877 </tr> \ 878 <tr> \ 879 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33FFFF;' class=cc></td> \ 880 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33FFCC;' class=cc></td> \ 881 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33FF99;' class=cc></td> \ 882 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33FF66;' class=cc></td> \ 883 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33FF33;' class=cc></td> \ 884 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33FF00;' class=cc></td> \ 885 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33CCFF;' class=cc></td> \ 886 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33CCCC;' class=cc></td> \ 887 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33CC99;' class=cc></td> \ 888 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33CC66;' class=cc></td> \ 889 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33CC33;' class=cc></td> \ 890 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:33CC00;' class=cc></td> \ 891 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3399FF;' class=cc></td> \ 892 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3399CC;' class=cc></td> \ 893 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:339999;' class=cc></td> \ 894 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:339966;' class=cc></td> \ 895 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:339933;' class=cc></td> \ 896 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:339900;' class=cc></td> \ 897 </tr> \ 898 <tr> \ 899 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00FFFF;' class=cc></td> \ 900 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00FFCC;' class=cc></td> \ 901 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00FF99;' class=cc></td> \ 902 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00FF66;' class=cc></td> \ 903 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00FF33;' class=cc></td> \ 904 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00FF00;' class=cc></td> \ 905 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00CCFF;' class=cc></td> \ 906 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00CCCC;' class=cc></td> \ 907 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00CC99;' class=cc></td> \ 908 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00CC66;' class=cc></td> \ 909 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00CC33;' class=cc></td> \ 910 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:00CC00;' class=cc></td> \ 911 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0099FF;' class=cc></td> \ 912 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0099CC;' class=cc></td> \ 913 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:009999;' class=cc></td> \ 914 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:009966;' class=cc></td> \ 915 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:009933;' class=cc></td> \ 916 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:009900;' class=cc></td> \ 917 </tr> \ 918 <tr> \ 919 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF66FF;' class=cc></td> \ 920 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF66CC;' class=cc></td> \ 921 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6699;' class=cc></td> \ 922 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6666;' class=cc></td> \ 923 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6633;' class=cc></td> \ 924 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF6600;' class=cc></td> \ 925 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF33FF;' class=cc></td> \ 926 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF33CC;' class=cc></td> \ 927 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3399;' class=cc></td> \ 928 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3366;' class=cc></td> \ 929 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3333;' class=cc></td> \ 930 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF3300;' class=cc></td> \ 931 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF00FF;' class=cc></td> \ 932 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF00CC;' class=cc></td> \ 933 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0099;' class=cc></td> \ 934 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0066;' class=cc></td> \ 935 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0033;' class=cc></td> \ 936 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:FF0000;' class=cc></td> \ 937 </tr> \ 938 <tr> \ 939 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC66FF;' class=cc></td> \ 940 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC66CC;' class=cc></td> \ 941 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6699;' class=cc></td> \ 942 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6666;' class=cc></td> \ 943 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6633;' class=cc></td> \ 944 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC6600;' class=cc></td> \ 945 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC33FF;' class=cc></td> \ 946 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC33CC;' class=cc></td> \ 947 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3399;' class=cc></td> \ 948 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3366;' class=cc></td> \ 949 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3333;' class=cc></td> \ 950 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC3300;' class=cc></td> \ 951 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC00FF;' class=cc></td> \ 952 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC00CC;' class=cc></td> \ 953 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0099;' class=cc></td> \ 954 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0066;' class=cc></td> \ 955 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0033;' class=cc></td> \ 956 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:CC0000;' class=cc></td> \ 957 </tr> \ 958 <tr> \ 959 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9966FF;' class=cc></td> \ 960 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9966CC;' class=cc></td> \ 961 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996699;' class=cc></td> \ 962 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996666;' class=cc></td> \ 963 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996633;' class=cc></td> \ 964 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:996600;' class=cc></td> \ 965 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9933FF;' class=cc></td> \ 966 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9933CC;' class=cc></td> \ 967 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993399;' class=cc></td> \ 968 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993366;' class=cc></td> \ 969 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993333;' class=cc></td> \ 970 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:993300;' class=cc></td> \ 971 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9900FF;' class=cc></td> \ 972 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:9900CC;' class=cc></td> \ 973 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990099;' class=cc></td> \ 974 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990066;' class=cc></td> \ 975 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990033;' class=cc></td> \ 976 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:990000;' class=cc></td> \ 977 </tr> \ 978 <tr> \ 979 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6666FF;' class=cc></td> \ 980 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6666CC;' class=cc></td> \ 981 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666699;' class=cc></td> \ 982 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666666;' class=cc></td> \ 983 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666633;' class=cc></td> \ 984 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:666600;' class=cc></td> \ 985 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6633FF;' class=cc></td> \ 986 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6633CC;' class=cc></td> \ 987 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663399;' class=cc></td> \ 988 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663366;' class=cc></td> \ 989 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663333;' class=cc></td> \ 990 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:663300;' class=cc></td> \ 991 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6600FF;' class=cc></td> \ 992 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:6600CC;' class=cc></td> \ 993 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660099;' class=cc></td> \ 994 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660066;' class=cc></td> \ 995 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660033;' class=cc></td> \ 996 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:660000;' class=cc></td> \ 997 </tr> \ 998 <tr> \ 999 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3366FF;' class=cc></td> \1000 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3366CC;' class=cc></td> \1001 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336699;' class=cc></td> \1002 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336666;' class=cc></td> \1003 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336633;' class=cc></td> \1004 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:336600;' class=cc></td> \1005 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3333FF;' class=cc></td> \1006 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3333CC;' class=cc></td> \1007 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333399;' class=cc></td> \1008 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333366;' class=cc></td> \1009 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333333;' class=cc></td> \1010 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:333300;' class=cc></td> \1011 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3300FF;' class=cc></td> \1012 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:3300CC;' class=cc></td> \1013 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330099;' class=cc></td> \1014 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330066;' class=cc></td> \1015 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330033;' class=cc></td> \1016 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:330000;' class=cc></td> \1017 </tr> \1018 <tr> \1019 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0066FF;' class=cc></td> \1020 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0066CC;' class=cc></td> \1021 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006699;' class=cc></td> \1022 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006666;' class=cc></td> \1023 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006633;' class=cc></td> \1024 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:006600;' class=cc></td> \1025 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0033FF;' class=cc></td> \1026 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0033CC;' class=cc></td> \1027 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003399;' class=cc></td> \1028 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003366;' class=cc></td> \1029 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003333;' class=cc></td> \1030 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:003300;' class=cc></td> \1031 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0000FF;' class=cc></td> \1032 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:0000CC;' class=cc></td> \1033 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000099;' class=cc></td> \1034 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000066;' class=cc></td> \1035 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000033;' class=cc></td> \1036 <td onmouseover='cO(this);' onclick='cC(this);' style='background-color:000000;' class=cc></td> \1037 </tr> \1038 </table> \1039 </td><td valign='top'>\1040 <div id='PreviewDiv' style='width:60px;height:40px;border: 1px solid black; background-color: START_VALUE;'> </div><br /> \1041 <input type='text' name='ColorText' id='ColorText' style='width:60px;' onkeyup='userInput(this);' value=''> \1042 </td></tr></table>\1043 <div class='footer'>\1044 <input type='button' id='ColorButton' value='OK' onclick='okButton();window.close();' />\1045 <input type='button' id='CancelButton' value='Cancel' onclick='window.close();' >\1046</div>\1047</form>\1048<script type='text/javascript'>\1049function load() {\1050 ftb = window.launchParameters['ftb'];\1051 color = ftb.QueryCommandValue(window.launchParameters['commandName']);\1052 if (color.toString().toLowerCase().indexOf('rgb') > -1) color = window.opener.FTB_RgbStringToHex(color); \1053 previewColor(color); \1054 setTextField(color); \1055}\1056</script>\1057</body>\1058</html>");1059
1060
1061var FTB_StyleEditorHtml = "<html>\Multiline support is limited to browsers supporting ES5 only
565</body> \
566</html>");
567
568var FTB_LinkPopUpHtml = new String("\ 569<html><body> \ 570<head>\ 571<title>Link Editor</title>\ 572<style type='text/css'>\ 573html, body { \ 574 background-color: #ECE9D8; \ 575 color: #000000; \ 576 font: 11px Tahoma,Verdana,sans-serif; \ 577 padding: 0px; \ 578} \ 579body { margin: 5px; } \ 580form { margin: 0px; padding: 0px;} \ 581table { \ 582 font: 11px Tahoma,Verdana,sans-serif; \ 583} \ 584form p { \ 585 margin-top: 5px; \ 586 margin-bottom: 5px; \ 587} \ 588h3 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;} \ 589.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } \ 590.fr { width: 7em; float: left; padding: 2px 5px; text-align: right; } \ 591fieldset { padding: 0px 10px 5px 5px; } \ 592button { width: 75px; } \ 593select, input, button { font: 11px Tahoma,Verdana,sans-serif; } \ 594.space { padding: 2px; } \ 595.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; \ 596border-bottom: 1px solid black; letter-spacing: 2px; \ 597} \ 598.f_title { text-align:right; }\ 599.footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }\ 600</style>\ 601<script type='text/javascript'>\ 602function insertLink() {\ 603 ftb = window.launchParameters['ftb'];\ 604 link = ftb.GetNearest('a');\ 605 href = document.getElementById('link_href');\ 606 if (href.value == '') {\ 607 alert('You must enter a link');\ 608 return false;\ 609 }\ 610 if (!link) {\ 611 var tempUrl = 'http://tempuri.org/tempuri.html';\ 612 ftb.ExecuteCommand('createlink',null,tempUrl);\ 613 var links = ftb.designEditor.document.getElementsByTagName('a');\ 614 for (var i=0;i<links.length;i++) {\ 615 if (links[i].href == tempUrl) {\ 616 link = links[i];\ 617 break;\ 618 }\ 619 }\ 620 }\ 621 updateLink(link);\ 622}\ 623function updateLink(link) {\ 624 if (link) {\ 625 href = document.getElementById('link_href');\ 626 title = document.getElementById('link_title');\ 627 target = document.getElementById('link_target');\ 628 cssClass = document.getElementById('link_cssClass');\ 629 targetVal = target.options[target.selectedIndex].value;\ 630 customtarget = document.getElementById('link_customtarget');\ 631 link.href = href.value;\ 632 link.setAttribute('temp_href', href.value) ;\ 633 if (title.value != '') \ 634 link.title = title.value;\ 635 if (cssClass.value != '') \ 636 link.className = cssClass.value;\ 637 if (targetVal == '_custom') {\ 638 if (customtarget.value != '') \ 639 link.target = customtarget.value; \ 640 } else { \ 641 if (targetVal != '') \ 642 link.target = targetVal;\ 643 else\ 644 link.removeAttribute('target');\ 645 } \ 646 }\ 647}\ 648function link_target_changed() {\ 649 list = document.getElementById('link_target');\ 650 customtarget = document.getElementById('link_customtarget');\ 651 if (list.options[list.options.selectedIndex].value == '_custom')\ 652 customtarget.style.display = '';\ 653 else\ 654 customtarget.style.display = 'none';\ 655}\ 656</script>\ 657</head>\ 658<body>\ 659<form action='' onsubmit='insertLink();window.close();'> \ 660<h3>Link Editor</h3> \ 661<fieldset><legend>Link Properties</legend><table>\ 662<tr><td class='f_title'>URL</td>\ 663<td><input type='text' id='link_href' style='width:250px;' /></td></tr>\ 664<tr><td class='f_title'>Title</td>\ 665<td><input type='text' id='link_title' style='width:250px;' /></td></tr>\ 666<tr><td class='f_title'>Target</td>\ 667<td><select id='link_target' style='width:150px;' onchange='link_target_changed();'>\ 668<option value=''>None</option>\ 669<option value='_blank'>New Window (_blank)</option>\ 670<option value='_top'>Top Frame (_top)</option>\ 671<option value='_parent'>Parent Frame (_parent)</option>\ 672<option value='_self'>Same Frame (_self)</option>\ 673<option value='_custom'>Custom Target</option>\ 674</select> \ 675<input type='text' id='link_customtarget' style='width:95px;display:none;' /> \ 676</td></tr>\ 677<tr style='display:none;'><td class='f_title'>Class</td>\ 678<td><input type='text' id='link_cssClass' style='width:250px;' /></td></tr>\ 679</table>\ 680</fieldset>\ 681<div class='footer'>\ 682<button type='button' name='insertLinkButton' id='insertLinkButton' onclick='insertLink();window.close();'>OK</button>\ 683<button type='button' name='cancel' id='cancelButton' onclick='window.close();'>Cancel</button>\ 684</div>\ 685<script type='text/javascript'>\ 686function load() {\ 687 ftb = window.launchParameters['ftb'];\ 688 link = ftb.GetNearest('a');\ 689 href = document.getElementById('link_href');\ 690 title = document.getElementById('link_title');\ 691 target = document.getElementById('link_target');\ 692 customtarget = document.getElementById('link_customtarget');\ 693 cssClass = document.getElementById('link_cssClass');\ 694 if (link) {\ 695 var url = link.getAttribute('temp_href');\ 696 href.value = (url != '') ? url : link.href;\ 697 title.value = link.title;\ 698 cssClass.value = link.className;\ 699 if (link.target == '' || link.target == '_blank' || link.target == '_top' || link.target == '_self' || link.target == '_parent')\ 700 window.opener.FTB_SetListValue(target,link.target,true);\ 701 else\ 702 window.opener.FTB_SetListValue(target,'_custom',false);\ 703 \ 704 if (target.options[target.options.selectedIndex].value == '_custom') {\ 705 customtarget.style.display='';\ 706 customtarget.value = link.target;\ 707 }\ 708 }\ 709}\ 710</script>\ 711</form> \ 712</body> \ 713</html>"); 714
715
716/* ColorPicker
Description
It's possible to create multiline strings in JavaScript by using a slash before a newline. Some consider this to be a bad practice as it was an undocumented feature of JavaScript that was only formalized later. Consider using template strings or concatenating the strings instead.
Bad Practice
const x = "Line 1 \
Line 2";
Recommended
const x = "Line 1\n" +
"Line 2";
const x_ = `Line 1
Line 2`