bs_tabset.class.js

在线电子表格SpreadSheet 在线电子表格SpreadSheet

/********************************************************************************************
* BlueShoes Framework; This file is part of the php application framework.
* NOTE: This code is stripped (obfuscated). To get the clean documented code goto 
*       www.blueshoes.org and register for the free open source *DEVELOPER* version or 
*       buy the commercial version.
*       
*       In case you've already got the developer version, then this is one of the few 
*       packages/classes that is only available to *PAYING* customers.
*       To get it go to www.blueshoes.org and buy a commercial version.
* 
* @copyright www.blueshoes.org
* @author    Samuel Blume <sam at blueshoes dot org>
* @author    Andrej Arn <andrej at blueshoes dot org>
*/
if (!Bs_Objects) {var Bs_Objects = [];};function Bs_TabSet(outerElmId) {
var a = arguments;this._outerElmId = (a.length>1) ? a[1] :  a[0];this._id;this._objectId;this.tabs = new Array;this._activeTabIdx = 0;this._onTabSelectEvent
this._constructor = function() {
this._id = Bs_Objects.length;Bs_Objects[this._id] = this;this._objectId = "Bs_TabSet_"+this._id;}
this.addTab = function(caption, container) {
if (typeof(caption) == 'object') {
var o = caption;} else {
var o = new Object;o.caption   = caption;o.container = container;}
o.tabIdx = this.tabs.length;this.tabs[o.tabIdx] = o;}
this.render = function() {
var ret = new Array;ret[ret.length] = '<div class="tabsetTabsDiv">';ret[ret.length] = '<div style="width:2px; min-width:2px; display:inline;"></div>';for (var i=0; i<this.tabs.length; i++) {
if (i == this._activeTabIdx) {
var cls = 'bsTabsetActive';} else {
var cls = 'bsTabsetInactive';if (this.tabs[i].container) this.tabs[i].container.style.display = 'none';}
ret[ret.length] = '<div unselectable="On" id="' + this._objectId + '_tabCap_' + i + '" class="bsTabset ' + cls + '" style="display:inline;" onclick="Bs_Objects['+this._id+'].switchTo(' + i + ');">' + this.tabs[i].caption + '</div>';}
ret[ret.length] = '</div>';return ret.join('');}
this.draw = function() {
var elem = document.getElementById(this._outerElmId + '_tabs');if (elem) elem.innerHTML = this.render();}
this.switchTo = function(theReg) {
newRegIdx = -1;if (theReg=='') theReg = '0';if (isNaN(parseInt(theReg))) {
for (var i=0; i<this.tabs.length; i++) {
if (this.tabs[i].caption == theReg) (newRegIdx = i);}
} else {
newRegIdx = theReg;}
if (newRegIdx<0) return;for (var i=0; i<this.tabs.length; i++) {
var elem = document.getElementById(this._objectId + '_tabCap_' + i);if (!elem) continue;if (newRegIdx == i) {
this._activeTabIdx = i;elem.className = 'bsTabset bsTabsetActive';this.tabs[i].container.style.display = 'block';if (typeof(this.tabs[i].onFocus) != 'undefined') {
this._triggerFunction(this.tabs[i].onFocus);}
this.fireOnTabSelect();} else {
elem.className = 'bsTabset bsTabsetInactive';this.tabs[i].container.style.display = 'none';if (typeof(this.tabs[i].onBlur) != 'undefined') {
this._triggerFunction(this.tabs[i].onBlur);}
}
}
}
this.getActiveTab = function() {
return this.tabs[this._activeTabIdx];}
this.onTabSelect = function(yourEvent) {
this._onTabSelectEvent = yourEvent;}
this.fireOnTabSelect = function() {
if (this._onTabSelectEvent) {
func = this._onTabSelectEvent;if (this._onTabSelectEvent == 'string') {
eval(func);} else {
func(this);}
}
return true;}
this._triggerFunction = function(func) {
if (typeof(func) == 'function') {
func();} else if (typeof(func) == 'string') {
eval(func);}
}
this._constructor();}