diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-06-27 22:52:50 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-06-27 22:52:50 +0200 |
| commit | 9a19a0494ef51cdac9a78e24d517ca48ba44c453 (patch) | |
| tree | 8eaae12d8047a40e29d3ea7ff3116b5c869e04bd /public/javascripts/tiny_mce/plugins/style | |
| parent | 85a01e35274b8d4d4165a7b26bd7986e211246bb (diff) | |
| parent | 1853082fcd8c067390c246f9daa01a9b47387497 (diff) | |
Migration from Rails 2.3.5 to Rails 8.1 successful.
Merging dev branch.
Diffstat (limited to 'public/javascripts/tiny_mce/plugins/style')
6 files changed, 0 insertions, 1500 deletions
diff --git a/public/javascripts/tiny_mce/plugins/style/css/props.css b/public/javascripts/tiny_mce/plugins/style/css/props.css deleted file mode 100644 index eb1f264..0000000 --- a/public/javascripts/tiny_mce/plugins/style/css/props.css +++ /dev/null | |||
| @@ -1,13 +0,0 @@ | |||
| 1 | #text_font {width:250px;} | ||
| 2 | #text_size {width:70px;} | ||
| 3 | .mceAddSelectValue {background:#DDD;} | ||
| 4 | select, #block_text_indent, #box_width, #box_height, #box_padding_top, #box_padding_right, #box_padding_bottom, #box_padding_left {width:70px;} | ||
| 5 | #box_margin_top, #box_margin_right, #box_margin_bottom, #box_margin_left, #positioning_width, #positioning_height, #positioning_zindex {width:70px;} | ||
| 6 | #positioning_placement_top, #positioning_placement_right, #positioning_placement_bottom, #positioning_placement_left {width:70px;} | ||
| 7 | #positioning_clip_top, #positioning_clip_right, #positioning_clip_bottom, #positioning_clip_left {width:70px;} | ||
| 8 | .panel_wrapper div.current {padding-top:10px;height:230px;} | ||
| 9 | .delim {border-left:1px solid gray;} | ||
| 10 | .tdelim {border-bottom:1px solid gray;} | ||
| 11 | #block_display {width:145px;} | ||
| 12 | #list_type {width:115px;} | ||
| 13 | .disabled {background:#EEE;} | ||
diff --git a/public/javascripts/tiny_mce/plugins/style/editor_plugin.js b/public/javascripts/tiny_mce/plugins/style/editor_plugin.js deleted file mode 100644 index cab2153..0000000 --- a/public/javascripts/tiny_mce/plugins/style/editor_plugin.js +++ /dev/null | |||
| @@ -1 +0,0 @@ | |||
| 1 | (function(){tinymce.create("tinymce.plugins.StylePlugin",{init:function(a,b){a.addCommand("mceStyleProps",function(){a.windowManager.open({file:b+"/props.htm",width:480+parseInt(a.getLang("style.delta_width",0)),height:320+parseInt(a.getLang("style.delta_height",0)),inline:1},{plugin_url:b,style_text:a.selection.getNode().style.cssText})});a.addCommand("mceSetElementStyle",function(d,c){if(e=a.selection.getNode()){a.dom.setAttrib(e,"style",c);a.execCommand("mceRepaint")}});a.onNodeChange.add(function(d,c,f){c.setDisabled("styleprops",f.nodeName==="BODY")});a.addButton("styleprops",{title:"style.desc",cmd:"mceStyleProps"})},getInfo:function(){return{longname:"Style",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/style",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("style",tinymce.plugins.StylePlugin)})(); \ No newline at end of file | ||
diff --git a/public/javascripts/tiny_mce/plugins/style/editor_plugin_src.js b/public/javascripts/tiny_mce/plugins/style/editor_plugin_src.js deleted file mode 100644 index 6c817ce..0000000 --- a/public/javascripts/tiny_mce/plugins/style/editor_plugin_src.js +++ /dev/null | |||
| @@ -1,52 +0,0 @@ | |||
| 1 | /** | ||
| 2 | * $Id: editor_plugin_src.js 787 2008-04-10 11:40:57Z spocke $ | ||
| 3 | * | ||
| 4 | * @author Moxiecode | ||
| 5 | * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved. | ||
| 6 | */ | ||
| 7 | |||
| 8 | (function() { | ||
| 9 | tinymce.create('tinymce.plugins.StylePlugin', { | ||
| 10 | init : function(ed, url) { | ||
| 11 | // Register commands | ||
| 12 | ed.addCommand('mceStyleProps', function() { | ||
| 13 | ed.windowManager.open({ | ||
| 14 | file : url + '/props.htm', | ||
| 15 | width : 480 + parseInt(ed.getLang('style.delta_width', 0)), | ||
| 16 | height : 320 + parseInt(ed.getLang('style.delta_height', 0)), | ||
| 17 | inline : 1 | ||
| 18 | }, { | ||
| 19 | plugin_url : url, | ||
| 20 | style_text : ed.selection.getNode().style.cssText | ||
| 21 | }); | ||
| 22 | }); | ||
| 23 | |||
| 24 | ed.addCommand('mceSetElementStyle', function(ui, v) { | ||
| 25 | if (e = ed.selection.getNode()) { | ||
| 26 | ed.dom.setAttrib(e, 'style', v); | ||
| 27 | ed.execCommand('mceRepaint'); | ||
| 28 | } | ||
| 29 | }); | ||
| 30 | |||
| 31 | ed.onNodeChange.add(function(ed, cm, n) { | ||
| 32 | cm.setDisabled('styleprops', n.nodeName === 'BODY'); | ||
| 33 | }); | ||
| 34 | |||
| 35 | // Register buttons | ||
| 36 | ed.addButton('styleprops', {title : 'style.desc', cmd : 'mceStyleProps'}); | ||
| 37 | }, | ||
| 38 | |||
| 39 | getInfo : function() { | ||
| 40 | return { | ||
| 41 | longname : 'Style', | ||
| 42 | author : 'Moxiecode Systems AB', | ||
| 43 | authorurl : 'http://tinymce.moxiecode.com', | ||
| 44 | infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/style', | ||
| 45 | version : tinymce.majorVersion + "." + tinymce.minorVersion | ||
| 46 | }; | ||
| 47 | } | ||
| 48 | }); | ||
| 49 | |||
| 50 | // Register plugin | ||
| 51 | tinymce.PluginManager.add('style', tinymce.plugins.StylePlugin); | ||
| 52 | })(); \ No newline at end of file | ||
diff --git a/public/javascripts/tiny_mce/plugins/style/js/props.js b/public/javascripts/tiny_mce/plugins/style/js/props.js deleted file mode 100644 index a8dd93d..0000000 --- a/public/javascripts/tiny_mce/plugins/style/js/props.js +++ /dev/null | |||
| @@ -1,641 +0,0 @@ | |||
| 1 | tinyMCEPopup.requireLangPack(); | ||
| 2 | |||
| 3 | var defaultFonts = "" + | ||
| 4 | "Arial, Helvetica, sans-serif=Arial, Helvetica, sans-serif;" + | ||
| 5 | "Times New Roman, Times, serif=Times New Roman, Times, serif;" + | ||
| 6 | "Courier New, Courier, mono=Courier New, Courier, mono;" + | ||
| 7 | "Times New Roman, Times, serif=Times New Roman, Times, serif;" + | ||
| 8 | "Georgia, Times New Roman, Times, serif=Georgia, Times New Roman, Times, serif;" + | ||
| 9 | "Verdana, Arial, Helvetica, sans-serif=Verdana, Arial, Helvetica, sans-serif;" + | ||
| 10 | "Geneva, Arial, Helvetica, sans-serif=Geneva, Arial, Helvetica, sans-serif"; | ||
| 11 | |||
| 12 | var defaultSizes = "9;10;12;14;16;18;24;xx-small;x-small;small;medium;large;x-large;xx-large;smaller;larger"; | ||
| 13 | var defaultMeasurement = "+pixels=px;points=pt;inches=in;centimetres=cm;millimetres=mm;picas=pc;ems=em;exs=ex;%"; | ||
| 14 | var defaultSpacingMeasurement = "pixels=px;points=pt;inches=in;centimetres=cm;millimetres=mm;picas=pc;+ems=em;exs=ex;%"; | ||
| 15 | var defaultIndentMeasurement = "pixels=px;+points=pt;inches=in;centimetres=cm;millimetres=mm;picas=pc;ems=em;exs=ex;%"; | ||
| 16 | var defaultWeight = "normal;bold;bolder;lighter;100;200;300;400;500;600;700;800;900"; | ||
| 17 | var defaultTextStyle = "normal;italic;oblique"; | ||
| 18 | var defaultVariant = "normal;small-caps"; | ||
| 19 | var defaultLineHeight = "normal"; | ||
| 20 | var defaultAttachment = "fixed;scroll"; | ||
| 21 | var defaultRepeat = "no-repeat;repeat;repeat-x;repeat-y"; | ||
| 22 | var defaultPosH = "left;center;right"; | ||
| 23 | var defaultPosV = "top;center;bottom"; | ||
| 24 | var defaultVAlign = "baseline;sub;super;top;text-top;middle;bottom;text-bottom"; | ||
| 25 | var defaultDisplay = "inline;block;list-item;run-in;compact;marker;table;inline-table;table-row-group;table-header-group;table-footer-group;table-row;table-column-group;table-column;table-cell;table-caption;none"; | ||
| 26 | var defaultBorderStyle = "none;solid;dashed;dotted;double;groove;ridge;inset;outset"; | ||
| 27 | var defaultBorderWidth = "thin;medium;thick"; | ||
| 28 | var defaultListType = "disc;circle;square;decimal;lower-roman;upper-roman;lower-alpha;upper-alpha;none"; | ||
| 29 | |||
| 30 | function init() { | ||
| 31 | var ce = document.getElementById('container'), h; | ||
| 32 | |||
| 33 | ce.style.cssText = tinyMCEPopup.getWindowArg('style_text'); | ||
| 34 | |||
| 35 | h = getBrowserHTML('background_image_browser','background_image','image','advimage'); | ||
| 36 | document.getElementById("background_image_browser").innerHTML = h; | ||
| 37 | |||
| 38 | document.getElementById('text_color_pickcontainer').innerHTML = getColorPickerHTML('text_color_pick','text_color'); | ||
| 39 | document.getElementById('background_color_pickcontainer').innerHTML = getColorPickerHTML('background_color_pick','background_color'); | ||
| 40 | document.getElementById('border_color_top_pickcontainer').innerHTML = getColorPickerHTML('border_color_top_pick','border_color_top'); | ||
| 41 | document.getElementById('border_color_right_pickcontainer').innerHTML = getColorPickerHTML('border_color_right_pick','border_color_right'); | ||
| 42 | document.getElementById('border_color_bottom_pickcontainer').innerHTML = getColorPickerHTML('border_color_bottom_pick','border_color_bottom'); | ||
| 43 | document.getElementById('border_color_left_pickcontainer').innerHTML = getColorPickerHTML('border_color_left_pick','border_color_left'); | ||
| 44 | |||
| 45 | fillSelect(0, 'text_font', 'style_font', defaultFonts, ';', true); | ||
| 46 | fillSelect(0, 'text_size', 'style_font_size', defaultSizes, ';', true); | ||
| 47 | fillSelect(0, 'text_size_measurement', 'style_font_size_measurement', defaultMeasurement, ';', true); | ||
| 48 | fillSelect(0, 'text_case', 'style_text_case', "capitalize;uppercase;lowercase", ';', true); | ||
| 49 | fillSelect(0, 'text_weight', 'style_font_weight', defaultWeight, ';', true); | ||
| 50 | fillSelect(0, 'text_style', 'style_font_style', defaultTextStyle, ';', true); | ||
| 51 | fillSelect(0, 'text_variant', 'style_font_variant', defaultVariant, ';', true); | ||
| 52 | fillSelect(0, 'text_lineheight', 'style_font_line_height', defaultLineHeight, ';', true); | ||
| 53 | fillSelect(0, 'text_lineheight_measurement', 'style_font_line_height_measurement', defaultMeasurement, ';', true); | ||
| 54 | |||
| 55 | fillSelect(0, 'background_attachment', 'style_background_attachment', defaultAttachment, ';', true); | ||
| 56 | fillSelect(0, 'background_repeat', 'style_background_repeat', defaultRepeat, ';', true); | ||
| 57 | |||
| 58 | fillSelect(0, 'background_hpos_measurement', 'style_background_hpos_measurement', defaultMeasurement, ';', true); | ||
| 59 | fillSelect(0, 'background_vpos_measurement', 'style_background_vpos_measurement', defaultMeasurement, ';', true); | ||
| 60 | |||
| 61 | fillSelect(0, 'background_hpos', 'style_background_hpos', defaultPosH, ';', true); | ||
| 62 | fillSelect(0, 'background_vpos', 'style_background_vpos', defaultPosV, ';', true); | ||
| 63 | |||
| 64 | fillSelect(0, 'block_wordspacing', 'style_wordspacing', 'normal', ';', true); | ||
| 65 | fillSelect(0, 'block_wordspacing_measurement', 'style_wordspacing_measurement', defaultSpacingMeasurement, ';', true); | ||
| 66 | fillSelect(0, 'block_letterspacing', 'style_letterspacing', 'normal', ';', true); | ||
| 67 | fillSelect(0, 'block_letterspacing_measurement', 'style_letterspacing_measurement', defaultSpacingMeasurement, ';', true); | ||
| 68 | fillSelect(0, 'block_vertical_alignment', 'style_vertical_alignment', defaultVAlign, ';', true); | ||
| 69 | fillSelect(0, 'block_text_align', 'style_text_align', "left;right;center;justify", ';', true); | ||
| 70 | fillSelect(0, 'block_whitespace', 'style_whitespace', "normal;pre;nowrap", ';', true); | ||
| 71 | fillSelect(0, 'block_display', 'style_display', defaultDisplay, ';', true); | ||
| 72 | fillSelect(0, 'block_text_indent_measurement', 'style_text_indent_measurement', defaultIndentMeasurement, ';', true); | ||
| 73 | |||
| 74 | fillSelect(0, 'box_width_measurement', 'style_box_width_measurement', defaultMeasurement, ';', true); | ||
| 75 | fillSelect(0, 'box_height_measurement', 'style_box_height_measurement', defaultMeasurement, ';', true); | ||
| 76 | fillSelect(0, 'box_float', 'style_float', 'left;right;none', ';', true); | ||
| 77 | fillSelect(0, 'box_clear', 'style_clear', 'left;right;both;none', ';', true); | ||
| 78 | fillSelect(0, 'box_padding_left_measurement', 'style_padding_left_measurement', defaultMeasurement, ';', true); | ||
| 79 | fillSelect(0, 'box_padding_top_measurement', 'style_padding_top_measurement', defaultMeasurement, ';', true); | ||
| 80 | fillSelect(0, 'box_padding_bottom_measurement', 'style_padding_bottom_measurement', defaultMeasurement, ';', true); | ||
| 81 | fillSelect(0, 'box_padding_right_measurement', 'style_padding_right_measurement', defaultMeasurement, ';', true); | ||
| 82 | fillSelect(0, 'box_margin_left_measurement', 'style_margin_left_measurement', defaultMeasurement, ';', true); | ||
| 83 | fillSelect(0, 'box_margin_top_measurement', 'style_margin_top_measurement', defaultMeasurement, ';', true); | ||
| 84 | fillSelect(0, 'box_margin_bottom_measurement', 'style_margin_bottom_measurement', defaultMeasurement, ';', true); | ||
| 85 | fillSelect(0, 'box_margin_right_measurement', 'style_margin_right_measurement', defaultMeasurement, ';', true); | ||
| 86 | |||
| 87 | fillSelect(0, 'border_style_top', 'style_border_style_top', defaultBorderStyle, ';', true); | ||
| 88 | fillSelect(0, 'border_style_right', 'style_border_style_right', defaultBorderStyle, ';', true); | ||
| 89 | fillSelect(0, 'border_style_bottom', 'style_border_style_bottom', defaultBorderStyle, ';', true); | ||
| 90 | fillSelect(0, 'border_style_left', 'style_border_style_left', defaultBorderStyle, ';', true); | ||
| 91 | |||
| 92 | fillSelect(0, 'border_width_top', 'style_border_width_top', defaultBorderWidth, ';', true); | ||
| 93 | fillSelect(0, 'border_width_right', 'style_border_width_right', defaultBorderWidth, ';', true); | ||
| 94 | fillSelect(0, 'border_width_bottom', 'style_border_width_bottom', defaultBorderWidth, ';', true); | ||
| 95 | fillSelect(0, 'border_width_left', 'style_border_width_left', defaultBorderWidth, ';', true); | ||
| 96 | |||
| 97 | fillSelect(0, 'border_width_top_measurement', 'style_border_width_top_measurement', defaultMeasurement, ';', true); | ||
| 98 | fillSelect(0, 'border_width_right_measurement', 'style_border_width_right_measurement', defaultMeasurement, ';', true); | ||
| 99 | fillSelect(0, 'border_width_bottom_measurement', 'style_border_width_bottom_measurement', defaultMeasurement, ';', true); | ||
| 100 | fillSelect(0, 'border_width_left_measurement', 'style_border_width_left_measurement', defaultMeasurement, ';', true); | ||
| 101 | |||
| 102 | fillSelect(0, 'list_type', 'style_list_type', defaultListType, ';', true); | ||
| 103 | fillSelect(0, 'list_position', 'style_list_position', "inside;outside", ';', true); | ||
| 104 | |||
| 105 | fillSelect(0, 'positioning_type', 'style_positioning_type', "absolute;relative;static", ';', true); | ||
| 106 | fillSelect(0, 'positioning_visibility', 'style_positioning_visibility', "inherit;visible;hidden", ';', true); | ||
| 107 | |||
| 108 | fillSelect(0, 'positioning_width_measurement', 'style_positioning_width_measurement', defaultMeasurement, ';', true); | ||
| 109 | fillSelect(0, 'positioning_height_measurement', 'style_positioning_height_measurement', defaultMeasurement, ';', true); | ||
| 110 | fillSelect(0, 'positioning_overflow', 'style_positioning_overflow', "visible;hidden;scroll;auto", ';', true); | ||
| 111 | |||
| 112 | fillSelect(0, 'positioning_placement_top_measurement', 'style_positioning_placement_top_measurement', defaultMeasurement, ';', true); | ||
| 113 | fillSelect(0, 'positioning_placement_right_measurement', 'style_positioning_placement_right_measurement', defaultMeasurement, ';', true); | ||
| 114 | fillSelect(0, 'positioning_placement_bottom_measurement', 'style_positioning_placement_bottom_measurement', defaultMeasurement, ';', true); | ||
| 115 | fillSelect(0, 'positioning_placement_left_measurement', 'style_positioning_placement_left_measurement', defaultMeasurement, ';', true); | ||
| 116 | |||
| 117 | fillSelect(0, 'positioning_clip_top_measurement', 'style_positioning_clip_top_measurement', defaultMeasurement, ';', true); | ||
| 118 | fillSelect(0, 'positioning_clip_right_measurement', 'style_positioning_clip_right_measurement', defaultMeasurement, ';', true); | ||
| 119 | fillSelect(0, 'positioning_clip_bottom_measurement', 'style_positioning_clip_bottom_measurement', defaultMeasurement, ';', true); | ||
| 120 | fillSelect(0, 'positioning_clip_left_measurement', 'style_positioning_clip_left_measurement', defaultMeasurement, ';', true); | ||
| 121 | |||
| 122 | TinyMCE_EditableSelects.init(); | ||
| 123 | setupFormData(); | ||
| 124 | showDisabledControls(); | ||
| 125 | } | ||
| 126 | |||
| 127 | function setupFormData() { | ||
| 128 | var ce = document.getElementById('container'), f = document.forms[0], s, b, i; | ||
| 129 | |||
| 130 | // Setup text fields | ||
| 131 | |||
| 132 | selectByValue(f, 'text_font', ce.style.fontFamily, true, true); | ||
| 133 | selectByValue(f, 'text_size', getNum(ce.style.fontSize), true, true); | ||
| 134 | selectByValue(f, 'text_size_measurement', getMeasurement(ce.style.fontSize)); | ||
| 135 | selectByValue(f, 'text_weight', ce.style.fontWeight, true, true); | ||
| 136 | selectByValue(f, 'text_style', ce.style.fontStyle, true, true); | ||
| 137 | selectByValue(f, 'text_lineheight', getNum(ce.style.lineHeight), true, true); | ||
| 138 | selectByValue(f, 'text_lineheight_measurement', getMeasurement(ce.style.lineHeight)); | ||
| 139 | selectByValue(f, 'text_case', ce.style.textTransform, true, true); | ||
| 140 | selectByValue(f, 'text_variant', ce.style.fontVariant, true, true); | ||
| 141 | f.text_color.value = tinyMCEPopup.editor.dom.toHex(ce.style.color); | ||
| 142 | updateColor('text_color_pick', 'text_color'); | ||
| 143 | f.text_underline.checked = inStr(ce.style.textDecoration, 'underline'); | ||
| 144 | f.text_overline.checked = inStr(ce.style.textDecoration, 'overline'); | ||
| 145 | f.text_linethrough.checked = inStr(ce.style.textDecoration, 'line-through'); | ||
| 146 | f.text_blink.checked = inStr(ce.style.textDecoration, 'blink'); | ||
| 147 | |||
| 148 | // Setup background fields | ||
| 149 | |||
| 150 | f.background_color.value = tinyMCEPopup.editor.dom.toHex(ce.style.backgroundColor); | ||
| 151 | updateColor('background_color_pick', 'background_color'); | ||
| 152 | f.background_image.value = ce.style.backgroundImage.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"); | ||
| 153 | selectByValue(f, 'background_repeat', ce.style.backgroundRepeat, true, true); | ||
| 154 | selectByValue(f, 'background_attachment', ce.style.backgroundAttachment, true, true); | ||
| 155 | selectByValue(f, 'background_hpos', getNum(getVal(ce.style.backgroundPosition, 0)), true, true); | ||
| 156 | selectByValue(f, 'background_hpos_measurement', getMeasurement(getVal(ce.style.backgroundPosition, 0))); | ||
| 157 | selectByValue(f, 'background_vpos', getNum(getVal(ce.style.backgroundPosition, 1)), true, true); | ||
| 158 | selectByValue(f, 'background_vpos_measurement', getMeasurement(getVal(ce.style.backgroundPosition, 1))); | ||
| 159 | |||
| 160 | // Setup block fields | ||
| 161 | |||
| 162 | selectByValue(f, 'block_wordspacing', getNum(ce.style.wordSpacing), true, true); | ||
| 163 | selectByValue(f, 'block_wordspacing_measurement', getMeasurement(ce.style.wordSpacing)); | ||
| 164 | selectByValue(f, 'block_letterspacing', getNum(ce.style.letterSpacing), true, true); | ||
| 165 | selectByValue(f, 'block_letterspacing_measurement', getMeasurement(ce.style.letterSpacing)); | ||
| 166 | selectByValue(f, 'block_vertical_alignment', ce.style.verticalAlign, true, true); | ||
| 167 | selectByValue(f, 'block_text_align', ce.style.textAlign, true, true); | ||
| 168 | f.block_text_indent.value = getNum(ce.style.textIndent); | ||
| 169 | selectByValue(f, 'block_text_indent_measurement', getMeasurement(ce.style.textIndent)); | ||
| 170 | selectByValue(f, 'block_whitespace', ce.style.whiteSpace, true, true); | ||
| 171 | selectByValue(f, 'block_display', ce.style.display, true, true); | ||
| 172 | |||
| 173 | // Setup box fields | ||
| 174 | |||
| 175 | f.box_width.value = getNum(ce.style.width); | ||
| 176 | selectByValue(f, 'box_width_measurement', getMeasurement(ce.style.width)); | ||
| 177 | |||
| 178 | f.box_height.value = getNum(ce.style.height); | ||
| 179 | selectByValue(f, 'box_height_measurement', getMeasurement(ce.style.height)); | ||
| 180 | |||
| 181 | if (tinymce.isGecko) | ||
| 182 | selectByValue(f, 'box_float', ce.style.cssFloat, true, true); | ||
| 183 | else | ||
| 184 | selectByValue(f, 'box_float', ce.style.styleFloat, true, true); | ||
| 185 | |||
| 186 | selectByValue(f, 'box_clear', ce.style.clear, true, true); | ||
| 187 | |||
| 188 | setupBox(f, ce, 'box_padding', 'padding', ''); | ||
| 189 | setupBox(f, ce, 'box_margin', 'margin', ''); | ||
| 190 | |||
| 191 | // Setup border fields | ||
| 192 | |||
| 193 | setupBox(f, ce, 'border_style', 'border', 'Style'); | ||
| 194 | setupBox(f, ce, 'border_width', 'border', 'Width'); | ||
| 195 | setupBox(f, ce, 'border_color', 'border', 'Color'); | ||
| 196 | |||
| 197 | updateColor('border_color_top_pick', 'border_color_top'); | ||
| 198 | updateColor('border_color_right_pick', 'border_color_right'); | ||
| 199 | updateColor('border_color_bottom_pick', 'border_color_bottom'); | ||
| 200 | updateColor('border_color_left_pick', 'border_color_left'); | ||
| 201 | |||
| 202 | f.elements.border_color_top.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_top.value); | ||
| 203 | f.elements.border_color_right.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_right.value); | ||
| 204 | f.elements.border_color_bottom.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_bottom.value); | ||
| 205 | f.elements.border_color_left.value = tinyMCEPopup.editor.dom.toHex(f.elements.border_color_left.value); | ||
| 206 | |||
| 207 | // Setup list fields | ||
| 208 | |||
| 209 | selectByValue(f, 'list_type', ce.style.listStyleType, true, true); | ||
| 210 | selectByValue(f, 'list_position', ce.style.listStylePosition, true, true); | ||
| 211 | f.list_bullet_image.value = ce.style.listStyleImage.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"); | ||
| 212 | |||
| 213 | // Setup box fields | ||
| 214 | |||
| 215 | selectByValue(f, 'positioning_type', ce.style.position, true, true); | ||
| 216 | selectByValue(f, 'positioning_visibility', ce.style.visibility, true, true); | ||
| 217 | selectByValue(f, 'positioning_overflow', ce.style.overflow, true, true); | ||
| 218 | f.positioning_zindex.value = ce.style.zIndex ? ce.style.zIndex : ""; | ||
| 219 | |||
| 220 | f.positioning_width.value = getNum(ce.style.width); | ||
| 221 | selectByValue(f, 'positioning_width_measurement', getMeasurement(ce.style.width)); | ||
| 222 | |||
| 223 | f.positioning_height.value = getNum(ce.style.height); | ||
| 224 | selectByValue(f, 'positioning_height_measurement', getMeasurement(ce.style.height)); | ||
| 225 | |||
| 226 | setupBox(f, ce, 'positioning_placement', '', '', ['top', 'right', 'bottom', 'left']); | ||
| 227 | |||
| 228 | s = ce.style.clip.replace(new RegExp("rect\\('?([^']*)'?\\)", 'gi'), "$1"); | ||
| 229 | s = s.replace(/,/g, ' '); | ||
| 230 | |||
| 231 | if (!hasEqualValues([getVal(s, 0), getVal(s, 1), getVal(s, 2), getVal(s, 3)])) { | ||
| 232 | f.positioning_clip_top.value = getNum(getVal(s, 0)); | ||
| 233 | selectByValue(f, 'positioning_clip_top_measurement', getMeasurement(getVal(s, 0))); | ||
| 234 | f.positioning_clip_right.value = getNum(getVal(s, 1)); | ||
| 235 | selectByValue(f, 'positioning_clip_right_measurement', getMeasurement(getVal(s, 1))); | ||
| 236 | f.positioning_clip_bottom.value = getNum(getVal(s, 2)); | ||
| 237 | selectByValue(f, 'positioning_clip_bottom_measurement', getMeasurement(getVal(s, 2))); | ||
| 238 | f.positioning_clip_left.value = getNum(getVal(s, 3)); | ||
| 239 | selectByValue(f, 'positioning_clip_left_measurement', getMeasurement(getVal(s, 3))); | ||
| 240 | } else { | ||
| 241 | f.positioning_clip_top.value = getNum(getVal(s, 0)); | ||
| 242 | selectByValue(f, 'positioning_clip_top_measurement', getMeasurement(getVal(s, 0))); | ||
| 243 | f.positioning_clip_right.value = f.positioning_clip_bottom.value = f.positioning_clip_left.value; | ||
| 244 | } | ||
| 245 | |||
| 246 | // setupBox(f, ce, '', 'border', 'Color'); | ||
| 247 | } | ||
| 248 | |||
| 249 | function getMeasurement(s) { | ||
| 250 | return s.replace(/^([0-9.]+)(.*)$/, "$2"); | ||
| 251 | } | ||
| 252 | |||
| 253 | function getNum(s) { | ||
| 254 | if (new RegExp('^(?:[0-9.]+)(?:[a-z%]+)$', 'gi').test(s)) | ||
| 255 | return s.replace(/[^0-9.]/g, ''); | ||
| 256 | |||
| 257 | return s; | ||
| 258 | } | ||
| 259 | |||
| 260 | function inStr(s, n) { | ||
| 261 | return new RegExp(n, 'gi').test(s); | ||
| 262 | } | ||
| 263 | |||
| 264 | function getVal(s, i) { | ||
| 265 | var a = s.split(' '); | ||
| 266 | |||
| 267 | if (a.length > 1) | ||
| 268 | return a[i]; | ||
| 269 | |||
| 270 | return ""; | ||
| 271 | } | ||
| 272 | |||
| 273 | function setValue(f, n, v) { | ||
| 274 | if (f.elements[n].type == "text") | ||
| 275 | f.elements[n].value = v; | ||
| 276 | else | ||
| 277 | selectByValue(f, n, v, true, true); | ||
| 278 | } | ||
| 279 | |||
| 280 | function setupBox(f, ce, fp, pr, sf, b) { | ||
| 281 | if (typeof(b) == "undefined") | ||
| 282 | b = ['Top', 'Right', 'Bottom', 'Left']; | ||
| 283 | |||
| 284 | if (isSame(ce, pr, sf, b)) { | ||
| 285 | f.elements[fp + "_same"].checked = true; | ||
| 286 | |||
| 287 | setValue(f, fp + "_top", getNum(ce.style[pr + b[0] + sf])); | ||
| 288 | f.elements[fp + "_top"].disabled = false; | ||
| 289 | |||
| 290 | f.elements[fp + "_right"].value = ""; | ||
| 291 | f.elements[fp + "_right"].disabled = true; | ||
| 292 | f.elements[fp + "_bottom"].value = ""; | ||
| 293 | f.elements[fp + "_bottom"].disabled = true; | ||
| 294 | f.elements[fp + "_left"].value = ""; | ||
| 295 | f.elements[fp + "_left"].disabled = true; | ||
| 296 | |||
| 297 | if (f.elements[fp + "_top_measurement"]) { | ||
| 298 | selectByValue(f, fp + '_top_measurement', getMeasurement(ce.style[pr + b[0] + sf])); | ||
| 299 | f.elements[fp + "_left_measurement"].disabled = true; | ||
| 300 | f.elements[fp + "_bottom_measurement"].disabled = true; | ||
| 301 | f.elements[fp + "_right_measurement"].disabled = true; | ||
| 302 | } | ||
| 303 | } else { | ||
| 304 | f.elements[fp + "_same"].checked = false; | ||
| 305 | |||
| 306 | setValue(f, fp + "_top", getNum(ce.style[pr + b[0] + sf])); | ||
| 307 | f.elements[fp + "_top"].disabled = false; | ||
| 308 | |||
| 309 | setValue(f, fp + "_right", getNum(ce.style[pr + b[1] + sf])); | ||
| 310 | f.elements[fp + "_right"].disabled = false; | ||
| 311 | |||
| 312 | setValue(f, fp + "_bottom", getNum(ce.style[pr + b[2] + sf])); | ||
| 313 | f.elements[fp + "_bottom"].disabled = false; | ||
| 314 | |||
| 315 | setValue(f, fp + "_left", getNum(ce.style[pr + b[3] + sf])); | ||
| 316 | f.elements[fp + "_left"].disabled = false; | ||
| 317 | |||
| 318 | if (f.elements[fp + "_top_measurement"]) { | ||
| 319 | selectByValue(f, fp + '_top_measurement', getMeasurement(ce.style[pr + b[0] + sf])); | ||
| 320 | selectByValue(f, fp + '_right_measurement', getMeasurement(ce.style[pr + b[1] + sf])); | ||
| 321 | selectByValue(f, fp + '_bottom_measurement', getMeasurement(ce.style[pr + b[2] + sf])); | ||
| 322 | selectByValue(f, fp + '_left_measurement', getMeasurement(ce.style[pr + b[3] + sf])); | ||
| 323 | f.elements[fp + "_left_measurement"].disabled = false; | ||
| 324 | f.elements[fp + "_bottom_measurement"].disabled = false; | ||
| 325 | f.elements[fp + "_right_measurement"].disabled = false; | ||
| 326 | } | ||
| 327 | } | ||
| 328 | } | ||
| 329 | |||
| 330 | function isSame(e, pr, sf, b) { | ||
| 331 | var a = [], i, x; | ||
| 332 | |||
| 333 | if (typeof(b) == "undefined") | ||
| 334 | b = ['Top', 'Right', 'Bottom', 'Left']; | ||
| 335 | |||
| 336 | if (typeof(sf) == "undefined" || sf == null) | ||
| 337 | sf = ""; | ||
| 338 | |||
| 339 | a[0] = e.style[pr + b[0] + sf]; | ||
| 340 | a[1] = e.style[pr + b[1] + sf]; | ||
| 341 | a[2] = e.style[pr + b[2] + sf]; | ||
| 342 | a[3] = e.style[pr + b[3] + sf]; | ||
| 343 | |||
| 344 | for (i=0; i<a.length; i++) { | ||
| 345 | if (a[i] == null) | ||
| 346 | return false; | ||
| 347 | |||
| 348 | for (x=0; x<a.length; x++) { | ||
| 349 | if (a[x] != a[i]) | ||
| 350 | return false; | ||
| 351 | } | ||
| 352 | } | ||
| 353 | |||
| 354 | return true; | ||
| 355 | }; | ||
| 356 | |||
| 357 | function hasEqualValues(a) { | ||
| 358 | var i, x; | ||
| 359 | |||
| 360 | for (i=0; i<a.length; i++) { | ||
| 361 | if (a[i] == null) | ||
| 362 | return false; | ||
| 363 | |||
| 364 | for (x=0; x<a.length; x++) { | ||
| 365 | if (a[x] != a[i]) | ||
| 366 | return false; | ||
| 367 | } | ||
| 368 | } | ||
| 369 | |||
| 370 | return true; | ||
| 371 | } | ||
| 372 | |||
| 373 | function applyAction() { | ||
| 374 | var ce = document.getElementById('container'), ed = tinyMCEPopup.editor; | ||
| 375 | |||
| 376 | generateCSS(); | ||
| 377 | |||
| 378 | tinyMCEPopup.restoreSelection(); | ||
| 379 | ed.dom.setAttrib(ed.selection.getNode(), 'style', tinyMCEPopup.editor.dom.serializeStyle(tinyMCEPopup.editor.dom.parseStyle(ce.style.cssText))); | ||
| 380 | } | ||
| 381 | |||
| 382 | function updateAction() { | ||
| 383 | applyAction(); | ||
| 384 | tinyMCEPopup.close(); | ||
| 385 | } | ||
| 386 | |||
| 387 | function generateCSS() { | ||
| 388 | var ce = document.getElementById('container'), f = document.forms[0], num = new RegExp('[0-9]+', 'g'), s, t; | ||
| 389 | |||
| 390 | ce.style.cssText = ""; | ||
| 391 | |||
| 392 | // Build text styles | ||
| 393 | ce.style.fontFamily = f.text_font.value; | ||
| 394 | ce.style.fontSize = f.text_size.value + (isNum(f.text_size.value) ? (f.text_size_measurement.value || 'px') : ""); | ||
| 395 | ce.style.fontStyle = f.text_style.value; | ||
| 396 | ce.style.lineHeight = f.text_lineheight.value + (isNum(f.text_lineheight.value) ? f.text_lineheight_measurement.value : ""); | ||
| 397 | ce.style.textTransform = f.text_case.value; | ||
| 398 | ce.style.fontWeight = f.text_weight.value; | ||
| 399 | ce.style.fontVariant = f.text_variant.value; | ||
| 400 | ce.style.color = f.text_color.value; | ||
| 401 | |||
| 402 | s = ""; | ||
| 403 | s += f.text_underline.checked ? " underline" : ""; | ||
| 404 | s += f.text_overline.checked ? " overline" : ""; | ||
| 405 | s += f.text_linethrough.checked ? " line-through" : ""; | ||
| 406 | s += f.text_blink.checked ? " blink" : ""; | ||
| 407 | s = s.length > 0 ? s.substring(1) : s; | ||
| 408 | |||
| 409 | if (f.text_none.checked) | ||
| 410 | s = "none"; | ||
| 411 | |||
| 412 | ce.style.textDecoration = s; | ||
| 413 | |||
| 414 | // Build background styles | ||
| 415 | |||
| 416 | ce.style.backgroundColor = f.background_color.value; | ||
| 417 | ce.style.backgroundImage = f.background_image.value != "" ? "url(" + f.background_image.value + ")" : ""; | ||
| 418 | ce.style.backgroundRepeat = f.background_repeat.value; | ||
| 419 | ce.style.backgroundAttachment = f.background_attachment.value; | ||
| 420 | |||
| 421 | if (f.background_hpos.value != "") { | ||
| 422 | s = ""; | ||
| 423 | s += f.background_hpos.value + (isNum(f.background_hpos.value) ? f.background_hpos_measurement.value : "") + " "; | ||
| 424 | s += f.background_vpos.value + (isNum(f.background_vpos.value) ? f.background_vpos_measurement.value : ""); | ||
| 425 | ce.style.backgroundPosition = s; | ||
| 426 | } | ||
| 427 | |||
| 428 | // Build block styles | ||
| 429 | |||
| 430 | ce.style.wordSpacing = f.block_wordspacing.value + (isNum(f.block_wordspacing.value) ? f.block_wordspacing_measurement.value : ""); | ||
| 431 | ce.style.letterSpacing = f.block_letterspacing.value + (isNum(f.block_letterspacing.value) ? f.block_letterspacing_measurement.value : ""); | ||
| 432 | ce.style.verticalAlign = f.block_vertical_alignment.value; | ||
| 433 | ce.style.textAlign = f.block_text_align.value; | ||
| 434 | ce.style.textIndent = f.block_text_indent.value + (isNum(f.block_text_indent.value) ? f.block_text_indent_measurement.value : ""); | ||
| 435 | ce.style.whiteSpace = f.block_whitespace.value; | ||
| 436 | ce.style.display = f.block_display.value; | ||
| 437 | |||
| 438 | // Build box styles | ||
| 439 | |||
| 440 | ce.style.width = f.box_width.value + (isNum(f.box_width.value) ? f.box_width_measurement.value : ""); | ||
| 441 | ce.style.height = f.box_height.value + (isNum(f.box_height.value) ? f.box_height_measurement.value : ""); | ||
| 442 | ce.style.styleFloat = f.box_float.value; | ||
| 443 | |||
| 444 | if (tinymce.isGecko) | ||
| 445 | ce.style.cssFloat = f.box_float.value; | ||
| 446 | |||
| 447 | ce.style.clear = f.box_clear.value; | ||
| 448 | |||
| 449 | if (!f.box_padding_same.checked) { | ||
| 450 | ce.style.paddingTop = f.box_padding_top.value + (isNum(f.box_padding_top.value) ? f.box_padding_top_measurement.value : ""); | ||
| 451 | ce.style.paddingRight = f.box_padding_right.value + (isNum(f.box_padding_right.value) ? f.box_padding_right_measurement.value : ""); | ||
| 452 | ce.style.paddingBottom = f.box_padding_bottom.value + (isNum(f.box_padding_bottom.value) ? f.box_padding_bottom_measurement.value : ""); | ||
| 453 | ce.style.paddingLeft = f.box_padding_left.value + (isNum(f.box_padding_left.value) ? f.box_padding_left_measurement.value : ""); | ||
| 454 | } else | ||
| 455 | ce.style.padding = f.box_padding_top.value + (isNum(f.box_padding_top.value) ? f.box_padding_top_measurement.value : ""); | ||
| 456 | |||
| 457 | if (!f.box_margin_same.checked) { | ||
| 458 | ce.style.marginTop = f.box_margin_top.value + (isNum(f.box_margin_top.value) ? f.box_margin_top_measurement.value : ""); | ||
| 459 | ce.style.marginRight = f.box_margin_right.value + (isNum(f.box_margin_right.value) ? f.box_margin_right_measurement.value : ""); | ||
| 460 | ce.style.marginBottom = f.box_margin_bottom.value + (isNum(f.box_margin_bottom.value) ? f.box_margin_bottom_measurement.value : ""); | ||
| 461 | ce.style.marginLeft = f.box_margin_left.value + (isNum(f.box_margin_left.value) ? f.box_margin_left_measurement.value : ""); | ||
| 462 | } else | ||
| 463 | ce.style.margin = f.box_margin_top.value + (isNum(f.box_margin_top.value) ? f.box_margin_top_measurement.value : ""); | ||
| 464 | |||
| 465 | // Build border styles | ||
| 466 | |||
| 467 | if (!f.border_style_same.checked) { | ||
| 468 | ce.style.borderTopStyle = f.border_style_top.value; | ||
| 469 | ce.style.borderRightStyle = f.border_style_right.value; | ||
| 470 | ce.style.borderBottomStyle = f.border_style_bottom.value; | ||
| 471 | ce.style.borderLeftStyle = f.border_style_left.value; | ||
| 472 | } else | ||
| 473 | ce.style.borderStyle = f.border_style_top.value; | ||
| 474 | |||
| 475 | if (!f.border_width_same.checked) { | ||
| 476 | ce.style.borderTopWidth = f.border_width_top.value + (isNum(f.border_width_top.value) ? f.border_width_top_measurement.value : ""); | ||
| 477 | ce.style.borderRightWidth = f.border_width_right.value + (isNum(f.border_width_right.value) ? f.border_width_right_measurement.value : ""); | ||
| 478 | ce.style.borderBottomWidth = f.border_width_bottom.value + (isNum(f.border_width_bottom.value) ? f.border_width_bottom_measurement.value : ""); | ||
| 479 | ce.style.borderLeftWidth = f.border_width_left.value + (isNum(f.border_width_left.value) ? f.border_width_left_measurement.value : ""); | ||
| 480 | } else | ||
| 481 | ce.style.borderWidth = f.border_width_top.value + (isNum(f.border_width_top.value) ? f.border_width_top_measurement.value : ""); | ||
| 482 | |||
| 483 | if (!f.border_color_same.checked) { | ||
| 484 | ce.style.borderTopColor = f.border_color_top.value; | ||
| 485 | ce.style.borderRightColor = f.border_color_right.value; | ||
| 486 | ce.style.borderBottomColor = f.border_color_bottom.value; | ||
| 487 | ce.style.borderLeftColor = f.border_color_left.value; | ||
| 488 | } else | ||
| 489 | ce.style.borderColor = f.border_color_top.value; | ||
| 490 | |||
| 491 | // Build list styles | ||
| 492 | |||
| 493 | ce.style.listStyleType = f.list_type.value; | ||
| 494 | ce.style.listStylePosition = f.list_position.value; | ||
| 495 | ce.style.listStyleImage = f.list_bullet_image.value != "" ? "url(" + f.list_bullet_image.value + ")" : ""; | ||
| 496 | |||
| 497 | // Build positioning styles | ||
| 498 | |||
| 499 | ce.style.position = f.positioning_type.value; | ||
| 500 | ce.style.visibility = f.positioning_visibility.value; | ||
| 501 | |||
| 502 | if (ce.style.width == "") | ||
| 503 | ce.style.width = f.positioning_width.value + (isNum(f.positioning_width.value) ? f.positioning_width_measurement.value : ""); | ||
| 504 | |||
| 505 | if (ce.style.height == "") | ||
| 506 | ce.style.height = f.positioning_height.value + (isNum(f.positioning_height.value) ? f.positioning_height_measurement.value : ""); | ||
| 507 | |||
| 508 | ce.style.zIndex = f.positioning_zindex.value; | ||
| 509 | ce.style.overflow = f.positioning_overflow.value; | ||
| 510 | |||
| 511 | if (!f.positioning_placement_same.checked) { | ||
| 512 | ce.style.top = f.positioning_placement_top.value + (isNum(f.positioning_placement_top.value) ? f.positioning_placement_top_measurement.value : ""); | ||
| 513 | ce.style.right = f.positioning_placement_right.value + (isNum(f.positioning_placement_right.value) ? f.positioning_placement_right_measurement.value : ""); | ||
| 514 | ce.style.bottom = f.positioning_placement_bottom.value + (isNum(f.positioning_placement_bottom.value) ? f.positioning_placement_bottom_measurement.value : ""); | ||
| 515 | ce.style.left = f.positioning_placement_left.value + (isNum(f.positioning_placement_left.value) ? f.positioning_placement_left_measurement.value : ""); | ||
| 516 | } else { | ||
| 517 | s = f.positioning_placement_top.value + (isNum(f.positioning_placement_top.value) ? f.positioning_placement_top_measurement.value : ""); | ||
| 518 | ce.style.top = s; | ||
| 519 | ce.style.right = s; | ||
| 520 | ce.style.bottom = s; | ||
| 521 | ce.style.left = s; | ||
| 522 | } | ||
| 523 | |||
| 524 | if (!f.positioning_clip_same.checked) { | ||
| 525 | s = "rect("; | ||
| 526 | s += (isNum(f.positioning_clip_top.value) ? f.positioning_clip_top.value + f.positioning_clip_top_measurement.value : "auto") + " "; | ||
| 527 | s += (isNum(f.positioning_clip_right.value) ? f.positioning_clip_right.value + f.positioning_clip_right_measurement.value : "auto") + " "; | ||
| 528 | s += (isNum(f.positioning_clip_bottom.value) ? f.positioning_clip_bottom.value + f.positioning_clip_bottom_measurement.value : "auto") + " "; | ||
| 529 | s += (isNum(f.positioning_clip_left.value) ? f.positioning_clip_left.value + f.positioning_clip_left_measurement.value : "auto"); | ||
| 530 | s += ")"; | ||
| 531 | |||
| 532 | if (s != "rect(auto auto auto auto)") | ||
| 533 | ce.style.clip = s; | ||
| 534 | } else { | ||
| 535 | s = "rect("; | ||
| 536 | t = isNum(f.positioning_clip_top.value) ? f.positioning_clip_top.value + f.positioning_clip_top_measurement.value : "auto"; | ||
| 537 | s += t + " "; | ||
| 538 | s += t + " "; | ||
| 539 | s += t + " "; | ||
| 540 | s += t + ")"; | ||
| 541 | |||
| 542 | if (s != "rect(auto auto auto auto)") | ||
| 543 | ce.style.clip = s; | ||
| 544 | } | ||
| 545 | |||
| 546 | ce.style.cssText = ce.style.cssText; | ||
| 547 | } | ||
| 548 | |||
| 549 | function isNum(s) { | ||
| 550 | return new RegExp('[0-9]+', 'g').test(s); | ||
| 551 | } | ||
| 552 | |||
| 553 | function showDisabledControls() { | ||
| 554 | var f = document.forms, i, a; | ||
| 555 | |||
| 556 | for (i=0; i<f.length; i++) { | ||
| 557 | for (a=0; a<f[i].elements.length; a++) { | ||
| 558 | if (f[i].elements[a].disabled) | ||
| 559 | tinyMCEPopup.editor.dom.addClass(f[i].elements[a], "disabled"); | ||
| 560 | else | ||
| 561 | tinyMCEPopup.editor.dom.removeClass(f[i].elements[a], "disabled"); | ||
| 562 | } | ||
| 563 | } | ||
| 564 | } | ||
| 565 | |||
| 566 | function fillSelect(f, s, param, dval, sep, em) { | ||
| 567 | var i, ar, p, se; | ||
| 568 | |||
| 569 | f = document.forms[f]; | ||
| 570 | sep = typeof(sep) == "undefined" ? ";" : sep; | ||
| 571 | |||
| 572 | if (em) | ||
| 573 | addSelectValue(f, s, "", ""); | ||
| 574 | |||
| 575 | ar = tinyMCEPopup.getParam(param, dval).split(sep); | ||
| 576 | for (i=0; i<ar.length; i++) { | ||
| 577 | se = false; | ||
| 578 | |||
| 579 | if (ar[i].charAt(0) == '+') { | ||
| 580 | ar[i] = ar[i].substring(1); | ||
| 581 | se = true; | ||
| 582 | } | ||
| 583 | |||
| 584 | p = ar[i].split('='); | ||
| 585 | |||
| 586 | if (p.length > 1) { | ||
| 587 | addSelectValue(f, s, p[0], p[1]); | ||
| 588 | |||
| 589 | if (se) | ||
| 590 | selectByValue(f, s, p[1]); | ||
| 591 | } else { | ||
| 592 | addSelectValue(f, s, p[0], p[0]); | ||
| 593 | |||
| 594 | if (se) | ||
| 595 | selectByValue(f, s, p[0]); | ||
| 596 | } | ||
| 597 | } | ||
| 598 | } | ||
| 599 | |||
| 600 | function toggleSame(ce, pre) { | ||
| 601 | var el = document.forms[0].elements, i; | ||
| 602 | |||
| 603 | if (ce.checked) { | ||
| 604 | el[pre + "_top"].disabled = false; | ||
| 605 | el[pre + "_right"].disabled = true; | ||
| 606 | el[pre + "_bottom"].disabled = true; | ||
| 607 | el[pre + "_left"].disabled = true; | ||
| 608 | |||
| 609 | if (el[pre + "_top_measurement"]) { | ||
| 610 | el[pre + "_top_measurement"].disabled = false; | ||
| 611 | el[pre + "_right_measurement"].disabled = true; | ||
| 612 | el[pre + "_bottom_measurement"].disabled = true; | ||
| 613 | el[pre + "_left_measurement"].disabled = true; | ||
| 614 | } | ||
| 615 | } else { | ||
| 616 | el[pre + "_top"].disabled = false; | ||
| 617 | el[pre + "_right"].disabled = false; | ||
| 618 | el[pre + "_bottom"].disabled = false; | ||
| 619 | el[pre + "_left"].disabled = false; | ||
| 620 | |||
| 621 | if (el[pre + "_top_measurement"]) { | ||
| 622 | el[pre + "_top_measurement"].disabled = false; | ||
| 623 | el[pre + "_right_measurement"].disabled = false; | ||
| 624 | el[pre + "_bottom_measurement"].disabled = false; | ||
| 625 | el[pre + "_left_measurement"].disabled = false; | ||
| 626 | } | ||
| 627 | } | ||
| 628 | |||
| 629 | showDisabledControls(); | ||
| 630 | } | ||
| 631 | |||
| 632 | function synch(fr, to) { | ||
| 633 | var f = document.forms[0]; | ||
| 634 | |||
| 635 | f.elements[to].value = f.elements[fr].value; | ||
| 636 | |||
| 637 | if (f.elements[fr + "_measurement"]) | ||
| 638 | selectByValue(f, to + "_measurement", f.elements[fr + "_measurement"].value); | ||
| 639 | } | ||
| 640 | |||
| 641 | tinyMCEPopup.onInit.add(init); | ||
diff --git a/public/javascripts/tiny_mce/plugins/style/langs/en_dlg.js b/public/javascripts/tiny_mce/plugins/style/langs/en_dlg.js deleted file mode 100644 index 5026313..0000000 --- a/public/javascripts/tiny_mce/plugins/style/langs/en_dlg.js +++ /dev/null | |||
| @@ -1,63 +0,0 @@ | |||
| 1 | tinyMCE.addI18n('en.style_dlg',{ | ||
| 2 | title:"Edit CSS Style", | ||
| 3 | apply:"Apply", | ||
| 4 | text_tab:"Text", | ||
| 5 | background_tab:"Background", | ||
| 6 | block_tab:"Block", | ||
| 7 | box_tab:"Box", | ||
| 8 | border_tab:"Border", | ||
| 9 | list_tab:"List", | ||
| 10 | positioning_tab:"Positioning", | ||
| 11 | text_props:"Text", | ||
| 12 | text_font:"Font", | ||
| 13 | text_size:"Size", | ||
| 14 | text_weight:"Weight", | ||
| 15 | text_style:"Style", | ||
| 16 | text_variant:"Variant", | ||
| 17 | text_lineheight:"Line height", | ||
| 18 | text_case:"Case", | ||
| 19 | text_color:"Color", | ||
| 20 | text_decoration:"Decoration", | ||
| 21 | text_overline:"overline", | ||
| 22 | text_underline:"underline", | ||
| 23 | text_striketrough:"strikethrough", | ||
| 24 | text_blink:"blink", | ||
| 25 | text_none:"none", | ||
| 26 | background_color:"Background color", | ||
| 27 | background_image:"Background image", | ||
| 28 | background_repeat:"Repeat", | ||
| 29 | background_attachment:"Attachment", | ||
| 30 | background_hpos:"Horizontal position", | ||
| 31 | background_vpos:"Vertical position", | ||
| 32 | block_wordspacing:"Word spacing", | ||
| 33 | block_letterspacing:"Letter spacing", | ||
| 34 | block_vertical_alignment:"Vertical alignment", | ||
| 35 | block_text_align:"Text align", | ||
| 36 | block_text_indent:"Text indent", | ||
| 37 | block_whitespace:"Whitespace", | ||
| 38 | block_display:"Display", | ||
| 39 | box_width:"Width", | ||
| 40 | box_height:"Height", | ||
| 41 | box_float:"Float", | ||
| 42 | box_clear:"Clear", | ||
| 43 | padding:"Padding", | ||
| 44 | same:"Same for all", | ||
| 45 | top:"Top", | ||
| 46 | right:"Right", | ||
| 47 | bottom:"Bottom", | ||
| 48 | left:"Left", | ||
| 49 | margin:"Margin", | ||
| 50 | style:"Style", | ||
| 51 | width:"Width", | ||
| 52 | height:"Height", | ||
| 53 | color:"Color", | ||
| 54 | list_type:"Type", | ||
| 55 | bullet_image:"Bullet image", | ||
| 56 | position:"Position", | ||
| 57 | positioning_type:"Type", | ||
| 58 | visibility:"Visibility", | ||
| 59 | zindex:"Z-index", | ||
| 60 | overflow:"Overflow", | ||
| 61 | placement:"Placement", | ||
| 62 | clip:"Clip" | ||
| 63 | }); \ No newline at end of file | ||
diff --git a/public/javascripts/tiny_mce/plugins/style/props.htm b/public/javascripts/tiny_mce/plugins/style/props.htm deleted file mode 100644 index 3a1582c..0000000 --- a/public/javascripts/tiny_mce/plugins/style/props.htm +++ /dev/null | |||
| @@ -1,730 +0,0 @@ | |||
| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| 3 | <head> | ||
| 4 | <title>{#style_dlg.title}</title> | ||
| 5 | <script type="text/javascript" src="../../tiny_mce_popup.js"></script> | ||
| 6 | <script type="text/javascript" src="../../utils/mctabs.js"></script> | ||
| 7 | <script type="text/javascript" src="../../utils/editable_selects.js"></script> | ||
| 8 | <script type="text/javascript" src="../../utils/form_utils.js"></script> | ||
| 9 | <script type="text/javascript" src="js/props.js"></script> | ||
| 10 | <link href="css/props.css" rel="stylesheet" type="text/css" /> | ||
| 11 | </head> | ||
| 12 | |||
| 13 | <body id="styleprops" style="display: none"> | ||
| 14 | <form onsubmit="updateAction();return false;" action="#"> | ||
| 15 | <div class="tabs"> | ||
| 16 | <ul> | ||
| 17 | <li id="text_tab" class="current"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li> | ||
| 18 | <li id="background_tab"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li> | ||
| 19 | <li id="block_tab"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li> | ||
| 20 | <li id="box_tab"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li> | ||
| 21 | <li id="border_tab"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li> | ||
| 22 | <li id="list_tab"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li> | ||
| 23 | <li id="positioning_tab"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li> | ||
| 24 | </ul> | ||
| 25 | </div> | ||
| 26 | |||
| 27 | <div class="panel_wrapper"> | ||
| 28 | <div id="text_panel" class="panel current"> | ||
| 29 | <table border="0" width="100%"> | ||
| 30 | <tr> | ||
| 31 | <td><label for="text_font">{#style_dlg.text_font}</label></td> | ||
| 32 | <td colspan="3"> | ||
| 33 | <select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select> | ||
| 34 | </td> | ||
| 35 | </tr> | ||
| 36 | <tr> | ||
| 37 | <td><label for="text_size">{#style_dlg.text_size}</label></td> | ||
| 38 | <td> | ||
| 39 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 40 | <tr> | ||
| 41 | <td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td> | ||
| 42 | <td> </td> | ||
| 43 | <td><select id="text_size_measurement" name="text_size_measurement"></select></td> | ||
| 44 | </tr> | ||
| 45 | </table> | ||
| 46 | </td> | ||
| 47 | <td><label for="text_weight">{#style_dlg.text_weight}</label></td> | ||
| 48 | <td> | ||
| 49 | <select id="text_weight" name="text_weight"></select> | ||
| 50 | </td> | ||
| 51 | </tr> | ||
| 52 | <tr> | ||
| 53 | <td><label for="text_style">{#style_dlg.text_style}</label></td> | ||
| 54 | <td> | ||
| 55 | <select id="text_style" name="text_style" class="mceEditableSelect"></select> | ||
| 56 | </td> | ||
| 57 | <td><label for="text_variant">{#style_dlg.text_variant}</label></td> | ||
| 58 | <td> | ||
| 59 | <select id="text_variant" name="text_variant"></select> | ||
| 60 | </td> | ||
| 61 | </tr> | ||
| 62 | <tr> | ||
| 63 | <td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td> | ||
| 64 | <td> | ||
| 65 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 66 | <tr> | ||
| 67 | <td> | ||
| 68 | <select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select> | ||
| 69 | </td> | ||
| 70 | <td> </td> | ||
| 71 | <td><select id="text_lineheight_measurement" name="text_lineheight_measurement"></select></td> | ||
| 72 | </tr> | ||
| 73 | </table> | ||
| 74 | </td> | ||
| 75 | <td><label for="text_case">{#style_dlg.text_case}</label></td> | ||
| 76 | <td> | ||
| 77 | <select id="text_case" name="text_case"></select> | ||
| 78 | </td> | ||
| 79 | </tr> | ||
| 80 | <tr> | ||
| 81 | <td><label for="text_color">{#style_dlg.text_color}</label></td> | ||
| 82 | <td colspan="2"> | ||
| 83 | <table border="0" cellpadding="0" cellspacing="0"> | ||
| 84 | <tr> | ||
| 85 | <td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td> | ||
| 86 | <td id="text_color_pickcontainer"> </td> | ||
| 87 | </tr> | ||
| 88 | </table> | ||
| 89 | </td> | ||
| 90 | </tr> | ||
| 91 | <tr> | ||
| 92 | <td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td> | ||
| 93 | <td colspan="2"> | ||
| 94 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 95 | <tr> | ||
| 96 | <td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td> | ||
| 97 | <td><label for="text_underline">{#style_dlg.text_underline}</label></td> | ||
| 98 | </tr> | ||
| 99 | <tr> | ||
| 100 | <td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td> | ||
| 101 | <td><label for="text_overline">{#style_dlg.text_overline}</label></td> | ||
| 102 | </tr> | ||
| 103 | <tr> | ||
| 104 | <td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td> | ||
| 105 | <td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td> | ||
| 106 | </tr> | ||
| 107 | <tr> | ||
| 108 | <td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td> | ||
| 109 | <td><label for="text_blink">{#style_dlg.text_blink}</label></td> | ||
| 110 | </tr> | ||
| 111 | <tr> | ||
| 112 | <td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td> | ||
| 113 | <td><label for="text_none">{#style_dlg.text_none}</label></td> | ||
| 114 | </tr> | ||
| 115 | </table> | ||
| 116 | </td> | ||
| 117 | </tr> | ||
| 118 | </table> | ||
| 119 | </div> | ||
| 120 | |||
| 121 | <div id="background_panel" class="panel"> | ||
| 122 | <table border="0"> | ||
| 123 | <tr> | ||
| 124 | <td><label for="background_color">{#style_dlg.background_color}</label></td> | ||
| 125 | <td> | ||
| 126 | <table border="0" cellpadding="0" cellspacing="0"> | ||
| 127 | <tr> | ||
| 128 | <td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td> | ||
| 129 | <td id="background_color_pickcontainer"> </td> | ||
| 130 | </tr> | ||
| 131 | </table> | ||
| 132 | </td> | ||
| 133 | </tr> | ||
| 134 | |||
| 135 | <tr> | ||
| 136 | <td><label for="background_image">{#style_dlg.background_image}</label></td> | ||
| 137 | <td><table border="0" cellspacing="0" cellpadding="0"> | ||
| 138 | <tr> | ||
| 139 | <td><input id="background_image" name="background_image" type="text" /></td> | ||
| 140 | <td id="background_image_browser"> </td> | ||
| 141 | </tr> | ||
| 142 | </table> | ||
| 143 | </td> | ||
| 144 | </tr> | ||
| 145 | |||
| 146 | <tr> | ||
| 147 | <td><label for="background_repeat">{#style_dlg.background_repeat}</label></td> | ||
| 148 | <td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td> | ||
| 149 | </tr> | ||
| 150 | |||
| 151 | <tr> | ||
| 152 | <td><label for="background_attachment">{#style_dlg.background_attachment}</label></td> | ||
| 153 | <td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td> | ||
| 154 | </tr> | ||
| 155 | |||
| 156 | <tr> | ||
| 157 | <td><label for="background_hpos">{#style_dlg.background_hpos}</label></td> | ||
| 158 | <td> | ||
| 159 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 160 | <tr> | ||
| 161 | <td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td> | ||
| 162 | <td> </td> | ||
| 163 | <td><select id="background_hpos_measurement" name="background_hpos_measurement"></select></td> | ||
| 164 | </tr> | ||
| 165 | </table> | ||
| 166 | </td> | ||
| 167 | </tr> | ||
| 168 | |||
| 169 | <tr> | ||
| 170 | <td><label for="background_vpos">{#style_dlg.background_vpos}</label></td> | ||
| 171 | <td> | ||
| 172 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 173 | <tr> | ||
| 174 | <td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td> | ||
| 175 | <td> </td> | ||
| 176 | <td><select id="background_vpos_measurement" name="background_vpos_measurement"></select></td> | ||
| 177 | </tr> | ||
| 178 | </table> | ||
| 179 | </td> | ||
| 180 | </tr> | ||
| 181 | </table> | ||
| 182 | </div> | ||
| 183 | |||
| 184 | <div id="block_panel" class="panel"> | ||
| 185 | <table border="0"> | ||
| 186 | <tr> | ||
| 187 | <td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td> | ||
| 188 | <td> | ||
| 189 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 190 | <tr> | ||
| 191 | <td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td> | ||
| 192 | <td> </td> | ||
| 193 | <td><select id="block_wordspacing_measurement" name="block_wordspacing_measurement"></select></td> | ||
| 194 | </tr> | ||
| 195 | </table> | ||
| 196 | </td> | ||
| 197 | </tr> | ||
| 198 | |||
| 199 | <tr> | ||
| 200 | <td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td> | ||
| 201 | <td> | ||
| 202 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 203 | <tr> | ||
| 204 | <td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td> | ||
| 205 | <td> </td> | ||
| 206 | <td><select id="block_letterspacing_measurement" name="block_letterspacing_measurement"></select></td> | ||
| 207 | </tr> | ||
| 208 | </table> | ||
| 209 | </td> | ||
| 210 | </tr> | ||
| 211 | |||
| 212 | <tr> | ||
| 213 | <td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td> | ||
| 214 | <td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td> | ||
| 215 | </tr> | ||
| 216 | |||
| 217 | <tr> | ||
| 218 | <td><label for="block_text_align">{#style_dlg.block_text_align}</label></td> | ||
| 219 | <td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td> | ||
| 220 | </tr> | ||
| 221 | |||
| 222 | <tr> | ||
| 223 | <td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td> | ||
| 224 | <td> | ||
| 225 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 226 | <tr> | ||
| 227 | <td><input type="text" id="block_text_indent" name="block_text_indent" /></td> | ||
| 228 | <td> </td> | ||
| 229 | <td><select id="block_text_indent_measurement" name="block_text_indent_measurement"></select></td> | ||
| 230 | </tr> | ||
| 231 | </table> | ||
| 232 | </td> | ||
| 233 | </tr> | ||
| 234 | |||
| 235 | <tr> | ||
| 236 | <td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td> | ||
| 237 | <td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td> | ||
| 238 | </tr> | ||
| 239 | |||
| 240 | <tr> | ||
| 241 | <td><label for="block_display">{#style_dlg.block_display}</label></td> | ||
| 242 | <td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td> | ||
| 243 | </tr> | ||
| 244 | </table> | ||
| 245 | </div> | ||
| 246 | |||
| 247 | <div id="box_panel" class="panel"> | ||
| 248 | <table border="0"> | ||
| 249 | <tr> | ||
| 250 | <td><label for="box_width">{#style_dlg.box_width}</label></td> | ||
| 251 | <td> | ||
| 252 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 253 | <tr> | ||
| 254 | <td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td> | ||
| 255 | <td> </td> | ||
| 256 | <td><select id="box_width_measurement" name="box_width_measurement"></select></td> | ||
| 257 | </tr> | ||
| 258 | </table> | ||
| 259 | </td> | ||
| 260 | <td> <label for="box_float">{#style_dlg.box_float}</label></td> | ||
| 261 | <td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td> | ||
| 262 | </tr> | ||
| 263 | |||
| 264 | <tr> | ||
| 265 | <td><label for="box_height">{#style_dlg.box_height}</label></td> | ||
| 266 | <td> | ||
| 267 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 268 | <tr> | ||
| 269 | <td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td> | ||
| 270 | <td> </td> | ||
| 271 | <td><select id="box_height_measurement" name="box_height_measurement"></select></td> | ||
| 272 | </tr> | ||
| 273 | </table> | ||
| 274 | </td> | ||
| 275 | <td> <label for="box_clear">{#style_dlg.box_clear}</label></td> | ||
| 276 | <td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td> | ||
| 277 | </tr> | ||
| 278 | </table> | ||
| 279 | <div style="float: left; width: 49%"> | ||
| 280 | <fieldset> | ||
| 281 | <legend>{#style_dlg.padding}</legend> | ||
| 282 | |||
| 283 | <table border="0"> | ||
| 284 | <tr> | ||
| 285 | <td> </td> | ||
| 286 | <td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td> | ||
| 287 | </tr> | ||
| 288 | <tr> | ||
| 289 | <td><label for="box_padding_top">{#style_dlg.top}</label></td> | ||
| 290 | <td> | ||
| 291 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 292 | <tr> | ||
| 293 | <td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td> | ||
| 294 | <td> </td> | ||
| 295 | <td><select id="box_padding_top_measurement" name="box_padding_top_measurement"></select></td> | ||
| 296 | </tr> | ||
| 297 | </table> | ||
| 298 | </td> | ||
| 299 | </tr> | ||
| 300 | <tr> | ||
| 301 | <td><label for="box_padding_right">{#style_dlg.right}</label></td> | ||
| 302 | <td> | ||
| 303 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 304 | <tr> | ||
| 305 | <td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td> | ||
| 306 | <td> </td> | ||
| 307 | <td><select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled"></select></td> | ||
| 308 | </tr> | ||
| 309 | </table> | ||
| 310 | </td> | ||
| 311 | </tr> | ||
| 312 | <tr> | ||
| 313 | <td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td> | ||
| 314 | <td> | ||
| 315 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 316 | <tr> | ||
| 317 | <td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td> | ||
| 318 | <td> </td> | ||
| 319 | <td><select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled"></select></td> | ||
| 320 | </tr> | ||
| 321 | </table> | ||
| 322 | </td> | ||
| 323 | </tr> | ||
| 324 | <tr> | ||
| 325 | <td><label for="box_padding_left">{#style_dlg.left}</label></td> | ||
| 326 | <td> | ||
| 327 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 328 | <tr> | ||
| 329 | <td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td> | ||
| 330 | <td> </td> | ||
| 331 | <td><select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled"></select></td> | ||
| 332 | </tr> | ||
| 333 | </table> | ||
| 334 | </td> | ||
| 335 | </tr> | ||
| 336 | </table> | ||
| 337 | </fieldset> | ||
| 338 | </div> | ||
| 339 | |||
| 340 | <div style="float: right; width: 49%"> | ||
| 341 | <fieldset> | ||
| 342 | <legend>{#style_dlg.margin}</legend> | ||
| 343 | |||
| 344 | <table border="0"> | ||
| 345 | <tr> | ||
| 346 | <td> </td> | ||
| 347 | <td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td> | ||
| 348 | </tr> | ||
| 349 | <tr> | ||
| 350 | <td><label for="box_margin_top">{#style_dlg.top}</label></td> | ||
| 351 | <td> | ||
| 352 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 353 | <tr> | ||
| 354 | <td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td> | ||
| 355 | <td> </td> | ||
| 356 | <td><select id="box_margin_top_measurement" name="box_margin_top_measurement"></select></td> | ||
| 357 | </tr> | ||
| 358 | </table> | ||
| 359 | </td> | ||
| 360 | </tr> | ||
| 361 | <tr> | ||
| 362 | <td><label for="box_margin_right">{#style_dlg.right}</label></td> | ||
| 363 | <td> | ||
| 364 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 365 | <tr> | ||
| 366 | <td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td> | ||
| 367 | <td> </td> | ||
| 368 | <td><select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled"></select></td> | ||
| 369 | </tr> | ||
| 370 | </table> | ||
| 371 | </td> | ||
| 372 | </tr> | ||
| 373 | <tr> | ||
| 374 | <td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td> | ||
| 375 | <td> | ||
| 376 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 377 | <tr> | ||
| 378 | <td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td> | ||
| 379 | <td> </td> | ||
| 380 | <td><select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled"></select></td> | ||
| 381 | </tr> | ||
| 382 | </table> | ||
| 383 | </td> | ||
| 384 | </tr> | ||
| 385 | <tr> | ||
| 386 | <td><label for="box_margin_left">{#style_dlg.left}</label></td> | ||
| 387 | <td> | ||
| 388 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 389 | <tr> | ||
| 390 | <td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td> | ||
| 391 | <td> </td> | ||
| 392 | <td><select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled"></select></td> | ||
| 393 | </tr> | ||
| 394 | </table> | ||
| 395 | </td> | ||
| 396 | </tr> | ||
| 397 | </table> | ||
| 398 | </fieldset> | ||
| 399 | </div> | ||
| 400 | <br style="clear: both" /> | ||
| 401 | </div> | ||
| 402 | |||
| 403 | <div id="border_panel" class="panel"> | ||
| 404 | <table border="0" cellspacing="0" cellpadding="0" width="100%"> | ||
| 405 | <tr> | ||
| 406 | <td class="tdelim"> </td> | ||
| 407 | <td class="tdelim delim"> </td> | ||
| 408 | <td class="tdelim">{#style_dlg.style}</td> | ||
| 409 | <td class="tdelim delim"> </td> | ||
| 410 | <td class="tdelim">{#style_dlg.width}</td> | ||
| 411 | <td class="tdelim delim"> </td> | ||
| 412 | <td class="tdelim">{#style_dlg.color}</td> | ||
| 413 | </tr> | ||
| 414 | |||
| 415 | <tr> | ||
| 416 | <td> </td> | ||
| 417 | <td class="delim"> </td> | ||
| 418 | <td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td> | ||
| 419 | <td class="delim"> </td> | ||
| 420 | <td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td> | ||
| 421 | <td class="delim"> </td> | ||
| 422 | <td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td> | ||
| 423 | </tr> | ||
| 424 | |||
| 425 | <tr> | ||
| 426 | <td>{#style_dlg.top}</td> | ||
| 427 | <td class="delim"> </td> | ||
| 428 | <td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td> | ||
| 429 | <td class="delim"> </td> | ||
| 430 | <td> | ||
| 431 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 432 | <tr> | ||
| 433 | <td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td> | ||
| 434 | <td> </td> | ||
| 435 | <td><select id="border_width_top_measurement" name="border_width_top_measurement"></select></td> | ||
| 436 | </tr> | ||
| 437 | </table> | ||
| 438 | </td> | ||
| 439 | <td class="delim"> </td> | ||
| 440 | <td> | ||
| 441 | <table border="0" cellpadding="0" cellspacing="0"> | ||
| 442 | <tr> | ||
| 443 | <td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td> | ||
| 444 | <td id="border_color_top_pickcontainer"> </td> | ||
| 445 | </tr> | ||
| 446 | </table> | ||
| 447 | </td> | ||
| 448 | </tr> | ||
| 449 | |||
| 450 | <tr> | ||
| 451 | <td>{#style_dlg.right}</td> | ||
| 452 | <td class="delim"> </td> | ||
| 453 | <td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td> | ||
| 454 | <td class="delim"> </td> | ||
| 455 | <td> | ||
| 456 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 457 | <tr> | ||
| 458 | <td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td> | ||
| 459 | <td> </td> | ||
| 460 | <td><select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled"></select></td> | ||
| 461 | </tr> | ||
| 462 | </table> | ||
| 463 | </td> | ||
| 464 | <td class="delim"> </td> | ||
| 465 | <td> | ||
| 466 | <table border="0" cellpadding="0" cellspacing="0"> | ||
| 467 | <tr> | ||
| 468 | <td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td> | ||
| 469 | <td id="border_color_right_pickcontainer"> </td> | ||
| 470 | </tr> | ||
| 471 | </table> | ||
| 472 | </td> | ||
| 473 | </tr> | ||
| 474 | |||
| 475 | <tr> | ||
| 476 | <td>{#style_dlg.bottom}</td> | ||
| 477 | <td class="delim"> </td> | ||
| 478 | <td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td> | ||
| 479 | <td class="delim"> </td> | ||
| 480 | <td> | ||
| 481 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 482 | <tr> | ||
| 483 | <td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td> | ||
| 484 | <td> </td> | ||
| 485 | <td><select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled"></select></td> | ||
| 486 | </tr> | ||
| 487 | </table> | ||
| 488 | </td> | ||
| 489 | <td class="delim"> </td> | ||
| 490 | <td> | ||
| 491 | <table border="0" cellpadding="0" cellspacing="0"> | ||
| 492 | <tr> | ||
| 493 | <td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td> | ||
| 494 | <td id="border_color_bottom_pickcontainer"> </td> | ||
| 495 | </tr> | ||
| 496 | </table> | ||
| 497 | </td> | ||
| 498 | </tr> | ||
| 499 | |||
| 500 | <tr> | ||
| 501 | <td>{#style_dlg.left}</td> | ||
| 502 | <td class="delim"> </td> | ||
| 503 | <td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td> | ||
| 504 | <td class="delim"> </td> | ||
| 505 | <td> | ||
| 506 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 507 | <tr> | ||
| 508 | <td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td> | ||
| 509 | <td> </td> | ||
| 510 | <td><select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled"></select></td> | ||
| 511 | </tr> | ||
| 512 | </table> | ||
| 513 | </td> | ||
| 514 | <td class="delim"> </td> | ||
| 515 | <td> | ||
| 516 | <table border="0" cellpadding="0" cellspacing="0"> | ||
| 517 | <tr> | ||
| 518 | <td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td> | ||
| 519 | <td id="border_color_left_pickcontainer"> </td> | ||
| 520 | </tr> | ||
| 521 | </table> | ||
| 522 | </td> | ||
| 523 | </tr> | ||
| 524 | </table> | ||
| 525 | </div> | ||
| 526 | |||
| 527 | <div id="list_panel" class="panel"> | ||
| 528 | <table border="0"> | ||
| 529 | <tr> | ||
| 530 | <td><label for="list_type">{#style_dlg.list_type}</label></td> | ||
| 531 | <td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td> | ||
| 532 | </tr> | ||
| 533 | |||
| 534 | <tr> | ||
| 535 | <td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td> | ||
| 536 | <td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td> | ||
| 537 | </tr> | ||
| 538 | |||
| 539 | <tr> | ||
| 540 | <td><label for="list_position">{#style_dlg.position}</label></td> | ||
| 541 | <td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td> | ||
| 542 | </tr> | ||
| 543 | </table> | ||
| 544 | </div> | ||
| 545 | |||
| 546 | <div id="positioning_panel" class="panel"> | ||
| 547 | <table border="0"> | ||
| 548 | <tr> | ||
| 549 | <td><label for="positioning_type">{#style_dlg.positioning_type}</label></td> | ||
| 550 | <td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td> | ||
| 551 | <td> <label for="positioning_visibility">{#style_dlg.visibility}</label></td> | ||
| 552 | <td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td> | ||
| 553 | </tr> | ||
| 554 | |||
| 555 | <tr> | ||
| 556 | <td><label for="positioning_width">{#style_dlg.width}</label></td> | ||
| 557 | <td> | ||
| 558 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 559 | <tr> | ||
| 560 | <td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td> | ||
| 561 | <td> </td> | ||
| 562 | <td><select id="positioning_width_measurement" name="positioning_width_measurement"></select></td> | ||
| 563 | </tr> | ||
| 564 | </table> | ||
| 565 | </td> | ||
| 566 | <td> <label for="positioning_zindex">{#style_dlg.zindex}</label></td> | ||
| 567 | <td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td> | ||
| 568 | </tr> | ||
| 569 | |||
| 570 | <tr> | ||
| 571 | <td><label for="positioning_height">{#style_dlg.height}</label></td> | ||
| 572 | <td> | ||
| 573 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 574 | <tr> | ||
| 575 | <td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td> | ||
| 576 | <td> </td> | ||
| 577 | <td><select id="positioning_height_measurement" name="positioning_height_measurement"></select></td> | ||
| 578 | </tr> | ||
| 579 | </table> | ||
| 580 | </td> | ||
| 581 | <td> <label for="positioning_overflow">{#style_dlg.overflow}</label></td> | ||
| 582 | <td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td> | ||
| 583 | </tr> | ||
| 584 | </table> | ||
| 585 | |||
| 586 | <div style="float: left; width: 49%"> | ||
| 587 | <fieldset> | ||
| 588 | <legend>{#style_dlg.placement}</legend> | ||
| 589 | |||
| 590 | <table border="0"> | ||
| 591 | <tr> | ||
| 592 | <td> </td> | ||
| 593 | <td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td> | ||
| 594 | </tr> | ||
| 595 | <tr> | ||
| 596 | <td>{#style_dlg.top}</td> | ||
| 597 | <td> | ||
| 598 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 599 | <tr> | ||
| 600 | <td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td> | ||
| 601 | <td> </td> | ||
| 602 | <td><select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement"></select></td> | ||
| 603 | </tr> | ||
| 604 | </table> | ||
| 605 | </td> | ||
| 606 | </tr> | ||
| 607 | <tr> | ||
| 608 | <td>{#style_dlg.right}</td> | ||
| 609 | <td> | ||
| 610 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 611 | <tr> | ||
| 612 | <td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td> | ||
| 613 | <td> </td> | ||
| 614 | <td><select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled"></select></td> | ||
| 615 | </tr> | ||
| 616 | </table> | ||
| 617 | </td> | ||
| 618 | </tr> | ||
| 619 | <tr> | ||
| 620 | <td>{#style_dlg.bottom}</td> | ||
| 621 | <td> | ||
| 622 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 623 | <tr> | ||
| 624 | <td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td> | ||
| 625 | <td> </td> | ||
| 626 | <td><select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled"></select></td> | ||
| 627 | </tr> | ||
| 628 | </table> | ||
| 629 | </td> | ||
| 630 | </tr> | ||
| 631 | <tr> | ||
| 632 | <td>{#style_dlg.left}</td> | ||
| 633 | <td> | ||
| 634 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 635 | <tr> | ||
| 636 | <td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td> | ||
| 637 | <td> </td> | ||
| 638 | <td><select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled"></select></td> | ||
| 639 | </tr> | ||
| 640 | </table> | ||
| 641 | </td> | ||
| 642 | </tr> | ||
| 643 | </table> | ||
| 644 | </fieldset> | ||
| 645 | </div> | ||
| 646 | |||
| 647 | <div style="float: right; width: 49%"> | ||
| 648 | <fieldset> | ||
| 649 | <legend>{#style_dlg.clip}</legend> | ||
| 650 | |||
| 651 | <table border="0"> | ||
| 652 | <tr> | ||
| 653 | <td> </td> | ||
| 654 | <td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td> | ||
| 655 | </tr> | ||
| 656 | <tr> | ||
| 657 | <td>{#style_dlg.top}</td> | ||
| 658 | <td> | ||
| 659 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 660 | <tr> | ||
| 661 | <td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td> | ||
| 662 | <td> </td> | ||
| 663 | <td><select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement"></select></td> | ||
| 664 | </tr> | ||
| 665 | </table> | ||
| 666 | </td> | ||
| 667 | </tr> | ||
| 668 | <tr> | ||
| 669 | <td>{#style_dlg.right}</td> | ||
| 670 | <td> | ||
| 671 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 672 | <tr> | ||
| 673 | <td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td> | ||
| 674 | <td> </td> | ||
| 675 | <td><select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled"></select></td> | ||
| 676 | </tr> | ||
| 677 | </table> | ||
| 678 | </td> | ||
| 679 | </tr> | ||
| 680 | <tr> | ||
| 681 | <td>{#style_dlg.bottom}</td> | ||
| 682 | <td> | ||
| 683 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 684 | <tr> | ||
| 685 | <td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td> | ||
| 686 | <td> </td> | ||
| 687 | <td><select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled"></select></td> | ||
| 688 | </tr> | ||
| 689 | </table> | ||
| 690 | </td> | ||
| 691 | </tr> | ||
| 692 | <tr> | ||
| 693 | <td>{#style_dlg.left}</td> | ||
| 694 | <td> | ||
| 695 | <table border="0" cellspacing="0" cellpadding="0"> | ||
| 696 | <tr> | ||
| 697 | <td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td> | ||
| 698 | <td> </td> | ||
| 699 | <td><select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled"></select></td> | ||
| 700 | </tr> | ||
| 701 | </table> | ||
| 702 | </td> | ||
| 703 | </tr> | ||
| 704 | </table> | ||
| 705 | </fieldset> | ||
| 706 | </div> | ||
| 707 | <br style="clear: both" /> | ||
| 708 | </div> | ||
| 709 | </div> | ||
| 710 | |||
| 711 | <div class="mceActionPanel"> | ||
| 712 | <div style="float: left"> | ||
| 713 | <div style="float: left"><input type="submit" id="insert" name="insert" value="{#update}" /></div> | ||
| 714 | |||
| 715 | <div style="float: left"> <input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" /></div> | ||
| 716 | <br style="clear: both" /> | ||
| 717 | </div> | ||
| 718 | |||
| 719 | <div style="float: right"> | ||
| 720 | <input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" /> | ||
| 721 | </div> | ||
| 722 | </div> | ||
| 723 | </form> | ||
| 724 | |||
| 725 | <div style="display: none"> | ||
| 726 | <div id="container"></div> | ||
| 727 | </div> | ||
| 728 | |||
| 729 | </body> | ||
| 730 | </html> | ||
