1 function init() {

     2 	tinyMCEPopup.resizeToInnerSize();

     3 

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

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

     6 

     7 	var inst = tinyMCE.selectedInstance;

     8 	var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");

     9 	var formObj = document.forms[0];

    10 	var st = tinyMCE.parseStyle(tinyMCE.getAttrib(trElm, "style"));

    11 

    12 	// Get table row data

    13 	var rowtype = trElm.parentNode.nodeName.toLowerCase();

    14 	var align = tinyMCE.getAttrib(trElm, 'align');

    15 	var valign = tinyMCE.getAttrib(trElm, 'valign');

    16 	var height = trimSize(getStyle(trElm, 'height', 'height'));

    17 	var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(trElm, 'class'), false);

    18 	var bgcolor = convertRGBToHex(getStyle(trElm, 'bgcolor', 'backgroundColor'));

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

    20 	var id = tinyMCE.getAttrib(trElm, 'id');

    21 	var lang = tinyMCE.getAttrib(trElm, 'lang');

    22 	var dir = tinyMCE.getAttrib(trElm, 'dir');

    23 

    24 	// Setup form

    25 	addClassesToList('class', 'table_row_styles');

    26 	formObj.bgcolor.value = bgcolor;

    27 	formObj.backgroundimage.value = backgroundimage;

    28 	formObj.height.value = height;

    29 	formObj.id.value = id;

    30 	formObj.lang.value = lang;

    31 	formObj.style.value = tinyMCE.serializeStyle(st);

    32 	selectByValue(formObj, 'align', align);

    33 	selectByValue(formObj, 'valign', valign);

    34 	selectByValue(formObj, 'class', className);

    35 	selectByValue(formObj, 'rowtype', rowtype);

    36 	selectByValue(formObj, 'dir', dir);

    37 

    38 	// Resize some elements

    39 	if (isVisible('backgroundimagebrowser'))

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

    41 

    42 	updateColor('bgcolor_pick', 'bgcolor');

    43 }

    44 

    45 function updateAction() {

    46 	tinyMCEPopup.restoreSelection();

    47 

    48 	var inst = tinyMCE.selectedInstance;

    49 	var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");

    50 	var tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");

    51 	var formObj = document.forms[0];

    52 	var action = getSelectValue(formObj, 'action');

    53 

    54 	inst.execCommand('mceBeginUndoLevel');

    55 

    56 	switch (action) {

    57 		case "row":

    58 			updateRow(trElm);

    59 			break;

    60 

    61 		case "all":

    62 			var rows = tableElm.getElementsByTagName("tr");

    63 

    64 			for (var i=0; i<rows.length; i++)

    65 				updateRow(rows[i], true);

    66 

    67 			break;

    68 

    69 		case "odd":

    70 		case "even":

    71 			var rows = tableElm.getElementsByTagName("tr");

    72 

    73 			for (var i=0; i<rows.length; i++) {

    74 				if ((i % 2 == 0 && action == "odd") || (i % 2 != 0 && action == "even"))

    75 					updateRow(rows[i], true, true);

    76 			}

    77 

    78 			break;

    79 	}

    80 

    81 	tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);

    82 	tinyMCE.triggerNodeChange();

    83 	inst.execCommand('mceEndUndoLevel');

    84 	tinyMCEPopup.close();

    85 }

    86 

    87 function updateRow(tr_elm, skip_id, skip_parent) {

    88 	var inst = tinyMCE.selectedInstance;

    89 	var formObj = document.forms[0];

    90 	var curRowType = tr_elm.parentNode.nodeName.toLowerCase();

    91 	var rowtype = getSelectValue(formObj, 'rowtype');

    92 	var doc = inst.getDoc();

    93 

    94 	// Update row element

    95 	if (!skip_id)

    96 		tr_elm.setAttribute('id', formObj.id.value);

    97 

    98 	tr_elm.setAttribute('align', getSelectValue(formObj, 'align'));

    99 	tr_elm.setAttribute('vAlign', getSelectValue(formObj, 'valign'));

   100 	tr_elm.setAttribute('lang', formObj.lang.value);

   101 	tr_elm.setAttribute('dir', getSelectValue(formObj, 'dir'));

   102 	tr_elm.setAttribute('style', tinyMCE.serializeStyle(tinyMCE.parseStyle(formObj.style.value)));

   103 	tinyMCE.setAttrib(tr_elm, 'class', getSelectValue(formObj, 'class'));

   104 

   105 	// Clear deprecated attributes

   106 	tr_elm.setAttribute('background', '');

   107 	tr_elm.setAttribute('bgColor', '');

   108 	tr_elm.setAttribute('height', '');

   109 

   110 	// Set styles

   111 	tr_elm.style.height = getCSSSize(formObj.height.value);

   112 	tr_elm.style.backgroundColor = formObj.bgcolor.value;

   113 

   114 	if (formObj.backgroundimage.value != "")

   115 		tr_elm.style.backgroundImage = "url('" + formObj.backgroundimage.value + "')";

   116 	else

   117 		tr_elm.style.backgroundImage = '';

   118 

   119 	// Setup new rowtype

   120 	if (curRowType != rowtype && !skip_parent) {

   121 		// first, clone the node we are working on

   122 		var newRow = tr_elm.cloneNode(1);

   123 

   124 		// next, find the parent of its new destination (creating it if necessary)

   125 		var theTable = tinyMCE.getParentElement(tr_elm, "table");

   126 		var dest = rowtype;

   127 		var newParent = null;

   128 		for (var i = 0; i < theTable.childNodes.length; i++) {

   129 			if (theTable.childNodes[i].nodeName.toLowerCase() == dest)

   130 				newParent = theTable.childNodes[i];

   131 		}

   132 

   133 		if (newParent == null) {

   134 			newParent = doc.createElement(dest);

   135 

   136 			if (dest == "thead")

   137 				theTable.insertBefore(newParent, theTable.firstChild);

   138 			else

   139 				theTable.appendChild(newParent);

   140 		}

   141 

   142 		// append the row to the new parent

   143 		newParent.appendChild(newRow);

   144 

   145 		// remove the original

   146 		tr_elm.parentNode.removeChild(tr_elm);

   147 

   148 		// set tr_elm to the new node

   149 		tr_elm = newRow;

   150 	}

   151 }

   152 

   153 function changedBackgroundImage() {

   154 	var formObj = document.forms[0];

   155 	var st = tinyMCE.parseStyle(formObj.style.value);

   156 

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

   158 

   159 	formObj.style.value = tinyMCE.serializeStyle(st);

   160 }

   161 

   162 function changedStyle() {

   163 	var formObj = document.forms[0];

   164 	var st = tinyMCE.parseStyle(formObj.style.value);

   165 

   166 	if (st['background-image'])

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

   168 	else

   169 		formObj.backgroundimage.value = '';

   170 

   171 	if (st['height'])

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

   173 

   174 	if (st['background-color']) {

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

   176 		updateColor('bgcolor_pick','bgcolor');

   177 	}

   178 }

   179 

   180 function changedSize() {

   181 	var formObj = document.forms[0];

   182 	var st = tinyMCE.parseStyle(formObj.style.value);

   183 

   184 	var height = formObj.height.value;

   185 	if (height != "")

   186 		st['height'] = getCSSSize(height);

   187 	else

   188 		st['height'] = "";

   189 

   190 	formObj.style.value = tinyMCE.serializeStyle(st);

   191 }

   192 

   193 function changedColor() {

   194 	var formObj = document.forms[0];

   195 	var st = tinyMCE.parseStyle(formObj.style.value);

   196 

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

   198 

   199 	formObj.style.value = tinyMCE.serializeStyle(st);

   200 }