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;em;in;cm;mm;picas;ems;exs;%"; |
---|
14 | var defaultSpacingMeasurement = "pixels=px;points=pt;in;cm;mm;picas;+ems;exs;%"; |
---|
15 | var defaultIndentMeasurement = "pixels=px;+points=pt;in;cm;mm;picas;ems;exs;%"; |
---|
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 = 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 = 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 | // Setup list fields |
---|
203 | |
---|
204 | selectByValue(f, 'list_type', ce.style.listStyleType, true, true); |
---|
205 | selectByValue(f, 'list_position', ce.style.listStylePosition, true, true); |
---|
206 | f.list_bullet_image.value = ce.style.listStyleImage.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"); |
---|
207 | |
---|
208 | // Setup box fields |
---|
209 | |
---|
210 | selectByValue(f, 'positioning_type', ce.style.position, true, true); |
---|
211 | selectByValue(f, 'positioning_visibility', ce.style.visibility, true, true); |
---|
212 | selectByValue(f, 'positioning_overflow', ce.style.overflow, true, true); |
---|
213 | f.positioning_zindex.value = ce.style.zIndex ? ce.style.zIndex : ""; |
---|
214 | |
---|
215 | f.positioning_width.value = getNum(ce.style.width); |
---|
216 | selectByValue(f, 'positioning_width_measurement', getMeasurement(ce.style.width)); |
---|
217 | |
---|
218 | f.positioning_height.value = getNum(ce.style.height); |
---|
219 | selectByValue(f, 'positioning_height_measurement', getMeasurement(ce.style.height)); |
---|
220 | |
---|
221 | setupBox(f, ce, 'positioning_placement', '', '', new Array('top', 'right', 'bottom', 'left')); |
---|
222 | |
---|
223 | s = ce.style.clip.replace(new RegExp("rect\\('?([^']*)'?\\)", 'gi'), "$1"); |
---|
224 | s = s.replace(/,/g, ' '); |
---|
225 | |
---|
226 | if (!hasEqualValues(new Array(getVal(s, 0), getVal(s, 1), getVal(s, 2), getVal(s, 3)))) { |
---|
227 | f.positioning_clip_top.value = getNum(getVal(s, 0)); |
---|
228 | selectByValue(f, 'positioning_clip_top_measurement', getMeasurement(getVal(s, 0))); |
---|
229 | f.positioning_clip_right.value = getNum(getVal(s, 1)); |
---|
230 | selectByValue(f, 'positioning_clip_right_measurement', getMeasurement(getVal(s, 1))); |
---|
231 | f.positioning_clip_bottom.value = getNum(getVal(s, 2)); |
---|
232 | selectByValue(f, 'positioning_clip_bottom_measurement', getMeasurement(getVal(s, 2))); |
---|
233 | f.positioning_clip_left.value = getNum(getVal(s, 3)); |
---|
234 | selectByValue(f, 'positioning_clip_left_measurement', getMeasurement(getVal(s, 3))); |
---|
235 | } else { |
---|
236 | f.positioning_clip_top.value = getNum(getVal(s, 0)); |
---|
237 | selectByValue(f, 'positioning_clip_top_measurement', getMeasurement(getVal(s, 0))); |
---|
238 | f.positioning_clip_right.value = f.positioning_clip_bottom.value = f.positioning_clip_left.value; |
---|
239 | } |
---|
240 | |
---|
241 | // setupBox(f, ce, '', 'border', 'Color'); |
---|
242 | } |
---|
243 | |
---|
244 | function getMeasurement(s) { |
---|
245 | return s.replace(/^([0-9]+)(.*)$/, "$2"); |
---|
246 | } |
---|
247 | |
---|
248 | function getNum(s) { |
---|
249 | if (new RegExp('^[0-9]+[a-z%]+$', 'gi').test(s)) |
---|
250 | return s.replace(/[^0-9]/g, ''); |
---|
251 | |
---|
252 | return s; |
---|
253 | } |
---|
254 | |
---|
255 | function inStr(s, n) { |
---|
256 | return new RegExp(n, 'gi').test(s); |
---|
257 | } |
---|
258 | |
---|
259 | function getVal(s, i) { |
---|
260 | var a = s.split(' '); |
---|
261 | |
---|
262 | if (a.length > 1) |
---|
263 | return a[i]; |
---|
264 | |
---|
265 | return ""; |
---|
266 | } |
---|
267 | |
---|
268 | function setValue(f, n, v) { |
---|
269 | if (f.elements[n].type == "text") |
---|
270 | f.elements[n].value = v; |
---|
271 | else |
---|
272 | selectByValue(f, n, v, true, true); |
---|
273 | } |
---|
274 | |
---|
275 | function setupBox(f, ce, fp, pr, sf, b) { |
---|
276 | if (typeof(b) == "undefined") |
---|
277 | b = new Array('Top', 'Right', 'Bottom', 'Left'); |
---|
278 | |
---|
279 | if (isSame(ce, pr, sf, b)) { |
---|
280 | f.elements[fp + "_same"].checked = true; |
---|
281 | |
---|
282 | setValue(f, fp + "_top", getNum(ce.style[pr + b[0] + sf])); |
---|
283 | f.elements[fp + "_top"].disabled = false; |
---|
284 | |
---|
285 | f.elements[fp + "_right"].value = ""; |
---|
286 | f.elements[fp + "_right"].disabled = true; |
---|
287 | f.elements[fp + "_bottom"].value = ""; |
---|
288 | f.elements[fp + "_bottom"].disabled = true; |
---|
289 | f.elements[fp + "_left"].value = ""; |
---|
290 | f.elements[fp + "_left"].disabled = true; |
---|
291 | |
---|
292 | if (f.elements[fp + "_top_measurement"]) { |
---|
293 | selectByValue(f, fp + '_top_measurement', getMeasurement(ce.style[pr + b[0] + sf])); |
---|
294 | f.elements[fp + "_left_measurement"].disabled = true; |
---|
295 | f.elements[fp + "_bottom_measurement"].disabled = true; |
---|
296 | f.elements[fp + "_right_measurement"].disabled = true; |
---|
297 | } |
---|
298 | } else { |
---|
299 | f.elements[fp + "_same"].checked = false; |
---|
300 | |
---|
301 | setValue(f, fp + "_top", getNum(ce.style[pr + b[0] + sf])); |
---|
302 | f.elements[fp + "_top"].disabled = false; |
---|
303 | |
---|
304 | setValue(f, fp + "_right", getNum(ce.style[pr + b[1] + sf])); |
---|
305 | f.elements[fp + "_right"].disabled = false; |
---|
306 | |
---|
307 | setValue(f, fp + "_bottom", getNum(ce.style[pr + b[2] + sf])); |
---|
308 | f.elements[fp + "_bottom"].disabled = false; |
---|
309 | |
---|
310 | setValue(f, fp + "_left", getNum(ce.style[pr + b[3] + sf])); |
---|
311 | f.elements[fp + "_left"].disabled = false; |
---|
312 | |
---|
313 | if (f.elements[fp + "_top_measurement"]) { |
---|
314 | selectByValue(f, fp + '_top_measurement', getMeasurement(ce.style[pr + b[0] + sf])); |
---|
315 | selectByValue(f, fp + '_right_measurement', getMeasurement(ce.style[pr + b[1] + sf])); |
---|
316 | selectByValue(f, fp + '_bottom_measurement', getMeasurement(ce.style[pr + b[2] + sf])); |
---|
317 | selectByValue(f, fp + '_left_measurement', getMeasurement(ce.style[pr + b[3] + sf])); |
---|
318 | f.elements[fp + "_left_measurement"].disabled = false; |
---|
319 | f.elements[fp + "_bottom_measurement"].disabled = false; |
---|
320 | f.elements[fp + "_right_measurement"].disabled = false; |
---|
321 | } |
---|
322 | } |
---|
323 | } |
---|
324 | |
---|
325 | function isSame(e, pr, sf, b) { |
---|
326 | var a = new Array(), i, x; |
---|
327 | |
---|
328 | if (typeof(b) == "undefined") |
---|
329 | b = new Array('Top', 'Right', 'Bottom', 'Left'); |
---|
330 | |
---|
331 | if (typeof(sf) == "undefined" || sf == null) |
---|
332 | sf = ""; |
---|
333 | |
---|
334 | a[0] = e.style[pr + b[0] + sf]; |
---|
335 | a[1] = e.style[pr + b[1] + sf]; |
---|
336 | a[2] = e.style[pr + b[2] + sf]; |
---|
337 | a[3] = e.style[pr + b[3] + sf]; |
---|
338 | |
---|
339 | for (i=0; i<a.length; i++) { |
---|
340 | if (a[i] == null) |
---|
341 | return false; |
---|
342 | |
---|
343 | for (x=0; x<a.length; x++) { |
---|
344 | if (a[x] != a[i]) |
---|
345 | return false; |
---|
346 | } |
---|
347 | } |
---|
348 | |
---|
349 | return true; |
---|
350 | }; |
---|
351 | |
---|
352 | function hasEqualValues(a) { |
---|
353 | var i, x; |
---|
354 | |
---|
355 | for (i=0; i<a.length; i++) { |
---|
356 | if (a[i] == null) |
---|
357 | return false; |
---|
358 | |
---|
359 | for (x=0; x<a.length; x++) { |
---|
360 | if (a[x] != a[i]) |
---|
361 | return false; |
---|
362 | } |
---|
363 | } |
---|
364 | |
---|
365 | return true; |
---|
366 | } |
---|
367 | |
---|
368 | function applyAction() { |
---|
369 | var ce = document.getElementById('container'), ed = tinyMCEPopup.editor; |
---|
370 | |
---|
371 | generateCSS(); |
---|
372 | |
---|
373 | tinyMCEPopup.restoreSelection(); |
---|
374 | ed.dom.setAttrib(ed.selection.getNode(), 'style', tinyMCEPopup.editor.dom.serializeStyle(tinyMCEPopup.editor.dom.parseStyle(ce.style.cssText))); |
---|
375 | } |
---|
376 | |
---|
377 | function updateAction() { |
---|
378 | applyAction(); |
---|
379 | tinyMCEPopup.close(); |
---|
380 | } |
---|
381 | |
---|
382 | function generateCSS() { |
---|
383 | var ce = document.getElementById('container'), f = document.forms[0], num = new RegExp('[0-9]+', 'g'), s, t; |
---|
384 | |
---|
385 | ce.style.cssText = ""; |
---|
386 | |
---|
387 | // Build text styles |
---|
388 | ce.style.fontFamily = f.text_font.value; |
---|
389 | ce.style.fontSize = f.text_size.value + (isNum(f.text_size.value) ? (f.text_size_measurement.value || 'px') : ""); |
---|
390 | ce.style.fontStyle = f.text_style.value; |
---|
391 | ce.style.lineHeight = f.text_lineheight.value + (isNum(f.text_lineheight.value) ? f.text_lineheight_measurement.value : ""); |
---|
392 | ce.style.textTransform = f.text_case.value; |
---|
393 | ce.style.fontWeight = f.text_weight.value; |
---|
394 | ce.style.fontVariant = f.text_variant.value; |
---|
395 | ce.style.color = f.text_color.value; |
---|
396 | |
---|
397 | s = ""; |
---|
398 | s += f.text_underline.checked ? " underline" : ""; |
---|
399 | s += f.text_overline.checked ? " overline" : ""; |
---|
400 | s += f.text_linethrough.checked ? " line-through" : ""; |
---|
401 | s += f.text_blink.checked ? " blink" : ""; |
---|
402 | s = s.length > 0 ? s.substring(1) : s; |
---|
403 | |
---|
404 | if (f.text_none.checked) |
---|
405 | s = "none"; |
---|
406 | |
---|
407 | ce.style.textDecoration = s; |
---|
408 | |
---|
409 | // Build background styles |
---|
410 | |
---|
411 | ce.style.backgroundColor = f.background_color.value; |
---|
412 | ce.style.backgroundImage = f.background_image.value != "" ? "url(" + f.background_image.value + ")" : ""; |
---|
413 | ce.style.backgroundRepeat = f.background_repeat.value; |
---|
414 | ce.style.backgroundAttachment = f.background_attachment.value; |
---|
415 | |
---|
416 | if (f.background_hpos.value != "") { |
---|
417 | s = ""; |
---|
418 | s += f.background_hpos.value + (isNum(f.background_hpos.value) ? f.background_hpos_measurement.value : "") + " "; |
---|
419 | s += f.background_vpos.value + (isNum(f.background_vpos.value) ? f.background_vpos_measurement.value : ""); |
---|
420 | ce.style.backgroundPosition = s; |
---|
421 | } |
---|
422 | |
---|
423 | // Build block styles |
---|
424 | |
---|
425 | ce.style.wordSpacing = f.block_wordspacing.value + (isNum(f.block_wordspacing.value) ? f.block_wordspacing_measurement.value : ""); |
---|
426 | ce.style.letterSpacing = f.block_letterspacing.value + (isNum(f.block_letterspacing.value) ? f.block_letterspacing_measurement.value : ""); |
---|
427 | ce.style.verticalAlign = f.block_vertical_alignment.value; |
---|
428 | ce.style.textAlign = f.block_text_align.value; |
---|
429 | ce.style.textIndent = f.block_text_indent.value + (isNum(f.block_text_indent.value) ? f.block_text_indent_measurement.value : ""); |
---|
430 | ce.style.whiteSpace = f.block_whitespace.value; |
---|
431 | ce.style.display = f.block_display.value; |
---|
432 | |
---|
433 | // Build box styles |
---|
434 | |
---|
435 | ce.style.width = f.box_width.value + (isNum(f.box_width.value) ? f.box_width_measurement.value : ""); |
---|
436 | ce.style.height = f.box_height.value + (isNum(f.box_height.value) ? f.box_height_measurement.value : ""); |
---|
437 | ce.style.styleFloat = f.box_float.value; |
---|
438 | |
---|
439 | if (tinymce.isGecko) |
---|
440 | ce.style.cssFloat = f.box_float.value; |
---|
441 | |
---|
442 | ce.style.clear = f.box_clear.value; |
---|
443 | |
---|
444 | if (!f.box_padding_same.checked) { |
---|
445 | ce.style.paddingTop = f.box_padding_top.value + (isNum(f.box_padding_top.value) ? f.box_padding_top_measurement.value : ""); |
---|
446 | ce.style.paddingRight = f.box_padding_right.value + (isNum(f.box_padding_right.value) ? f.box_padding_right_measurement.value : ""); |
---|
447 | ce.style.paddingBottom = f.box_padding_bottom.value + (isNum(f.box_padding_bottom.value) ? f.box_padding_bottom_measurement.value : ""); |
---|
448 | ce.style.paddingLeft = f.box_padding_left.value + (isNum(f.box_padding_left.value) ? f.box_padding_left_measurement.value : ""); |
---|
449 | } else |
---|
450 | ce.style.padding = f.box_padding_top.value + (isNum(f.box_padding_top.value) ? f.box_padding_top_measurement.value : ""); |
---|
451 | |
---|
452 | if (!f.box_margin_same.checked) { |
---|
453 | ce.style.marginTop = f.box_margin_top.value + (isNum(f.box_margin_top.value) ? f.box_margin_top_measurement.value : ""); |
---|
454 | ce.style.marginRight = f.box_margin_right.value + (isNum(f.box_margin_right.value) ? f.box_margin_right_measurement.value : ""); |
---|
455 | ce.style.marginBottom = f.box_margin_bottom.value + (isNum(f.box_margin_bottom.value) ? f.box_margin_bottom_measurement.value : ""); |
---|
456 | ce.style.marginLeft = f.box_margin_left.value + (isNum(f.box_margin_left.value) ? f.box_margin_left_measurement.value : ""); |
---|
457 | } else |
---|
458 | ce.style.margin = f.box_margin_top.value + (isNum(f.box_margin_top.value) ? f.box_margin_top_measurement.value : ""); |
---|
459 | |
---|
460 | // Build border styles |
---|
461 | |
---|
462 | if (!f.border_style_same.checked) { |
---|
463 | ce.style.borderTopStyle = f.border_style_top.value; |
---|
464 | ce.style.borderRightStyle = f.border_style_right.value; |
---|
465 | ce.style.borderBottomStyle = f.border_style_bottom.value; |
---|
466 | ce.style.borderLeftStyle = f.border_style_left.value; |
---|
467 | } else |
---|
468 | ce.style.borderStyle = f.border_style_top.value; |
---|
469 | |
---|
470 | if (!f.border_width_same.checked) { |
---|
471 | ce.style.borderTopWidth = f.border_width_top.value + (isNum(f.border_width_top.value) ? f.border_width_top_measurement.value : ""); |
---|
472 | ce.style.borderRightWidth = f.border_width_right.value + (isNum(f.border_width_right.value) ? f.border_width_right_measurement.value : ""); |
---|
473 | ce.style.borderBottomWidth = f.border_width_bottom.value + (isNum(f.border_width_bottom.value) ? f.border_width_bottom_measurement.value : ""); |
---|
474 | ce.style.borderLeftWidth = f.border_width_left.value + (isNum(f.border_width_left.value) ? f.border_width_left_measurement.value : ""); |
---|
475 | } else |
---|
476 | ce.style.borderWidth = f.border_width_top.value; |
---|
477 | |
---|
478 | if (!f.border_color_same.checked) { |
---|
479 | ce.style.borderTopColor = f.border_color_top.value; |
---|
480 | ce.style.borderRightColor = f.border_color_right.value; |
---|
481 | ce.style.borderBottomColor = f.border_color_bottom.value; |
---|
482 | ce.style.borderLeftColor = f.border_color_left.value; |
---|
483 | } else |
---|
484 | ce.style.borderColor = f.border_color_top.value; |
---|
485 | |
---|
486 | // Build list styles |
---|
487 | |
---|
488 | ce.style.listStyleType = f.list_type.value; |
---|
489 | ce.style.listStylePosition = f.list_position.value; |
---|
490 | ce.style.listStyleImage = f.list_bullet_image.value != "" ? "url(" + f.list_bullet_image.value + ")" : ""; |
---|
491 | |
---|
492 | // Build positioning styles |
---|
493 | |
---|
494 | ce.style.position = f.positioning_type.value; |
---|
495 | ce.style.visibility = f.positioning_visibility.value; |
---|
496 | |
---|
497 | if (ce.style.width == "") |
---|
498 | ce.style.width = f.positioning_width.value + (isNum(f.positioning_width.value) ? f.positioning_width_measurement.value : ""); |
---|
499 | |
---|
500 | if (ce.style.height == "") |
---|
501 | ce.style.height = f.positioning_height.value + (isNum(f.positioning_height.value) ? f.positioning_height_measurement.value : ""); |
---|
502 | |
---|
503 | ce.style.zIndex = f.positioning_zindex.value; |
---|
504 | ce.style.overflow = f.positioning_overflow.value; |
---|
505 | |
---|
506 | if (!f.positioning_placement_same.checked) { |
---|
507 | ce.style.top = f.positioning_placement_top.value + (isNum(f.positioning_placement_top.value) ? f.positioning_placement_top_measurement.value : ""); |
---|
508 | ce.style.right = f.positioning_placement_right.value + (isNum(f.positioning_placement_right.value) ? f.positioning_placement_right_measurement.value : ""); |
---|
509 | ce.style.bottom = f.positioning_placement_bottom.value + (isNum(f.positioning_placement_bottom.value) ? f.positioning_placement_bottom_measurement.value : ""); |
---|
510 | ce.style.left = f.positioning_placement_left.value + (isNum(f.positioning_placement_left.value) ? f.positioning_placement_left_measurement.value : ""); |
---|
511 | } else { |
---|
512 | s = f.positioning_placement_top.value + (isNum(f.positioning_placement_top.value) ? f.positioning_placement_top_measurement.value : ""); |
---|
513 | ce.style.top = s; |
---|
514 | ce.style.right = s; |
---|
515 | ce.style.bottom = s; |
---|
516 | ce.style.left = s; |
---|
517 | } |
---|
518 | |
---|
519 | if (!f.positioning_clip_same.checked) { |
---|
520 | s = "rect("; |
---|
521 | s += (isNum(f.positioning_clip_top.value) ? f.positioning_clip_top.value + f.positioning_clip_top_measurement.value : "auto") + " "; |
---|
522 | s += (isNum(f.positioning_clip_right.value) ? f.positioning_clip_right.value + f.positioning_clip_right_measurement.value : "auto") + " "; |
---|
523 | s += (isNum(f.positioning_clip_bottom.value) ? f.positioning_clip_bottom.value + f.positioning_clip_bottom_measurement.value : "auto") + " "; |
---|
524 | s += (isNum(f.positioning_clip_left.value) ? f.positioning_clip_left.value + f.positioning_clip_left_measurement.value : "auto"); |
---|
525 | s += ")"; |
---|
526 | |
---|
527 | if (s != "rect(auto auto auto auto)") |
---|
528 | ce.style.clip = s; |
---|
529 | } else { |
---|
530 | s = "rect("; |
---|
531 | t = isNum(f.positioning_clip_top.value) ? f.positioning_clip_top.value + f.positioning_clip_top_measurement.value : "auto"; |
---|
532 | s += t + " "; |
---|
533 | s += t + " "; |
---|
534 | s += t + " "; |
---|
535 | s += t + ")"; |
---|
536 | |
---|
537 | if (s != "rect(auto auto auto auto)") |
---|
538 | ce.style.clip = s; |
---|
539 | } |
---|
540 | |
---|
541 | ce.style.cssText = ce.style.cssText; |
---|
542 | } |
---|
543 | |
---|
544 | function isNum(s) { |
---|
545 | return new RegExp('[0-9]+', 'g').test(s); |
---|
546 | } |
---|
547 | |
---|
548 | function showDisabledControls() { |
---|
549 | var f = document.forms, i, a; |
---|
550 | |
---|
551 | for (i=0; i<f.length; i++) { |
---|
552 | for (a=0; a<f[i].elements.length; a++) { |
---|
553 | if (f[i].elements[a].disabled) |
---|
554 | tinyMCEPopup.editor.dom.addClass(f[i].elements[a], "disabled"); |
---|
555 | else |
---|
556 | tinyMCEPopup.editor.dom.removeClass(f[i].elements[a], "disabled"); |
---|
557 | } |
---|
558 | } |
---|
559 | } |
---|
560 | |
---|
561 | function fillSelect(f, s, param, dval, sep, em) { |
---|
562 | var i, ar, p, se; |
---|
563 | |
---|
564 | f = document.forms[f]; |
---|
565 | sep = typeof(sep) == "undefined" ? ";" : sep; |
---|
566 | |
---|
567 | if (em) |
---|
568 | addSelectValue(f, s, "", ""); |
---|
569 | |
---|
570 | ar = tinyMCEPopup.getParam(param, dval).split(sep); |
---|
571 | for (i=0; i<ar.length; i++) { |
---|
572 | se = false; |
---|
573 | |
---|
574 | if (ar[i].charAt(0) == '+') { |
---|
575 | ar[i] = ar[i].substring(1); |
---|
576 | se = true; |
---|
577 | } |
---|
578 | |
---|
579 | p = ar[i].split('='); |
---|
580 | |
---|
581 | if (p.length > 1) { |
---|
582 | addSelectValue(f, s, p[0], p[1]); |
---|
583 | |
---|
584 | if (se) |
---|
585 | selectByValue(f, s, p[1]); |
---|
586 | } else { |
---|
587 | addSelectValue(f, s, p[0], p[0]); |
---|
588 | |
---|
589 | if (se) |
---|
590 | selectByValue(f, s, p[0]); |
---|
591 | } |
---|
592 | } |
---|
593 | } |
---|
594 | |
---|
595 | function toggleSame(ce, pre) { |
---|
596 | var el = document.forms[0].elements, i; |
---|
597 | |
---|
598 | if (ce.checked) { |
---|
599 | el[pre + "_top"].disabled = false; |
---|
600 | el[pre + "_right"].disabled = true; |
---|
601 | el[pre + "_bottom"].disabled = true; |
---|
602 | el[pre + "_left"].disabled = true; |
---|
603 | |
---|
604 | if (el[pre + "_top_measurement"]) { |
---|
605 | el[pre + "_top_measurement"].disabled = false; |
---|
606 | el[pre + "_right_measurement"].disabled = true; |
---|
607 | el[pre + "_bottom_measurement"].disabled = true; |
---|
608 | el[pre + "_left_measurement"].disabled = true; |
---|
609 | } |
---|
610 | } else { |
---|
611 | el[pre + "_top"].disabled = false; |
---|
612 | el[pre + "_right"].disabled = false; |
---|
613 | el[pre + "_bottom"].disabled = false; |
---|
614 | el[pre + "_left"].disabled = false; |
---|
615 | |
---|
616 | if (el[pre + "_top_measurement"]) { |
---|
617 | el[pre + "_top_measurement"].disabled = false; |
---|
618 | el[pre + "_right_measurement"].disabled = false; |
---|
619 | el[pre + "_bottom_measurement"].disabled = false; |
---|
620 | el[pre + "_left_measurement"].disabled = false; |
---|
621 | } |
---|
622 | } |
---|
623 | |
---|
624 | showDisabledControls(); |
---|
625 | } |
---|
626 | |
---|
627 | function synch(fr, to) { |
---|
628 | var f = document.forms[0]; |
---|
629 | |
---|
630 | f.elements[to].value = f.elements[fr].value; |
---|
631 | |
---|
632 | if (f.elements[fr + "_measurement"]) |
---|
633 | selectByValue(f, to + "_measurement", f.elements[fr + "_measurement"].value); |
---|
634 | } |
---|
635 | |
---|
636 | tinyMCEPopup.onInit.add(init); |
---|