149 lines
4.9 KiB
JavaScript
149 lines
4.9 KiB
JavaScript
/*
|
|
Product Name: dhtmlxSuite
|
|
Version: 4.0.3
|
|
Edition: Professional
|
|
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
|
Copyright UAB Dinamenta http://www.dhtmlx.com
|
|
*/
|
|
|
|
// effects: opacity, slide
|
|
dhtmlXMenuObject.prototype.enableEffect = function(name, maxOpacity, effectSpeed) {
|
|
|
|
this._menuEffect = (name=="opacity"||name=="slide"||name=="slide+"?name:false);
|
|
|
|
this._pOpStyleIE = (navigator.userAgent.search(/MSIE\s[678]\.0/gi)>=0); // opacity was added in IE9
|
|
|
|
for (var a in this.idPull) {
|
|
if (a.search(/polygon/) === 0) {
|
|
this._pOpacityApply(a,(this._pOpStyleIE?100:1));
|
|
this.idPull[a].style.height = "";
|
|
}
|
|
|
|
}
|
|
|
|
// opacity max value
|
|
this._pOpMax = (typeof(maxOpacity)=="undefined"?100:maxOpacity)/(this._pOpStyleIE?1:100);
|
|
|
|
// opacity css styles
|
|
this._pOpStyleName = (this._pOpStyleIE?"filter":"opacity");
|
|
this._pOpStyleValue = (this._pOpStyleIE?"progid:DXImageTransform.Microsoft.Alpha(Opacity=#)":"#");
|
|
|
|
|
|
// count of steps to open full polygon
|
|
this._pSlSteps = (this._pOpStyleIE?10:20);
|
|
|
|
// timeout to open polygon
|
|
this._pSlTMTimeMax = effectSpeed||50;
|
|
|
|
};
|
|
|
|
// extended show
|
|
dhtmlXMenuObject.prototype._showPolygonEffect = function(pId) {
|
|
this._pShowHide(pId, true);
|
|
};
|
|
|
|
// extended hide
|
|
dhtmlXMenuObject.prototype._hidePolygonEffect = function(pId) {
|
|
this._pShowHide(pId, false);
|
|
};
|
|
|
|
// apply opacity css
|
|
dhtmlXMenuObject.prototype._pOpacityApply = function(pId, val) {
|
|
this.idPull[pId].style[this._pOpStyleName] = String(this._pOpStyleValue).replace("#", val||this.idPull[pId]._op);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._pShowHide = function(pId, mode) {
|
|
|
|
if (!this.idPull) return;
|
|
|
|
// check if mode in progress
|
|
if (this.idPull[pId]._tmShow != null) {
|
|
if ((this.idPull[pId]._step_h > 0 && mode == true) || (this.idPull[pId]._step_h < 0 && mode == false)) return;
|
|
window.clearTimeout(this.idPull[pId]._tmShow);
|
|
this.idPull[pId]._tmShow = null;
|
|
this.idPull[pId]._max_h = null;
|
|
}
|
|
|
|
if (mode == false && (this.idPull[pId].style.visibility == "hidden" || this.idPull[pId].style.display == "none")) return;
|
|
|
|
if (mode == true && this.idPull[pId].style.display == "none") {
|
|
this.idPull[pId].style.visibility = "hidden";
|
|
this.idPull[pId].style.display = "";
|
|
}
|
|
|
|
// init values or show-hide revert
|
|
if (this.idPull[pId]._max_h == null) {
|
|
|
|
this.idPull[pId]._max_h = parseInt(this.idPull[pId].offsetHeight);
|
|
this.idPull[pId]._h = (mode==true?0:this.idPull[pId]._max_h);
|
|
this.idPull[pId]._step_h = Math.round(this.idPull[pId]._max_h/this._pSlSteps)*(mode==true?1:-1);
|
|
if (this.idPull[pId]._step_h == 0) return;
|
|
this.idPull[pId]._step_tm = Math.round(this._pSlTMTimeMax/this._pSlSteps);
|
|
|
|
if (this._menuEffect == "slide+" || this._menuEffect == "opacity") {
|
|
this.idPull[pId].op_tm = this.idPull[pId]._step_tm;
|
|
this.idPull[pId].op_step = (this._pOpMax/this._pSlSteps)*(mode==true?1:-1);
|
|
if (this._pOpStyleIE) this.idPull[pId].op_step = Math.round(this.idPull[pId].op_step);
|
|
this.idPull[pId]._op = (mode==true?0:this._pOpMax);
|
|
this._pOpacityApply(pId);
|
|
} else {
|
|
this.idPull[pId]._op = (this._pOpStyleIE?100:1);
|
|
this._pOpacityApply(pId);
|
|
}
|
|
|
|
// show first time
|
|
if (this._menuEffect.search(/slide/) === 0) this.idPull[pId].style.height = "0px";
|
|
this.idPull[pId].style.visibility = "visible";
|
|
|
|
}
|
|
|
|
// run cycle
|
|
this._pEffectSet(pId, this.idPull[pId]._h+this.idPull[pId]._step_h);
|
|
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._pEffectSet = function(pId, t) {
|
|
|
|
if (!this.idPull) return;
|
|
|
|
if (this.idPull[pId]._tmShow) window.clearTimeout(this.idPull[pId]._tmShow);
|
|
|
|
// check and apply next step
|
|
this.idPull[pId]._h = Math.max(0,Math.min(t,this.idPull[pId]._max_h));
|
|
if (this._menuEffect.search(/slide/) === 0) this.idPull[pId].style.height = this.idPull[pId]._h+"px";
|
|
|
|
t += this.idPull[pId]._step_h;
|
|
|
|
if (this._menuEffect == "slide+" || this._menuEffect == "opacity") {
|
|
this.idPull[pId]._op = Math.max(0,Math.min(this._pOpMax,this.idPull[pId]._op+this.idPull[pId].op_step));
|
|
this._pOpacityApply(pId);
|
|
}
|
|
|
|
if ((this.idPull[pId]._step_h > 0 && t <= this.idPull[pId]._max_h) || (this.idPull[pId]._step_h < 0 && t >= 0)) {
|
|
// continue
|
|
var k = this;
|
|
this.idPull[pId]._tmShow = window.setTimeout(function(){k._pEffectSet(pId,t);}, this.idPull[pId]._step_tm);
|
|
} else {
|
|
|
|
// clear height
|
|
if (this._menuEffect.search(/slide/) === 0) this.idPull[pId].style.height = "";
|
|
|
|
// hide completed
|
|
if (this.idPull[pId]._step_h < 0) this.idPull[pId].style.visibility = "hidden";
|
|
|
|
if (this._menuEffect == "slide+" || this._menuEffect == "opacity") {
|
|
this.idPull[pId]._op = (this.idPull[pId]._step_h<0?(this._pOpStyleIE?100:1):this._pOpMax);
|
|
this._pOpacityApply(pId);
|
|
}
|
|
|
|
// clear values
|
|
this.idPull[pId]._tmShow = null;
|
|
this.idPull[pId]._h = null;
|
|
this.idPull[pId]._max_h = null;
|
|
///this.idPull[pId]._step_h = null;
|
|
this.idPull[pId]._step_tm = null;
|
|
}
|
|
|
|
};
|
|
|