/BlogEngine/BlogEngine.NET/editors/tiny_mce_3_4_3_1/plugins/table/js/table.js

# · JavaScript · 450 lines · 322 code · 92 blank · 36 comment · 77 complexity · 33d694e6809f081ddcfed66047b3a0a5 MD5 · raw file 

    

  1. tinyMCEPopup.requireLangPack();

    2. 

  2. 

    3. 

  3. var action, orgTableWidth, orgTableHeight, dom = tinyMCEPopup.editor.dom;

    4. 

  4. 

    5. 

  5. function insertTable() {

    6. 

  6. 	var formObj = document.forms[0];

    7. 

  7. 	var inst = tinyMCEPopup.editor, dom = inst.dom;

    8. 

  8. 	var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className, caption, frame, rules;

    9. 

  9. 	var html = '', capEl, elm;

    10. 

  10. 	var cellLimit, rowLimit, colLimit;

    11. 

  11. 

    12. 

  12. 	tinyMCEPopup.restoreSelection();

    13. 

  13. 

    14. 

  14. 	if (!AutoValidator.validate(formObj)) {

    15. 

  15. 		tinyMCEPopup.alert(AutoValidator.getErrorMessages(formObj).join('. ') + '.');

    16. 

  16. 		return false;

    17. 

  17. 	}

    18. 

  18. 

    19. 

  19. 	elm = dom.getParent(inst.selection.getNode(), 'table');

    20. 

  20. 

    21. 

  21. 	// Get form data

    22. 

  22. 	cols = formObj.elements['cols'].value;

    23. 

  23. 	rows = formObj.elements['rows'].value;

    24. 

  24. 	border = formObj.elements['border'].value != "" ? formObj.elements['border'].value : 0;

    25. 

  25. 	cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : "";

    26. 

  26. 	cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : "";

    27. 

  27. 	align = getSelectValue(formObj, "align");

    28. 

  28. 	frame = getSelectValue(formObj, "tframe");

    29. 

  29. 	rules = getSelectValue(formObj, "rules");

    30. 

  30. 	width = formObj.elements['width'].value;

    31. 

  31. 	height = formObj.elements['height'].value;

    32. 

  32. 	bordercolor = formObj.elements['bordercolor'].value;

    33. 

  33. 	bgcolor = formObj.elements['bgcolor'].value;

    34. 

  34. 	className = getSelectValue(formObj, "class");

    35. 

  35. 	id = formObj.elements['id'].value;

    36. 

  36. 	summary = formObj.elements['summary'].value;

    37. 

  37. 	style = formObj.elements['style'].value;

    38. 

  38. 	dir = formObj.elements['dir'].value;

    39. 

  39. 	lang = formObj.elements['lang'].value;

    40. 

  40. 	background = formObj.elements['backgroundimage'].value;

    41. 

  41. 	caption = formObj.elements['caption'].checked;

    42. 

  42. 

    43. 

  43. 	cellLimit = tinyMCEPopup.getParam('table_cell_limit', false);

    44. 

  44. 	rowLimit = tinyMCEPopup.getParam('table_row_limit', false);

    45. 

  45. 	colLimit = tinyMCEPopup.getParam('table_col_limit', false);

    46. 

  46. 

    47. 

  47. 	// Validate table size

    48. 

  48. 	if (colLimit && cols > colLimit) {

    49. 

  49. 		tinyMCEPopup.alert(inst.getLang('table_dlg.col_limit').replace(/\{\$cols\}/g, colLimit));

    50. 

  50. 		return false;

    51. 

  51. 	} else if (rowLimit && rows > rowLimit) {

    52. 

  52. 		tinyMCEPopup.alert(inst.getLang('table_dlg.row_limit').replace(/\{\$rows\}/g, rowLimit));

    53. 

  53. 		return false;

    54. 

  54. 	} else if (cellLimit && cols * rows > cellLimit) {

    55. 

  55. 		tinyMCEPopup.alert(inst.getLang('table_dlg.cell_limit').replace(/\{\$cells\}/g, cellLimit));

    56. 

  56. 		return false;

    57. 

  57. 	}

    58. 

  58. 

    59. 

  59. 	// Update table

    60. 

  60. 	if (action == "update") {

    61. 

  61. 		dom.setAttrib(elm, 'cellPadding', cellpadding, true);

    62. 

  62. 		dom.setAttrib(elm, 'cellSpacing', cellspacing, true);

    63. 

  63. 		dom.setAttrib(elm, 'border', border);

    64. 

  64. 		dom.setAttrib(elm, 'align', align);

    65. 

  65. 		dom.setAttrib(elm, 'frame', frame);

    66. 

  66. 		dom.setAttrib(elm, 'rules', rules);

    67. 

  67. 		dom.setAttrib(elm, 'class', className);

    68. 

  68. 		dom.setAttrib(elm, 'style', style);

    69. 

  69. 		dom.setAttrib(elm, 'id', id);

    70. 

  70. 		dom.setAttrib(elm, 'summary', summary);

    71. 

  71. 		dom.setAttrib(elm, 'dir', dir);

    72. 

  72. 		dom.setAttrib(elm, 'lang', lang);

    73. 

  73. 

    74. 

  74. 		capEl = inst.dom.select('caption', elm)[0];

    75. 

  75. 

    76. 

  76. 		if (capEl && !caption)

    77. 

  77. 			capEl.parentNode.removeChild(capEl);

    78. 

  78. 

    79. 

  79. 		if (!capEl && caption) {

    80. 

  80. 			capEl = elm.ownerDocument.createElement('caption');

    81. 

  81. 

    82. 

  82. 			if (!tinymce.isIE)

    83. 

  83. 				capEl.innerHTML = '<br data-mce-bogus="1"/>';

    84. 

  84. 

    85. 

  85. 			elm.insertBefore(capEl, elm.firstChild);

    86. 

  86. 		}

    87. 

  87. 

    88. 

  88. 		if (width && inst.settings.inline_styles) {

    89. 

  89. 			dom.setStyle(elm, 'width', width);

    90. 

  90. 			dom.setAttrib(elm, 'width', '');

    91. 

  91. 		} else {

    92. 

  92. 			dom.setAttrib(elm, 'width', width, true);

    93. 

  93. 			dom.setStyle(elm, 'width', '');

    94. 

  94. 		}

    95. 

  95. 

    96. 

  96. 		// Remove these since they are not valid XHTML

    97. 

  97. 		dom.setAttrib(elm, 'borderColor', '');

    98. 

  98. 		dom.setAttrib(elm, 'bgColor', '');

    99. 

  99. 		dom.setAttrib(elm, 'background', '');

    100. 

  100. 

    101. 

  101. 		if (height && inst.settings.inline_styles) {

    102. 

  102. 			dom.setStyle(elm, 'height', height);

    103. 

  103. 			dom.setAttrib(elm, 'height', '');

    104. 

  104. 		} else {

    105. 

  105. 			dom.setAttrib(elm, 'height', height, true);

    106. 

  106. 			dom.setStyle(elm, 'height', '');

    107. 

  107.  		}

    108. 

  108. 

    109. 

  109. 		if (background != '')

    110. 

  110. 			elm.style.backgroundImage = "url('" + background + "')";

    111. 

  111. 		else

    112. 

  112. 			elm.style.backgroundImage = '';

    113. 

  113. 

    114. 

  114. /*		if (tinyMCEPopup.getParam("inline_styles")) {

    115. 

  115. 			if (width != '')

    116. 

  116. 				elm.style.width = getCSSSize(width);

    117. 

  117. 		}*/

    118. 

  118. 

    119. 

  119. 		if (bordercolor != "") {

    120. 

  120. 			elm.style.borderColor = bordercolor;

    121. 

  121. 			elm.style.borderStyle = elm.style.borderStyle == "" ? "solid" : elm.style.borderStyle;

    122. 

  122. 			elm.style.borderWidth = border == "" ? "1px" : border;

    123. 

  123. 		} else

    124. 

  124. 			elm.style.borderColor = '';

    125. 

  125. 

    126. 

  126. 		elm.style.backgroundColor = bgcolor;

    127. 

  127. 		elm.style.height = getCSSSize(height);

    128. 

  128. 

    129. 

  129. 		inst.addVisual();

    130. 

  130. 

    131. 

  131. 		// Fix for stange MSIE align bug

    132. 

  132. 		//elm.outerHTML = elm.outerHTML;

    133. 

  133. 

    134. 

  134. 		inst.nodeChanged();

    135. 

  135. 		inst.execCommand('mceEndUndoLevel');

    136. 

  136. 

    137. 

  137. 		// Repaint if dimensions changed

    138. 

  138. 		if (formObj.width.value != orgTableWidth || formObj.height.value != orgTableHeight)

    139. 

  139. 			inst.execCommand('mceRepaint');

    140. 

  140. 

    141. 

  141. 		tinyMCEPopup.close();

    142. 

  142. 		return true;

    143. 

  143. 	}

    144. 

  144. 

    145. 

  145. 	// Create new table

    146. 

  146. 	html += '<table';

    147. 

  147. 

    148. 

  148. 	html += makeAttrib('id', id);

    149. 

  149. 	html += makeAttrib('border', border);

    150. 

  150. 	html += makeAttrib('cellpadding', cellpadding);

    151. 

  151. 	html += makeAttrib('cellspacing', cellspacing);

    152. 

  152. 	html += makeAttrib('data-mce-new', '1');

    153. 

  153. 

    154. 

  154. 	if (width && inst.settings.inline_styles) {

    155. 

  155. 		if (style)

    156. 

  156. 			style += '; ';

    157. 

  157. 

    158. 

  158. 		// Force px

    159. 

  159. 		if (/^[0-9\.]+$/.test(width))

    160. 

  160. 			width += 'px';

    161. 

  161. 

    162. 

  162. 		style += 'width: ' + width;

    163. 

  163. 	} else

    164. 

  164. 		html += makeAttrib('width', width);

    165. 

  165. 

    166. 

  166. /*	if (height) {

    167. 

  167. 		if (style)

    168. 

  168. 			style += '; ';

    169. 

  169. 

    170. 

  170. 		style += 'height: ' + height;

    171. 

  171. 	}*/

    172. 

  172. 

    173. 

  173. 	//html += makeAttrib('height', height);

    174. 

  174. 	//html += makeAttrib('bordercolor', bordercolor);

    175. 

  175. 	//html += makeAttrib('bgcolor', bgcolor);

    176. 

  176. 	html += makeAttrib('align', align);

    177. 

  177. 	html += makeAttrib('frame', frame);

    178. 

  178. 	html += makeAttrib('rules', rules);

    179. 

  179. 	html += makeAttrib('class', className);

    180. 

  180. 	html += makeAttrib('style', style);

    181. 

  181. 	html += makeAttrib('summary', summary);

    182. 

  182. 	html += makeAttrib('dir', dir);

    183. 

  183. 	html += makeAttrib('lang', lang);

    184. 

  184. 	html += '>';

    185. 

  185. 

    186. 

  186. 	if (caption) {

    187. 

  187. 		if (!tinymce.isIE)

    188. 

  188. 			html += '<caption><br data-mce-bogus="1"/></caption>';

    189. 

  189. 		else

    190. 

  190. 			html += '<caption></caption>';

    191. 

  191. 	}

    192. 

  192. 

    193. 

  193. 	for (var y=0; y<rows; y++) {

    194. 

  194. 		html += "<tr>";

    195. 

  195. 

    196. 

  196. 		for (var x=0; x<cols; x++) {

    197. 

  197. 			if (!tinymce.isIE)

    198. 

  198. 				html += '<td><br data-mce-bogus="1"/></td>';

    199. 

  199. 			else

    200. 

  200. 				html += '<td></td>';

    201. 

  201. 		}

    202. 

  202. 

    203. 

  203. 		html += "</tr>";

    204. 

  204. 	}

    205. 

  205. 

    206. 

  206. 	html += "</table>";

    207. 

  207. 

    208. 

  208. 	// Move table

    209. 

  209. 	if (inst.settings.fix_table_elements) {

    210. 

  210. 		var patt = '';

    211. 

  211. 

    212. 

  212. 		inst.focus();

    213. 

  213. 		inst.selection.setContent('<br class="_mce_marker" />');

    214. 

  214. 

    215. 

  215. 		tinymce.each('h1,h2,h3,h4,h5,h6,p'.split(','), function(n) {

    216. 

  216. 			if (patt)

    217. 

  217. 				patt += ',';

    218. 

  218. 

    219. 

  219. 			patt += n + ' ._mce_marker';

    220. 

  220. 		});

    221. 

  221. 

    222. 

  222. 		tinymce.each(inst.dom.select(patt), function(n) {

    223. 

  223. 			inst.dom.split(inst.dom.getParent(n, 'h1,h2,h3,h4,h5,h6,p'), n);

    224. 

  224. 		});

    225. 

  225. 

    226. 

  226. 		dom.setOuterHTML(dom.select('br._mce_marker')[0], html);

    227. 

  227. 	} else

    228. 

  228. 		inst.execCommand('mceInsertContent', false, html);

    229. 

  229. 

    230. 

  230. 	tinymce.each(dom.select('table[data-mce-new]'), function(node) {

    231. 

  231. 		var td = dom.select('td', node);

    232. 

  232. 

    233. 

  233. 		try {

    234. 

  234. 			// IE9 might fail to do this selection

    235. 

  235. 			inst.selection.select(td[0], true);

    236. 

  236. 			inst.selection.collapse();

    237. 

  237. 		} catch (ex) {

    238. 

  238. 			// Ignore

    239. 

  239. 		}

    240. 

  240. 

    241. 

  241. 		dom.setAttrib(node, 'data-mce-new', '');

    242. 

  242. 	});

    243. 

  243. 

    244. 

  244. 	inst.addVisual();

    245. 

  245. 	inst.execCommand('mceEndUndoLevel');

    246. 

  246. 

    247. 

  247. 	tinyMCEPopup.close();

    248. 

  248. }

    249. 

  249. 

    250. 

  250. function makeAttrib(attrib, value) {

    251. 

  251. 	var formObj = document.forms[0];

    252. 

  252. 	var valueElm = formObj.elements[attrib];

    253. 

  253. 

    254. 

  254. 	if (typeof(value) == "undefined" || value == null) {

    255. 

  255. 		value = "";

    256. 

  256. 

    257. 

  257. 		if (valueElm)

    258. 

  258. 			value = valueElm.value;

    259. 

  259. 	}

    260. 

  260. 

    261. 

  261. 	if (value == "")

    262. 

  262. 		return "";

    263. 

  263. 

    264. 

  264. 	// XML encode it

    265. 

  265. 	value = value.replace(/&/g, '&amp;');

    266. 

  266. 	value = value.replace(/\"/g, '&quot;');

    267. 

  267. 	value = value.replace(/</g, '&lt;');

    268. 

  268. 	value = value.replace(/>/g, '&gt;');

    269. 

  269. 

    270. 

  270. 	return ' ' + attrib + '="' + value + '"';

    271. 

  271. }

    272. 

  272. 

    273. 

  273. function init() {

    274. 

  274. 	tinyMCEPopup.resizeToInnerSize();

    275. 

  275. 

    276. 

  276. 	document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');

    277. 

  277. 	document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');

    278. 

  278. 	document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');

    279. 

  279. 	document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');

    280. 

  280. 

    281. 

  281. 	var cols = 2, rows = 2, border = tinyMCEPopup.getParam('table_default_border', '0'), cellpadding = tinyMCEPopup.getParam('table_default_cellpadding', ''), cellspacing = tinyMCEPopup.getParam('table_default_cellspacing', '');

    282. 

  282. 	var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = "";

    283. 

  283. 	var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "", rules = "", frame = "";

    284. 

  284. 	var inst = tinyMCEPopup.editor, dom = inst.dom;

    285. 

  285. 	var formObj = document.forms[0];

    286. 

  286. 	var elm = dom.getParent(inst.selection.getNode(), "table");

    287. 

  287. 

    288. 

  288. 	action = tinyMCEPopup.getWindowArg('action');

    289. 

  289. 

    290. 

  290. 	if (!action)

    291. 

  291. 		action = elm ? "update" : "insert";

    292. 

  292. 

    293. 

  293. 	if (elm && action != "insert") {

    294. 

  294. 		var rowsAr = elm.rows;

    295. 

  295. 		var cols = 0;

    296. 

  296. 		for (var i=0; i<rowsAr.length; i++)

    297. 

  297. 			if (rowsAr[i].cells.length > cols)

    298. 

  298. 				cols = rowsAr[i].cells.length;

    299. 

  299. 

    300. 

  300. 		cols = cols;

    301. 

  301. 		rows = rowsAr.length;

    302. 

  302. 

    303. 

  303. 		st = dom.parseStyle(dom.getAttrib(elm, "style"));

    304. 

  304. 		border = trimSize(getStyle(elm, 'border', 'borderWidth'));

    305. 

  305. 		cellpadding = dom.getAttrib(elm, 'cellpadding', "");

    306. 

  306. 		cellspacing = dom.getAttrib(elm, 'cellspacing', "");

    307. 

  307. 		width = trimSize(getStyle(elm, 'width', 'width'));

    308. 

  308. 		height = trimSize(getStyle(elm, 'height', 'height'));

    309. 

  309. 		bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor'));

    310. 

  310. 		bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor'));

    311. 

  311. 		align = dom.getAttrib(elm, 'align', align);

    312. 

  312. 		frame = dom.getAttrib(elm, 'frame');

    313. 

  313. 		rules = dom.getAttrib(elm, 'rules');

    314. 

  314. 		className = tinymce.trim(dom.getAttrib(elm, 'class').replace(/mceItem.+/g, ''));

    315. 

  315. 		id = dom.getAttrib(elm, 'id');

    316. 

  316. 		summary = dom.getAttrib(elm, 'summary');

    317. 

  317. 		style = dom.serializeStyle(st);

    318. 

  318. 		dir = dom.getAttrib(elm, 'dir');

    319. 

  319. 		lang = dom.getAttrib(elm, 'lang');

    320. 

  320. 		background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\(['\"]?([^'\"]*)['\"]?\\)", 'gi'), "$1");

    321. 

  321. 		formObj.caption.checked = elm.getElementsByTagName('caption').length > 0;

    322. 

  322. 

    323. 

  323. 		orgTableWidth = width;

    324. 

  324. 		orgTableHeight = height;

    325. 

  325. 

    326. 

  326. 		action = "update";

    327. 

  327. 		formObj.insert.value = inst.getLang('update');

    328. 

  328. 	}

    329. 

  329. 

    330. 

  330. 	addClassesToList('class', "table_styles");

    331. 

  331. 	TinyMCE_EditableSelects.init();

    332. 

  332. 

    333. 

  333. 	// Update form

    334. 

  334. 	selectByValue(formObj, 'align', align);

    335. 

  335. 	selectByValue(formObj, 'tframe', frame);

    336. 

  336. 	selectByValue(formObj, 'rules', rules);

    337. 

  337. 	selectByValue(formObj, 'class', className, true, true);

    338. 

  338. 	formObj.cols.value = cols;

    339. 

  339. 	formObj.rows.value = rows;

    340. 

  340. 	formObj.border.value = border;

    341. 

  341. 	formObj.cellpadding.value = cellpadding;

    342. 

  342. 	formObj.cellspacing.value = cellspacing;

    343. 

  343. 	formObj.width.value = width;

    344. 

  344. 	formObj.height.value = height;

    345. 

  345. 	formObj.bordercolor.value = bordercolor;

    346. 

  346. 	formObj.bgcolor.value = bgcolor;

    347. 

  347. 	formObj.id.value = id;

    348. 

  348. 	formObj.summary.value = summary;

    349. 

  349. 	formObj.style.value = style;

    350. 

  350. 	formObj.dir.value = dir;

    351. 

  351. 	formObj.lang.value = lang;

    352. 

  352. 	formObj.backgroundimage.value = background;

    353. 

  353. 

    354. 

  354. 	updateColor('bordercolor_pick', 'bordercolor');

    355. 

  355. 	updateColor('bgcolor_pick', 'bgcolor');

    356. 

  356. 

    357. 

  357. 	// Resize some elements

    358. 

  358. 	if (isVisible('backgroundimagebrowser'))

    359. 

  359. 		document.getElementById('backgroundimage').style.width = '180px';

    360. 

  360. 

    361. 

  361. 	// Disable some fields in update mode

    362. 

  362. 	if (action == "update") {

    363. 

  363. 		formObj.cols.disabled = true;

    364. 

  364. 		formObj.rows.disabled = true;

    365. 

  365. 	}

    366. 

  366. }

    367. 

  367. 

    368. 

  368. function changedSize() {

    369. 

  369. 	var formObj = document.forms[0];

    370. 

  370. 	var st = dom.parseStyle(formObj.style.value);

    371. 

  371. 

    372. 

  372. /*	var width = formObj.width.value;

    373. 

  373. 	if (width != "")

    374. 

  374. 		st['width'] = tinyMCEPopup.getParam("inline_styles") ? getCSSSize(width) : "";

    375. 

  375. 	else

    376. 

  376. 		st['width'] = "";*/

    377. 

  377. 

    378. 

  378. 	var height = formObj.height.value;

    379. 

  379. 	if (height != "")

    380. 

  380. 		st['height'] = getCSSSize(height);

    381. 

  381. 	else

    382. 

  382. 		st['height'] = "";

    383. 

  383. 

    384. 

  384. 	formObj.style.value = dom.serializeStyle(st);

    385. 

  385. }

    386. 

  386. 

    387. 

  387. function changedBackgroundImage() {

    388. 

  388. 	var formObj = document.forms[0];

    389. 

  389. 	var st = dom.parseStyle(formObj.style.value);

    390. 

  390. 

    391. 

  391. 	st['background-image'] = "url('" + formObj.backgroundimage.value + "')";

    392. 

  392. 

    393. 

  393. 	formObj.style.value = dom.serializeStyle(st);

    394. 

  394. }

    395. 

  395. 

    396. 

  396. function changedBorder() {

    397. 

  397. 	var formObj = document.forms[0];

    398. 

  398. 	var st = dom.parseStyle(formObj.style.value);

    399. 

  399. 

    400. 

  400. 	// Update border width if the element has a color

    401. 

  401. 	if (formObj.border.value != "" && formObj.bordercolor.value != "")

    402. 

  402. 		st['border-width'] = formObj.border.value + "px";

    403. 

  403. 

    404. 

  404. 	formObj.style.value = dom.serializeStyle(st);

    405. 

  405. }

    406. 

  406. 

    407. 

  407. function changedColor() {

    408. 

  408. 	var formObj = document.forms[0];

    409. 

  409. 	var st = dom.parseStyle(formObj.style.value);

    410. 

  410. 

    411. 

  411. 	st['background-color'] = formObj.bgcolor.value;

    412. 

  412. 

    413. 

  413. 	if (formObj.bordercolor.value != "") {

    414. 

  414. 		st['border-color'] = formObj.bordercolor.value;

    415. 

  415. 

    416. 

  416. 		// Add border-width if it's missing

    417. 

  417. 		if (!st['border-width'])

    418. 

  418. 			st['border-width'] = formObj.border.value == "" ? "1px" : formObj.border.value + "px";

    419. 

  419. 	}

    420. 

  420. 

    421. 

  421. 	formObj.style.value = dom.serializeStyle(st);

    422. 

  422. }

    423. 

  423. 

    424. 

  424. function changedStyle() {

    425. 

  425. 	var formObj = document.forms[0];

    426. 

  426. 	var st = dom.parseStyle(formObj.style.value);

    427. 

  427. 

    428. 

  428. 	if (st['background-image'])

    429. 

  429. 		formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\(['\"]?([^'\"]*)['\"]?\\)", 'gi'), "$1");

    430. 

  430. 	else

    431. 

  431. 		formObj.backgroundimage.value = '';

    432. 

  432. 

    433. 

  433. 	if (st['width'])

    434. 

  434. 		formObj.width.value = trimSize(st['width']);

    435. 

  435. 

    436. 

  436. 	if (st['height'])

    437. 

  437. 		formObj.height.value = trimSize(st['height']);

    438. 

  438. 

    439. 

  439. 	if (st['background-color']) {

    440. 

  440. 		formObj.bgcolor.value = st['background-color'];

    441. 

  441. 		updateColor('bgcolor_pick','bgcolor');

    442. 

  442. 	}

    443. 

  443. 

    444. 

  444. 	if (st['border-color']) {

    445. 

  445. 		formObj.bordercolor.value = st['border-color'];

    446. 

  446. 		updateColor('bordercolor_pick','bordercolor');

    447. 

  447. 	}

    448. 

  448. }

    449. 

  449. 

    450. 

  450. tinyMCEPopup.onInit.add(init);
    451.