| commit | author | age | ||
| a0109c | 1 | var action, orgTableWidth, orgTableHeight; |
| S | 2 | |
| 3 | function insertTable() { | |
| 4 | var formObj = document.forms[0]; | |
| 5 | var inst = tinyMCE.selectedInstance; | |
| 87e2fd | 6 | var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className, caption; |
| S | 7 | var html = '', capEl; |
| a0109c | 8 | var elm = tinyMCE.tableElm; |
| S | 9 | var cellLimit, rowLimit, colLimit; |
| 10 | ||
| f0ea59 | 11 | if (!AutoValidator.validate(formObj)) { |
| S | 12 | alert(tinyMCE.getLang('lang_invalid_data')); |
| 13 | return false; | |
| 14 | } | |
| 15 | ||
| a0109c | 16 | tinyMCEPopup.restoreSelection(); |
| S | 17 | |
| 18 | // Get form data | |
| 19 | cols = formObj.elements['cols'].value; | |
| 20 | rows = formObj.elements['rows'].value; | |
| 21 | border = formObj.elements['border'].value != "" ? formObj.elements['border'].value : 0; | |
| 22 | cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : ""; | |
| 23 | cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : ""; | |
| 24 | align = formObj.elements['align'].options[formObj.elements['align'].selectedIndex].value; | |
| 25 | width = formObj.elements['width'].value; | |
| 26 | height = formObj.elements['height'].value; | |
| 27 | bordercolor = formObj.elements['bordercolor'].value; | |
| 28 | bgcolor = formObj.elements['bgcolor'].value; | |
| 29 | className = formObj.elements['class'].options[formObj.elements['class'].selectedIndex].value; | |
| 30 | id = formObj.elements['id'].value; | |
| 31 | summary = formObj.elements['summary'].value; | |
| 32 | style = formObj.elements['style'].value; | |
| 33 | dir = formObj.elements['dir'].value; | |
| 34 | lang = formObj.elements['lang'].value; | |
| 35 | background = formObj.elements['backgroundimage'].value; | |
| 87e2fd | 36 | caption = formObj.elements['caption'].checked; |
| a0109c | 37 | |
| S | 38 | cellLimit = tinyMCE.getParam('table_cell_limit', false); |
| 39 | rowLimit = tinyMCE.getParam('table_row_limit', false); | |
| 40 | colLimit = tinyMCE.getParam('table_col_limit', false); | |
| 41 | ||
| 42 | // Validate table size | |
| 43 | if (colLimit && cols > colLimit) { | |
| 44 | alert(tinyMCE.getLang('lang_table_col_limit', '', true, {cols : colLimit})); | |
| 45 | return false; | |
| 46 | } else if (rowLimit && rows > rowLimit) { | |
| 47 | alert(tinyMCE.getLang('lang_table_row_limit', '', true, {rows : rowLimit})); | |
| 48 | return false; | |
| 49 | } else if (cellLimit && cols * rows > cellLimit) { | |
| 50 | alert(tinyMCE.getLang('lang_table_cell_limit', '', true, {cells : cellLimit})); | |
| 51 | return false; | |
| 52 | } | |
| 53 | ||
| 54 | // Update table | |
| 55 | if (action == "update") { | |
| 56 | inst.execCommand('mceBeginUndoLevel'); | |
| 57 | ||
| 58 | tinyMCE.setAttrib(elm, 'cellPadding', cellpadding, true); | |
| 59 | tinyMCE.setAttrib(elm, 'cellSpacing', cellspacing, true); | |
| 60 | tinyMCE.setAttrib(elm, 'border', border, true); | |
| 61 | tinyMCE.setAttrib(elm, 'align', align); | |
| 62 | tinyMCE.setAttrib(elm, 'class', className); | |
| 63 | tinyMCE.setAttrib(elm, 'style', style); | |
| 64 | tinyMCE.setAttrib(elm, 'id', id); | |
| 65 | tinyMCE.setAttrib(elm, 'summary', summary); | |
| 66 | tinyMCE.setAttrib(elm, 'dir', dir); | |
| 67 | tinyMCE.setAttrib(elm, 'lang', lang); | |
| 87e2fd | 68 | |
| S | 69 | capEl = elm.getElementsByTagName('caption')[0]; |
| 70 | ||
| 71 | if (capEl && !caption) | |
| 72 | capEl.parentNode.removeChild(capEl); | |
| 73 | ||
| 74 | if (!capEl && caption) { | |
| 75 | capEl = elm.ownerDocument.createElement('caption'); | |
| 76 | capEl.innerHTML = ' '; | |
| 77 | elm.insertBefore(capEl, elm.firstChild); | |
| 78 | } | |
| a0109c | 79 | |
| S | 80 | // Not inline styles |
| 81 | if (!tinyMCE.getParam("inline_styles")) | |
| 82 | tinyMCE.setAttrib(elm, 'width', width, true); | |
| 83 | ||
| 84 | // Remove these since they are not valid XHTML | |
| 85 | tinyMCE.setAttrib(elm, 'borderColor', ''); | |
| 86 | tinyMCE.setAttrib(elm, 'bgColor', ''); | |
| 87 | tinyMCE.setAttrib(elm, 'background', ''); | |
| 88 | tinyMCE.setAttrib(elm, 'height', ''); | |
| 89 | ||
| 90 | if (background != '') | |
| 91 | elm.style.backgroundImage = "url('" + background + "')"; | |
| 92 | else | |
| 93 | elm.style.backgroundImage = ''; | |
| 94 | ||
| 95 | if (tinyMCE.getParam("inline_styles")) | |
| 96 | elm.style.borderWidth = border + "px"; | |
| 97 | ||
| 98 | if (tinyMCE.getParam("inline_styles")) { | |
| 99 | if (width != '') | |
| 100 | elm.style.width = getCSSSize(width); | |
| 101 | } | |
| 102 | ||
| 103 | if (bordercolor != "") { | |
| 104 | elm.style.borderColor = bordercolor; | |
| 105 | elm.style.borderStyle = elm.style.borderStyle == "" ? "solid" : elm.style.borderStyle; | |
| 106 | elm.style.borderWidth = border == "" ? "1px" : border; | |
| 107 | } else | |
| 108 | elm.style.borderColor = ''; | |
| 109 | ||
| 110 | elm.style.backgroundColor = bgcolor; | |
| 111 | elm.style.height = getCSSSize(height); | |
| 112 | ||
| 113 | tinyMCE.handleVisualAid(tinyMCE.tableElm, false, inst.visualAid, inst); | |
| 114 | ||
| 115 | // Fix for stange MSIE align bug | |
| 116 | tinyMCE.tableElm.outerHTML = tinyMCE.tableElm.outerHTML; | |
| 117 | ||
| 118 | tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst); | |
| 119 | tinyMCE.triggerNodeChange(); | |
| 120 | inst.execCommand('mceEndUndoLevel'); | |
| 121 | ||
| 122 | // Repaint if dimensions changed | |
| 123 | if (formObj.width.value != orgTableWidth || formObj.height.value != orgTableHeight) | |
| 124 | inst.repaint(); | |
| 125 | ||
| 126 | tinyMCEPopup.close(); | |
| 127 | return true; | |
| 128 | } | |
| 129 | ||
| 130 | // Create new table | |
| 131 | html += '<table'; | |
| 132 | ||
| 133 | html += makeAttrib('id', id); | |
| 134 | html += makeAttrib('border', border); | |
| 135 | html += makeAttrib('cellpadding', cellpadding); | |
| 136 | html += makeAttrib('cellspacing', cellspacing); | |
| 137 | html += makeAttrib('width', width); | |
| 138 | //html += makeAttrib('height', height); | |
| 139 | //html += makeAttrib('bordercolor', bordercolor); | |
| 140 | //html += makeAttrib('bgcolor', bgcolor); | |
| 141 | html += makeAttrib('align', align); | |
| 142 | html += makeAttrib('class', tinyMCE.getVisualAidClass(className, border == 0)); | |
| 143 | html += makeAttrib('style', style); | |
| 144 | html += makeAttrib('summary', summary); | |
| 145 | html += makeAttrib('dir', dir); | |
| 146 | html += makeAttrib('lang', lang); | |
| 147 | html += '>'; | |
| 87e2fd | 148 | |
| S | 149 | if (caption) |
| 150 | html += '<caption> </caption>'; | |
| a0109c | 151 | |
| S | 152 | for (var y=0; y<rows; y++) { |
| 153 | html += "<tr>"; | |
| 154 | ||
| 155 | for (var x=0; x<cols; x++) | |
| 156 | html += '<td> </td>'; | |
| 157 | ||
| 158 | html += "</tr>"; | |
| 159 | } | |
| 160 | ||
| 161 | html += "</table>"; | |
| 162 | ||
| 163 | inst.execCommand('mceBeginUndoLevel'); | |
| 164 | inst.execCommand('mceInsertContent', false, html); | |
| 165 | tinyMCE.handleVisualAid(inst.getBody(), true, tinyMCE.settings['visual']); | |
| 166 | inst.execCommand('mceEndUndoLevel'); | |
| 167 | ||
| 168 | tinyMCEPopup.close(); | |
| 169 | } | |
| 170 | ||
| 171 | function makeAttrib(attrib, value) { | |
| 172 | var formObj = document.forms[0]; | |
| 173 | var valueElm = formObj.elements[attrib]; | |
| 174 | ||
| 175 | if (typeof(value) == "undefined" || value == null) { | |
| 176 | value = ""; | |
| 177 | ||
| 178 | if (valueElm) | |
| 179 | value = valueElm.value; | |
| 180 | } | |
| 181 | ||
| 182 | if (value == "") | |
| 183 | return ""; | |
| 184 | ||
| 185 | // XML encode it | |
| 186 | value = value.replace(/&/g, '&'); | |
| 187 | value = value.replace(/\"/g, '"'); | |
| 188 | value = value.replace(/</g, '<'); | |
| 189 | value = value.replace(/>/g, '>'); | |
| 190 | ||
| 191 | return ' ' + attrib + '="' + value + '"'; | |
| 192 | } | |
| 193 | ||
| 194 | function init() { | |
| 195 | tinyMCEPopup.resizeToInnerSize(); | |
| 196 | ||
| 197 | document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table'); | |
| 198 | document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table'); | |
| 199 | document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor'); | |
| 200 | document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor'); | |
| 201 | ||
| f0ea59 | 202 | var cols = 2, rows = 2, border = tinyMCE.getParam('table_default_border', '0'), cellpadding = tinyMCE.getParam('table_default_cellpadding', ''), cellspacing = tinyMCE.getParam('table_default_cellspacing', ''); |
| a0109c | 203 | var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = ""; |
| S | 204 | var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = ""; |
| 205 | var inst = tinyMCE.selectedInstance; | |
| 206 | var formObj = document.forms[0]; | |
| 207 | var elm = tinyMCE.getParentElement(inst.getFocusElement(), "table"); | |
| 208 | ||
| 209 | tinyMCE.tableElm = elm; | |
| 210 | action = tinyMCE.getWindowArg('action'); | |
| 211 | if (action == null) | |
| 212 | action = tinyMCE.tableElm ? "update" : "insert"; | |
| 213 | ||
| 214 | if (tinyMCE.tableElm && action != "insert") { | |
| 215 | var rowsAr = tinyMCE.tableElm.rows; | |
| 216 | var cols = 0; | |
| 217 | for (var i=0; i<rowsAr.length; i++) | |
| 218 | if (rowsAr[i].cells.length > cols) | |
| 219 | cols = rowsAr[i].cells.length; | |
| 220 | ||
| 221 | cols = cols; | |
| 222 | rows = rowsAr.length; | |
| 223 | ||
| 224 | st = tinyMCE.parseStyle(tinyMCE.getAttrib(tinyMCE.tableElm, "style")); | |
| 225 | border = trimSize(getStyle(elm, 'border', 'borderWidth')); | |
| 226 | cellpadding = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellpadding', ""); | |
| 227 | cellspacing = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellspacing', ""); | |
| 228 | width = trimSize(getStyle(elm, 'width', 'width')); | |
| 229 | height = trimSize(getStyle(elm, 'height', 'height')); | |
| 230 | bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor')); | |
| 231 | bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor')); | |
| 232 | align = tinyMCE.getAttrib(tinyMCE.tableElm, 'align', align); | |
| 233 | className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tinyMCE.tableElm, 'class'), false); | |
| 234 | id = tinyMCE.getAttrib(tinyMCE.tableElm, 'id'); | |
| 235 | summary = tinyMCE.getAttrib(tinyMCE.tableElm, 'summary'); | |
| 236 | style = tinyMCE.serializeStyle(st); | |
| 237 | dir = tinyMCE.getAttrib(tinyMCE.tableElm, 'dir'); | |
| 238 | lang = tinyMCE.getAttrib(tinyMCE.tableElm, 'lang'); | |
| 239 | background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"); | |
| 87e2fd | 240 | formObj.caption.checked = tinyMCE.tableElm.getElementsByTagName('caption').length > 0; |
| a0109c | 241 | |
| S | 242 | orgTableWidth = width; |
| 243 | orgTableHeight = height; | |
| 244 | ||
| 245 | action = "update"; | |
| 246 | } | |
| 247 | ||
| 248 | addClassesToList('class', "table_styles"); | |
| 249 | ||
| 250 | // Update form | |
| 251 | selectByValue(formObj, 'align', align); | |
| 252 | selectByValue(formObj, 'class', className); | |
| 253 | formObj.cols.value = cols; | |
| 254 | formObj.rows.value = rows; | |
| 255 | formObj.border.value = border; | |
| 256 | formObj.cellpadding.value = cellpadding; | |
| 257 | formObj.cellspacing.value = cellspacing; | |
| 258 | formObj.width.value = width; | |
| 259 | formObj.height.value = height; | |
| 260 | formObj.bordercolor.value = bordercolor; | |
| 261 | formObj.bgcolor.value = bgcolor; | |
| 262 | formObj.id.value = id; | |
| 263 | formObj.summary.value = summary; | |
| 264 | formObj.style.value = style; | |
| 265 | formObj.dir.value = dir; | |
| 266 | formObj.lang.value = lang; | |
| 267 | formObj.backgroundimage.value = background; | |
| 268 | formObj.insert.value = tinyMCE.getLang('lang_' + action, 'Insert', true); | |
| 269 | ||
| 270 | updateColor('bordercolor_pick', 'bordercolor'); | |
| 271 | updateColor('bgcolor_pick', 'bgcolor'); | |
| 272 | ||
| 273 | // Resize some elements | |
| 274 | if (isVisible('backgroundimagebrowser')) | |
| 275 | document.getElementById('backgroundimage').style.width = '180px'; | |
| 276 | ||
| 277 | // Disable some fields in update mode | |
| 278 | if (action == "update") { | |
| 279 | formObj.cols.disabled = true; | |
| 280 | formObj.rows.disabled = true; | |
| 281 | } | |
| 282 | } | |
| 283 | ||
| 284 | function changedSize() { | |
| 285 | var formObj = document.forms[0]; | |
| 286 | var st = tinyMCE.parseStyle(formObj.style.value); | |
| 287 | ||
| 288 | var width = formObj.width.value; | |
| 289 | if (width != "") | |
| 290 | st['width'] = tinyMCE.getParam("inline_styles") ? getCSSSize(width) : ""; | |
| 291 | else | |
| 292 | st['width'] = ""; | |
| 293 | ||
| 294 | var height = formObj.height.value; | |
| 295 | if (height != "") | |
| 296 | st['height'] = getCSSSize(height); | |
| 297 | else | |
| 298 | st['height'] = ""; | |
| 299 | ||
| 300 | formObj.style.value = tinyMCE.serializeStyle(st); | |
| 301 | } | |
| 302 | ||
| 303 | function changedBackgroundImage() { | |
| 304 | var formObj = document.forms[0]; | |
| 305 | var st = tinyMCE.parseStyle(formObj.style.value); | |
| 306 | ||
| 307 | st['background-image'] = "url('" + formObj.backgroundimage.value + "')"; | |
| 308 | ||
| 309 | formObj.style.value = tinyMCE.serializeStyle(st); | |
| 310 | } | |
| 311 | ||
| 312 | function changedBorder() { | |
| 313 | var formObj = document.forms[0]; | |
| 314 | var st = tinyMCE.parseStyle(formObj.style.value); | |
| 315 | ||
| 316 | // Update border width if the element has a color | |
| 317 | if (formObj.border.value != "" && formObj.bordercolor.value != "") | |
| 318 | st['border-width'] = formObj.border.value + "px"; | |
| 319 | ||
| 320 | formObj.style.value = tinyMCE.serializeStyle(st); | |
| 321 | } | |
| 322 | ||
| 323 | function changedColor() { | |
| 324 | var formObj = document.forms[0]; | |
| 325 | var st = tinyMCE.parseStyle(formObj.style.value); | |
| 326 | ||
| 327 | st['background-color'] = formObj.bgcolor.value; | |
| 328 | ||
| 329 | if (formObj.bordercolor.value != "") { | |
| 330 | st['border-color'] = formObj.bordercolor.value; | |
| 331 | ||
| 332 | // Add border-width if it's missing | |
| 333 | if (!st['border-width']) | |
| 334 | st['border-width'] = formObj.border.value == "" ? "1px" : formObj.border.value + "px"; | |
| 335 | } | |
| 336 | ||
| 337 | formObj.style.value = tinyMCE.serializeStyle(st); | |
| 338 | } | |
| 339 | ||
| 340 | function changedStyle() { | |
| 341 | var formObj = document.forms[0]; | |
| 342 | var st = tinyMCE.parseStyle(formObj.style.value); | |
| 343 | ||
| 344 | if (st['background-image']) | |
| 345 | formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"); | |
| 346 | else | |
| 347 | formObj.backgroundimage.value = ''; | |
| 348 | ||
| 349 | if (st['width']) | |
| 350 | formObj.width.value = trimSize(st['width']); | |
| 351 | ||
| 352 | if (st['height']) | |
| 353 | formObj.height.value = trimSize(st['height']); | |
| 354 | ||
| 355 | if (st['background-color']) { | |
| 356 | formObj.bgcolor.value = st['background-color']; | |
| 357 | updateColor('bgcolor_pick','bgcolor'); | |
| 358 | } | |
| 359 | ||
| 360 | if (st['border-color']) { | |
| 361 | formObj.bordercolor.value = st['border-color']; | |
| 362 | updateColor('bordercolor_pick','bordercolor'); | |
| 363 | } | |
| 364 | } | |
