- Fix washing styles with quoted values e.g. font-family

alecpl

2011-11-15 2eeb128d06ad37dea9bd1765784fb53e47ef527c

 program/js/tiny_mce/utils/mctabs.js

@@ -1,14 +1,16 @@
/**

 * $Id: mctabs.js 18 2006-06-29 14:11:23Z spocke $

 * mctabs.js

 *

 * Moxiecode DHTML Tabs script.

 * Copyright 2009, Moxiecode Systems AB

 * Released under LGPL License.

 *

 * @author Moxiecode

 * @copyright Copyright © 2004-2006, Moxiecode Systems AB, All rights reserved.

 * License: http://tinymce.moxiecode.com/license

 * Contributing: http://tinymce.moxiecode.com/contributing

 */



function MCTabs() {

   this.settings = new Array();

   this.settings = [];

   this.onChange = tinyMCEPopup.editor.windowManager.createInstance('tinymce.util.Dispatcher');

};



MCTabs.prototype.init = function(settings) {

@@ -27,37 +29,79 @@
   return value;

};



MCTabs.prototype.displayTab = function(tab_id, panel_id) {

   var panelElm = document.getElementById(panel_id);

   var panelContainerElm = panelElm ? panelElm.parentNode : null;

   var tabElm = document.getElementById(tab_id);

   var tabContainerElm = tabElm ? tabElm.parentNode : null;

   var selectionClass = this.getParam('selection_class', 'current');

MCTabs.prototype.showTab =function(tab){

   tab.className = 'current';

   tab.setAttribute("aria-selected", true);

   tab.setAttribute("aria-expanded", true);

   tab.tabIndex = 0;

};



MCTabs.prototype.hideTab =function(tab){

   var t=this;



   tab.className = '';

   tab.setAttribute("aria-selected", false);

   tab.setAttribute("aria-expanded", false);

   tab.tabIndex = -1;

};



MCTabs.prototype.showPanel = function(panel) {

   panel.className = 'current'; 
   panel.setAttribute("aria-hidden", false);

};



MCTabs.prototype.hidePanel = function(panel) {

   panel.className = 'panel';

   panel.setAttribute("aria-hidden", true);

}; 


MCTabs.prototype.getPanelForTab = function(tabElm) {

   return tinyMCEPopup.dom.getAttrib(tabElm, "aria-controls");

};



MCTabs.prototype.displayTab = function(tab_id, panel_id, avoid_focus) {

   var panelElm, panelContainerElm, tabElm, tabContainerElm, selectionClass, nodes, i, t = this;



   tabElm = document.getElementById(tab_id);



   if (panel_id === undefined) {

      panel_id = t.getPanelForTab(tabElm);

   }



   panelElm= document.getElementById(panel_id);

   panelContainerElm = panelElm ? panelElm.parentNode : null;

   tabContainerElm = tabElm ? tabElm.parentNode : null;

   selectionClass = t.getParam('selection_class', 'current');



   if (tabElm && tabContainerElm) {

      var nodes = tabContainerElm.childNodes;

      nodes = tabContainerElm.childNodes;



      // Hide all other tabs

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

         if (nodes[i].nodeName == "LI")

            nodes[i].className = '';

      for (i = 0; i < nodes.length; i++) {

         if (nodes[i].nodeName == "LI") {

            t.hideTab(nodes[i]);

         }

      }



      // Show selected tab

      tabElm.className = 'current';

      t.showTab(tabElm);

   }



   if (panelElm && panelContainerElm) {

      var nodes = panelContainerElm.childNodes;

      nodes = panelContainerElm.childNodes;



      // Hide all other panels

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

      for (i = 0; i < nodes.length; i++) {

         if (nodes[i].nodeName == "DIV")

            nodes[i].className = 'panel';

            t.hidePanel(nodes[i]);

      }



      if (!avoid_focus) { 
         tabElm.focus();

      }



      // Show selected panel

      panelElm.className = 'current';

      t.showPanel(panelElm);

   }

};



@@ -70,5 +114,49 @@
   return "";

};



// Global instance



//Global instance

var mcTabs = new MCTabs();



tinyMCEPopup.onInit.add(function() {

   var tinymce = tinyMCEPopup.getWin().tinymce, dom = tinyMCEPopup.dom, each = tinymce.each;



   each(dom.select('div.tabs'), function(tabContainerElm) {

      var keyNav;



      dom.setAttrib(tabContainerElm, "role", "tablist"); 


      var items = tinyMCEPopup.dom.select('li', tabContainerElm);

      var action = function(id) {

         mcTabs.displayTab(id, mcTabs.getPanelForTab(id));

         mcTabs.onChange.dispatch(id);

      };



      each(items, function(item) {

         dom.setAttrib(item, 'role', 'tab');

         dom.bind(item, 'click', function(evt) {

            action(item.id);

         });

      });



      dom.bind(dom.getRoot(), 'keydown', function(evt) {

         if (evt.keyCode === 9 && evt.ctrlKey && !evt.altKey) { // Tab

            keyNav.moveFocus(evt.shiftKey ? -1 : 1);

            tinymce.dom.Event.cancel(evt);

         }

      });



      each(dom.select('a', tabContainerElm), function(a) {

         dom.setAttrib(a, 'tabindex', '-1');

      });



      keyNav = tinyMCEPopup.editor.windowManager.createInstance('tinymce.ui.KeyboardNavigation', {

         root: tabContainerElm,

         items: items,

         onAction: action,

         actOnFocus: true,

         enableLeftRight: true,

         enableUpDown: true

      }, tinyMCEPopup.dom);

   });

});