[Summary view] [Print] [Text view]

   1   /**
   2   * $Id: editor_plugin_src.js 42 2006-08-08 14:32:24Z spocke $
   3   *
   4   * @author Moxiecode - based on work by Andrew Tetlaw
   5   * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.
   6   */
   7  
   8  tinyMCEPopup.requireLangPack();
   9  
  10  function initCommonAttributes(elm) {
  11      var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
  12  
  13      // Setup form data for common element attributes
  14      setFormValue('title', dom.getAttrib(elm, 'title'));
  15      setFormValue('id', dom.getAttrib(elm, 'id'));
  16      selectByValue(formObj, 'class', dom.getAttrib(elm, 'class'), true);
  17      setFormValue('style', dom.getAttrib(elm, 'style'));
  18      selectByValue(formObj, 'dir', dom.getAttrib(elm, 'dir'));
  19      setFormValue('lang', dom.getAttrib(elm, 'lang'));
  20      setFormValue('onfocus', dom.getAttrib(elm, 'onfocus'));
  21      setFormValue('onblur', dom.getAttrib(elm, 'onblur'));
  22      setFormValue('onclick', dom.getAttrib(elm, 'onclick'));
  23      setFormValue('ondblclick', dom.getAttrib(elm, 'ondblclick'));
  24      setFormValue('onmousedown', dom.getAttrib(elm, 'onmousedown'));
  25      setFormValue('onmouseup', dom.getAttrib(elm, 'onmouseup'));
  26      setFormValue('onmouseover', dom.getAttrib(elm, 'onmouseover'));
  27      setFormValue('onmousemove', dom.getAttrib(elm, 'onmousemove'));
  28      setFormValue('onmouseout', dom.getAttrib(elm, 'onmouseout'));
  29      setFormValue('onkeypress', dom.getAttrib(elm, 'onkeypress'));
  30      setFormValue('onkeydown', dom.getAttrib(elm, 'onkeydown'));
  31      setFormValue('onkeyup', dom.getAttrib(elm, 'onkeyup'));
  32  }
  33  
  34  function setFormValue(name, value) {
  35      if(document.forms[0].elements[name]) document.forms[0].elements[name].value = value;
  36  }
  37  
  38  function insertDateTime(id) {
  39      document.getElementById(id).value = getDateTime(new Date(), "%Y-%m-%dT%H:%M:%S");
  40  }
  41  
  42  function getDateTime(d, fmt) {
  43      fmt = fmt.replace("%D", "%m/%d/%y");
  44      fmt = fmt.replace("%r", "%I:%M:%S %p");
  45      fmt = fmt.replace("%Y", "" + d.getFullYear());
  46      fmt = fmt.replace("%y", "" + d.getYear());
  47      fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2));
  48      fmt = fmt.replace("%d", addZeros(d.getDate(), 2));
  49      fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2));
  50      fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2));
  51      fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2));
  52      fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1));
  53      fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM"));
  54      fmt = fmt.replace("%%", "%");
  55  
  56      return fmt;
  57  }
  58  
  59  function addZeros(value, len) {
  60      var i;
  61  
  62      value = "" + value;
  63  
  64      if (value.length < len) {
  65          for (i=0; i<(len-value.length); i++)
  66              value = "0" + value;
  67      }
  68  
  69      return value;
  70  }
  71  
  72  function selectByValue(form_obj, field_name, value, add_custom, ignore_case) {
  73      if (!form_obj || !form_obj.elements[field_name])
  74          return;
  75  
  76      var sel = form_obj.elements[field_name];
  77  
  78      var found = false;
  79      for (var i=0; i<sel.options.length; i++) {
  80          var option = sel.options[i];
  81  
  82          if (option.value == value || (ignore_case && option.value.toLowerCase() == value.toLowerCase())) {
  83              option.selected = true;
  84              found = true;
  85          } else
  86              option.selected = false;
  87      }
  88  
  89      if (!found && add_custom && value != '') {
  90          var option = new Option('Value: ' + value, value);
  91          option.selected = true;
  92          sel.options[sel.options.length] = option;
  93      }
  94  
  95      return found;
  96  }
  97  
  98  function setAttrib(elm, attrib, value) {
  99      var formObj = document.forms[0];
 100      var valueElm = formObj.elements[attrib.toLowerCase()];
 101      tinyMCEPopup.editor.dom.setAttrib(elm, attrib, value || valueElm.value);
 102  }
 103  
 104  function setAllCommonAttribs(elm) {
 105      setAttrib(elm, 'title');
 106      setAttrib(elm, 'id');
 107      setAttrib(elm, 'class');
 108      setAttrib(elm, 'style');
 109      setAttrib(elm, 'dir');
 110      setAttrib(elm, 'lang');
 111      /*setAttrib(elm, 'onfocus');
 112      setAttrib(elm, 'onblur');
 113      setAttrib(elm, 'onclick');
 114      setAttrib(elm, 'ondblclick');
 115      setAttrib(elm, 'onmousedown');
 116      setAttrib(elm, 'onmouseup');
 117      setAttrib(elm, 'onmouseover');
 118      setAttrib(elm, 'onmousemove');
 119      setAttrib(elm, 'onmouseout');
 120      setAttrib(elm, 'onkeypress');
 121      setAttrib(elm, 'onkeydown');
 122      setAttrib(elm, 'onkeyup');*/
 123  }
 124  
 125  SXE = {
 126      currentAction : "insert",
 127      inst : tinyMCEPopup.editor,
 128      updateElement : null
 129  }
 130  
 131  SXE.focusElement = SXE.inst.selection.getNode();
 132  
 133  SXE.initElementDialog = function(element_name) {
 134      addClassesToList('class', 'xhtmlxtras_styles');
 135      TinyMCE_EditableSelects.init();
 136  
 137      element_name = element_name.toLowerCase();
 138      var elm = SXE.inst.dom.getParent(SXE.focusElement, element_name.toUpperCase());
 139      if (elm != null && elm.nodeName.toUpperCase() == element_name.toUpperCase()) {
 140          SXE.currentAction = "update";
 141      }
 142  
 143      if (SXE.currentAction == "update") {
 144          initCommonAttributes(elm);
 145          SXE.updateElement = elm;
 146      }
 147  
 148      document.forms[0].insert.value = tinyMCEPopup.getLang(SXE.currentAction, 'Insert', true); 
 149  }
 150  
 151  SXE.insertElement = function(element_name) {
 152      var elm = SXE.inst.dom.getParent(SXE.focusElement, element_name.toUpperCase()), h, tagName;
 153  
 154      tinyMCEPopup.execCommand('mceBeginUndoLevel');
 155      if (elm == null) {
 156          var s = SXE.inst.selection.getContent();
 157          if(s.length > 0) {
 158              tagName = element_name;
 159  
 160              if (tinymce.isIE && element_name.indexOf('html:') == 0)
 161                  element_name = element_name.substring(5).toLowerCase();
 162  
 163              insertInlineElement(element_name);
 164              var elementArray = tinymce.grep(SXE.inst.dom.select(element_name));
 165              for (var i=0; i<elementArray.length; i++) {
 166                  var elm = elementArray[i];
 167  
 168                  if (SXE.inst.dom.getAttrib(elm, '_mce_new')) {
 169                      elm.id = '';
 170                      elm.setAttribute('id', '');
 171                      elm.removeAttribute('id');
 172                      elm.removeAttribute('_mce_new');
 173  
 174                      setAllCommonAttribs(elm);
 175                  }
 176              }
 177          }
 178      } else {
 179          setAllCommonAttribs(elm);
 180      }
 181      SXE.inst.nodeChanged();
 182      tinyMCEPopup.execCommand('mceEndUndoLevel');
 183  }
 184  
 185  SXE.removeElement = function(element_name){
 186      element_name = element_name.toLowerCase();
 187      elm = SXE.inst.dom.getParent(SXE.focusElement, element_name.toUpperCase());
 188      if(elm && elm.nodeName.toUpperCase() == element_name.toUpperCase()){
 189          tinyMCEPopup.execCommand('mceBeginUndoLevel');
 190          tinyMCE.execCommand('mceRemoveNode', false, elm);
 191          SXE.inst.nodeChanged();
 192          tinyMCEPopup.execCommand('mceEndUndoLevel');
 193      }
 194  }
 195  
 196  SXE.showRemoveButton = function() {
 197          document.getElementById("remove").style.display = 'block';
 198  }
 199  
 200  SXE.containsClass = function(elm,cl) {
 201      return (elm.className.indexOf(cl) > -1) ? true : false;
 202  }
 203  
 204  SXE.removeClass = function(elm,cl) {
 205      if(elm.className == null || elm.className == "" || !SXE.containsClass(elm,cl)) {
 206          return true;
 207      }
 208      var classNames = elm.className.split(" ");
 209      var newClassNames = "";
 210      for (var x = 0, cnl = classNames.length; x < cnl; x++) {
 211          if (classNames[x] != cl) {
 212              newClassNames += (classNames[x] + " ");
 213          }
 214      }
 215      elm.className = newClassNames.substring(0,newClassNames.length-1); //removes extra space at the end
 216  }
 217  
 218  SXE.addClass = function(elm,cl) {
 219      if(!SXE.containsClass(elm,cl)) elm.className ? elm.className += " " + cl : elm.className = cl;
 220      return true;
 221  }
 222  
 223  function insertInlineElement(en) {
 224      var ed = tinyMCEPopup.editor, dom = ed.dom;
 225  
 226      ed.getDoc().execCommand('FontName', false, 'mceinline');
 227      tinymce.each(dom.select('span,font'), function(n) {
 228          if (n.style.fontFamily == 'mceinline' || n.face == 'mceinline')
 229              dom.replace(dom.create(en, {_mce_new : 1}), n, 1);
 230      });
 231  }