JAVASCRIPT   75

element common js

Guest on 13th June 2022 01:16:56 AM

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

Raw Paste


Login or Register to edit or fork this paste. It's free.