2007-01-16 12:52:13 -05:00
|
|
|
|
/**
|
2008-06-04 11:31:14 -04:00
|
|
|
|
* $Id: mctabs.js 758 2008-03-30 13:53:29Z spocke $
|
2007-01-16 12:52:13 -05:00
|
|
|
|
*
|
|
|
|
|
* Moxiecode DHTML Tabs script.
|
|
|
|
|
*
|
|
|
|
|
* @author Moxiecode
|
2008-01-17 10:44:05 -05:00
|
|
|
|
* @copyright Copyright <EFBFBD> 2004-2008, Moxiecode Systems AB, All rights reserved.
|
2007-01-16 12:52:13 -05:00
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
function MCTabs() {
|
2008-06-04 11:31:14 -04:00
|
|
|
|
this.settings = [];
|
2007-01-16 12:52:13 -05:00
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
MCTabs.prototype.init = function(settings) {
|
|
|
|
|
this.settings = settings;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
MCTabs.prototype.getParam = function(name, default_value) {
|
|
|
|
|
var value = null;
|
|
|
|
|
|
|
|
|
|
value = (typeof(this.settings[name]) == "undefined") ? default_value : this.settings[name];
|
|
|
|
|
|
|
|
|
|
// Fix bool values
|
|
|
|
|
if (value == "true" || value == "false")
|
|
|
|
|
return (value == "true");
|
|
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
MCTabs.prototype.displayTab = function(tab_id, panel_id) {
|
2008-06-04 11:31:14 -04:00
|
|
|
|
var panelElm, panelContainerElm, tabElm, tabContainerElm, selectionClass, nodes, i;
|
|
|
|
|
|
|
|
|
|
panelElm= document.getElementById(panel_id);
|
|
|
|
|
panelContainerElm = panelElm ? panelElm.parentNode : null;
|
|
|
|
|
tabElm = document.getElementById(tab_id);
|
|
|
|
|
tabContainerElm = tabElm ? tabElm.parentNode : null;
|
|
|
|
|
selectionClass = this.getParam('selection_class', 'current');
|
2007-01-16 12:52:13 -05:00
|
|
|
|
|
|
|
|
|
if (tabElm && tabContainerElm) {
|
2008-06-04 11:31:14 -04:00
|
|
|
|
nodes = tabContainerElm.childNodes;
|
2007-01-16 12:52:13 -05:00
|
|
|
|
|
|
|
|
|
// Hide all other tabs
|
2008-06-04 11:31:14 -04:00
|
|
|
|
for (i = 0; i < nodes.length; i++) {
|
2007-01-16 12:52:13 -05:00
|
|
|
|
if (nodes[i].nodeName == "LI")
|
|
|
|
|
nodes[i].className = '';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Show selected tab
|
|
|
|
|
tabElm.className = 'current';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (panelElm && panelContainerElm) {
|
2008-06-04 11:31:14 -04:00
|
|
|
|
nodes = panelContainerElm.childNodes;
|
2007-01-16 12:52:13 -05:00
|
|
|
|
|
|
|
|
|
// Hide all other panels
|
2008-06-04 11:31:14 -04:00
|
|
|
|
for (i = 0; i < nodes.length; i++) {
|
2007-01-16 12:52:13 -05:00
|
|
|
|
if (nodes[i].nodeName == "DIV")
|
|
|
|
|
nodes[i].className = 'panel';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Show selected panel
|
|
|
|
|
panelElm.className = 'current';
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
MCTabs.prototype.getAnchor = function() {
|
|
|
|
|
var pos, url = document.location.href;
|
|
|
|
|
|
|
|
|
|
if ((pos = url.lastIndexOf('#')) != -1)
|
|
|
|
|
return url.substring(pos + 1);
|
|
|
|
|
|
|
|
|
|
return "";
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Global instance
|
|
|
|
|
var mcTabs = new MCTabs();
|