home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Plugins / tinymce-advanced / mce / table / jscripts / row.js < prev    next >
Encoding:
Text File  |  2008-02-20  |  6.2 KB  |  200 lines
  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. }