Add version files and new GIF images for UI components
This commit is contained in:
148
themes/sources4.0/dhtmlxMenu/codebase/ext/dhtmlxmenu_effects.js
Normal file
148
themes/sources4.0/dhtmlxMenu/codebase/ext/dhtmlxmenu_effects.js
Normal file
@ -0,0 +1,148 @@
|
||||
/*
|
||||
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;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
763
themes/sources4.0/dhtmlxMenu/codebase/ext/dhtmlxmenu_ext.js
Normal file
763
themes/sources4.0/dhtmlxMenu/codebase/ext/dhtmlxmenu_ext.js
Normal file
@ -0,0 +1,763 @@
|
||||
/*
|
||||
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
|
||||
*/
|
||||
|
||||
// enable/disable
|
||||
|
||||
dhtmlXMenuObject.prototype.setItemEnabled = function(id) {
|
||||
this._changeItemState(id, "enabled", this._getItemLevelType(id));
|
||||
};
|
||||
dhtmlXMenuObject.prototype.setItemDisabled = function(id) {
|
||||
this._changeItemState(id, "disabled", this._getItemLevelType(id));
|
||||
};
|
||||
dhtmlXMenuObject.prototype.isItemEnabled = function(id) {
|
||||
return (this.itemPull[this.idPrefix+id]!=null?(this.itemPull[this.idPrefix+id]["state"]=="enabled"):false);
|
||||
};
|
||||
|
||||
// enable/disable sublevel item
|
||||
dhtmlXMenuObject.prototype._changeItemState = function(id, newState, levelType) {
|
||||
var t = false;
|
||||
var j = this.idPrefix + id;
|
||||
if ((this.itemPull[j] != null) && (this.idPull[j] != null)) {
|
||||
if (this.itemPull[j]["state"] != newState) {
|
||||
this.itemPull[j]["state"] = newState;
|
||||
if (this.itemPull[j]["parent"] == this.idPrefix+this.topId && !this.conf.context) {
|
||||
this.idPull[j].className = "dhtmlxMenu_"+this.conf.skin+"_TopLevel_Item_"+(this.itemPull[j]["state"]=="enabled"?"Normal":"Disabled");
|
||||
} else {
|
||||
this.idPull[j].className = "sub_item"+(this.itemPull[j]["state"]=="enabled"?"":"_dis");
|
||||
}
|
||||
|
||||
this._updateItemComplexState(this.idPrefix+id, this.itemPull[this.idPrefix+id]["complex"], false);
|
||||
this._updateItemImage(id, levelType);
|
||||
// if changeItemState attached to onClick event and changing applies to selected item all selection should be reparsed
|
||||
if ((this.idPrefix + this.conf.last_click == j) && (levelType != "TopLevel")) {
|
||||
this._redistribSubLevelSelection(j, this.itemPull[j]["parent"]);
|
||||
}
|
||||
if (levelType == "TopLevel" && !this.conf.context) { // rebuild style.left and show nested polygons
|
||||
// this._redistribTopLevelSelection(id, "parent");
|
||||
}
|
||||
}
|
||||
}
|
||||
return t;
|
||||
};
|
||||
|
||||
|
||||
// set-get text
|
||||
dhtmlXMenuObject.prototype.getItemText = function(id) {
|
||||
return (this.itemPull[this.idPrefix+id]!=null?this.itemPull[this.idPrefix+id]["title"]:"");
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setItemText = function(id, text) {
|
||||
id = this.idPrefix + id;
|
||||
if ((this.itemPull[id] != null) && (this.idPull[id] != null)) {
|
||||
this._clearAndHide();
|
||||
this.itemPull[id]["title"] = text;
|
||||
if (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.conf.context) {
|
||||
// top level
|
||||
var tObj = null;
|
||||
for (var q=0; q<this.idPull[id].childNodes.length; q++) {
|
||||
try { if (this.idPull[id].childNodes[q].className == "top_level_text") tObj = this.idPull[id].childNodes[q]; } catch(e) {}
|
||||
}
|
||||
if (String(this.itemPull[id]["title"]).length == "" || this.itemPull[id]["title"] == null) {
|
||||
if (tObj != null) tObj.parentNode.removeChild(tObj);
|
||||
} else {
|
||||
if (!tObj) {
|
||||
tObj = document.createElement("DIV");
|
||||
tObj.className = "top_level_text";
|
||||
if (this.conf.rtl && this.idPull[id].childNodes.length > 0) this.idPull[id].insertBefore(tObj,this.idPull[id].childNodes[0]); else this.idPull[id].appendChild(tObj);
|
||||
}
|
||||
tObj.innerHTML = this.itemPull[id]["title"];
|
||||
}
|
||||
} else {
|
||||
// sub level
|
||||
var tObj = null;
|
||||
for (var q=0; q<this.idPull[id].childNodes[1].childNodes.length; q++) {
|
||||
if (String(this.idPull[id].childNodes[1].childNodes[q].className||"") == "sub_item_text") tObj = this.idPull[id].childNodes[1].childNodes[q];
|
||||
}
|
||||
if (String(this.itemPull[id]["title"]).length == "" || this.itemPull[id]["title"] == null) {
|
||||
if (tObj) {
|
||||
tObj.parentNode.removeChild(tObj);
|
||||
tObj = null;
|
||||
this.idPull[id].childNodes[1].innerHTML = " ";
|
||||
}
|
||||
} else {
|
||||
if (!tObj) {
|
||||
tObj = document.createElement("DIV");
|
||||
tObj.className = "sub_item_text";
|
||||
this.idPull[id].childNodes[1].innerHTML = "";
|
||||
this.idPull[id].childNodes[1].appendChild(tObj);
|
||||
}
|
||||
tObj.innerHTML = this.itemPull[id]["title"];
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// load from html
|
||||
dhtmlXMenuObject.prototype.loadFromHTML = function(objId, clearAfterAdd, onLoad) {
|
||||
|
||||
var t = this.conf.tags.item;
|
||||
this.conf.tags.item = "div";
|
||||
|
||||
var node = (typeof(objId)=="string"?document.getElementById(objId):objId);
|
||||
var items = this._xmlToJson(node, this.idPrefix+this.topId);
|
||||
this._initObj(items);
|
||||
|
||||
this.conf.tags.item = t;
|
||||
|
||||
if (clearAfterAdd) node.parentNode.removeChild(node);
|
||||
node = objOd = null;
|
||||
|
||||
if (onload != null) {
|
||||
if (typeof(onLoad) == "function") {
|
||||
onLoad();
|
||||
} else if (typeof(window[onLoad]) == "function") {
|
||||
window[onLoad]();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// show/hide items
|
||||
dhtmlXMenuObject.prototype.hideItem = function(id) {
|
||||
this._changeItemVisible(id, false);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.showItem = function(id) {
|
||||
this._changeItemVisible(id, true);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.isItemHidden = function(id) {
|
||||
var isHidden = null;
|
||||
if (this.idPull[this.idPrefix+id] != null) { isHidden = (this.idPull[this.idPrefix+id].style.display == "none"); }
|
||||
return isHidden;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._changeItemVisible = function(id, visible) {
|
||||
var itemId = this.idPrefix+id;
|
||||
if (this.itemPull[itemId] == null) return;
|
||||
if (this.itemPull[itemId]["type"] == "separator") { itemId = "separator_"+itemId; }
|
||||
if (this.idPull[itemId] == null) return;
|
||||
this.idPull[itemId].style.display = (visible?"":"none");
|
||||
this._redefineComplexState(this.itemPull[this.idPrefix+id]["parent"]);
|
||||
};
|
||||
|
||||
// userdata
|
||||
dhtmlXMenuObject.prototype.setUserData = function(id, name, value) {
|
||||
this.userData[this.idPrefix+id+"_"+name] = value;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.getUserData = function(id, name) {
|
||||
return (this.userData[this.idPrefix+id+"_"+name]!=null?this.userData[this.idPrefix+id+"_"+name]:null);
|
||||
};
|
||||
|
||||
// open-mode (win/web)
|
||||
dhtmlXMenuObject.prototype.setOpenMode = function(mode) {
|
||||
this.conf.mode = (mode=="win"?"win":"web");
|
||||
};
|
||||
|
||||
// web-mode timeout
|
||||
dhtmlXMenuObject.prototype.setWebModeTimeout = function(tm) {
|
||||
this.conf.tm_sec = (!isNaN(tm)?tm:400);
|
||||
};
|
||||
|
||||
// icons
|
||||
dhtmlXMenuObject.prototype.getItemImage = function(id) {
|
||||
var imgs = new Array(null, null);
|
||||
id = this.idPrefix+id;
|
||||
if (this.itemPull[id]["type"] == "item") {
|
||||
imgs[0] = this.itemPull[id]["imgen"];
|
||||
imgs[1] = this.itemPull[id]["imgdis"];
|
||||
}
|
||||
return imgs;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setItemImage = function(id, img, imgDis) {
|
||||
if (this.itemPull[this.idPrefix+id]["type"] != "item") return;
|
||||
this.itemPull[this.idPrefix+id]["imgen"] = img;
|
||||
this.itemPull[this.idPrefix+id]["imgdis"] = imgDis;
|
||||
this._updateItemImage(id, this._getItemLevelType(id));
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.clearItemImage = function(id) {
|
||||
this.setItemImage(id, "", "");
|
||||
};
|
||||
|
||||
// visible area
|
||||
dhtmlXMenuObject.prototype.setVisibleArea = function(x1, x2, y1, y2) {
|
||||
this.conf.v_enabled = true;
|
||||
this.conf.v.x1 = x1;
|
||||
this.conf.v.x2 = x2;
|
||||
this.conf.v.y1 = y1;
|
||||
this.conf.v.y2 = y2;
|
||||
};
|
||||
|
||||
// tooltips
|
||||
dhtmlXMenuObject.prototype.setTooltip = function(id, tip) {
|
||||
id = this.idPrefix+id;
|
||||
if (!(this.itemPull[id] != null && this.idPull[id] != null)) return;
|
||||
this.idPull[id].title = (tip.length > 0 ? tip : null);
|
||||
this.itemPull[id]["tip"] = tip;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.getTooltip = function(id) {
|
||||
if (this.itemPull[this.idPrefix+id] == null) return null;
|
||||
return this.itemPull[this.idPrefix+id]["tip"];
|
||||
};
|
||||
|
||||
|
||||
|
||||
dhtmlXMenuObject.prototype.setTopText = function(text) {
|
||||
if (this.conf.context) return;
|
||||
if (this._topText == null) {
|
||||
this._topText = document.createElement("DIV");
|
||||
this._topText.className = "dhtmlxMenu_TopLevel_Text_"+(this.conf.rtl?"left":(this.conf.align=="left"?"right":"left"));
|
||||
this.base.appendChild(this._topText);
|
||||
}
|
||||
this._topText.innerHTML = text;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setAlign = function(align) {
|
||||
if (this.conf.align == align) return;
|
||||
if (align == "left" || align == "right") {
|
||||
// if (this.setRTL) this.setRTL(false);
|
||||
this.conf.align = align;
|
||||
if (this.cont) this.cont.className = (this.conf.align=="right"?"align_right":"align_left");
|
||||
if (this._topText != null) this._topText.className = "dhtmlxMenu_TopLevel_Text_"+(this.conf.align=="left"?"right":"left");
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setHref = function(itemId, href, target) {
|
||||
if (this.itemPull[this.idPrefix+itemId] == null) return;
|
||||
this.itemPull[this.idPrefix+itemId]["href_link"] = href;
|
||||
if (target != null) this.itemPull[this.idPrefix+itemId]["href_target"] = target;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.clearHref = function(itemId) {
|
||||
if (this.itemPull[this.idPrefix+itemId] == null) return;
|
||||
delete this.itemPull[this.idPrefix+itemId]["href_link"];
|
||||
delete this.itemPull[this.idPrefix+itemId]["href_target"];
|
||||
};
|
||||
/*
|
||||
File [id="file"] -> Open [id="open"] -> Last Save [id="lastsave"]
|
||||
getCircuit("lastsave") will return Array("file", "open", "lastsave");
|
||||
*/
|
||||
|
||||
dhtmlXMenuObject.prototype.getCircuit = function(id) {
|
||||
var parents = new Array(id);
|
||||
while (this.getParentId(id) != this.topId) {
|
||||
id = this.getParentId(id);
|
||||
parents[parents.length] = id;
|
||||
}
|
||||
return parents.reverse();
|
||||
};
|
||||
// checkboxes
|
||||
dhtmlXMenuObject.prototype._getCheckboxState = function(id) {
|
||||
if (this.itemPull[this.idPrefix+id] == null) return null;
|
||||
return this.itemPull[this.idPrefix+id]["checked"];
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._setCheckboxState = function(id, state) {
|
||||
if (this.itemPull[this.idPrefix+id] == null) return;
|
||||
this.itemPull[this.idPrefix+id]["checked"] = state;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._updateCheckboxImage = function(id) {
|
||||
if (this.idPull[this.idPrefix+id] == null) return;
|
||||
this.itemPull[this.idPrefix+id]["imgen"] = "chbx_"+(this._getCheckboxState(id)?"1":"0");
|
||||
this.itemPull[this.idPrefix+id]["imgdis"] = this.itemPull[this.idPrefix+id]["imgen"];
|
||||
try { this.idPull[this.idPrefix+id].childNodes[(this.conf.rtl?2:0)].childNodes[0].className = "sub_icon "+this.itemPull[this.idPrefix+id]["imgen"]; } catch(e){}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._checkboxOnClickHandler = function(id, type, casState) {
|
||||
if (type.charAt(1)=="d") return;
|
||||
if (this.itemPull[this.idPrefix+id] == null) return;
|
||||
var state = this._getCheckboxState(id);
|
||||
if (this.checkEvent("onCheckboxClick")) {
|
||||
if (this.callEvent("onCheckboxClick", [id, state, this.conf.ctx_zoneid, casState])) {
|
||||
this.setCheckboxState(id, !state);
|
||||
}
|
||||
} else {
|
||||
this.setCheckboxState(id, !state);
|
||||
}
|
||||
// call onClick if exists
|
||||
if (this.checkEvent("onClick")) this.callEvent("onClick", [id]);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setCheckboxState = function(id, state) {
|
||||
this._setCheckboxState(id, state);
|
||||
this._updateCheckboxImage(id);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.getCheckboxState = function(id) {
|
||||
return this._getCheckboxState(id);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.addCheckbox = function(mode, nextToId, pos, itemId, itemText, state, disabled) {
|
||||
// checks
|
||||
if (this.conf.context && nextToId == this.topId) {
|
||||
// adding checkbox as first element to context menu
|
||||
// do nothing
|
||||
} else {
|
||||
if (this.itemPull[this.idPrefix+nextToId] == null) return;
|
||||
if (mode == "child" && this.itemPull[this.idPrefix+nextToId]["type"] != "item") return;
|
||||
}
|
||||
//
|
||||
var img = "chbx_"+(state?"1":"0");
|
||||
var imgDis = img;
|
||||
//
|
||||
|
||||
if (mode == "sibling") {
|
||||
|
||||
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
|
||||
var parentId = this.idPrefix+this.getParentId(nextToId);
|
||||
this._addItemIntoGlobalStrorage(id, parentId, itemText, "checkbox", disabled, img, imgDis);
|
||||
this.itemPull[id]["checked"] = state;
|
||||
this._renderSublevelItem(id, this.getItemPosition(nextToId));
|
||||
} else {
|
||||
|
||||
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
|
||||
var parentId = this.idPrefix+nextToId;
|
||||
this._addItemIntoGlobalStrorage(id, parentId, itemText, "checkbox", disabled, img, imgDis);
|
||||
this.itemPull[id]["checked"] = state;
|
||||
if (this.idPull["polygon_"+parentId] == null) { this._renderSublevelPolygon(parentId, parentId); }
|
||||
this._renderSublevelItem(id, pos-1);
|
||||
this._redefineComplexState(parentId);
|
||||
}
|
||||
};
|
||||
|
||||
// hot-keys
|
||||
dhtmlXMenuObject.prototype.setHotKey = function(id, hkey) {
|
||||
|
||||
id = this.idPrefix+id;
|
||||
|
||||
if (!(this.itemPull[id] != null && this.idPull[id] != null)) return;
|
||||
if (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.conf.context) return;
|
||||
if (this.itemPull[id]["complex"]) return;
|
||||
var t = this.itemPull[id]["type"];
|
||||
if (!(t == "item" || t == "checkbox" || t == "radio")) return;
|
||||
|
||||
// retrieve obj
|
||||
var hkObj = null;
|
||||
try { if (this.idPull[id].childNodes[this.conf.rtl?0:2].childNodes[0].className == "sub_item_hk") hkObj = this.idPull[id].childNodes[this.conf.rtl?0:2].childNodes[0]; } catch(e){}
|
||||
|
||||
if (hkey.length == 0) {
|
||||
// remove if exists
|
||||
this.itemPull[id]["hotkey_backup"] = this.itemPull[id]["hotkey"];
|
||||
this.itemPull[id]["hotkey"] = "";
|
||||
if (hkObj != null) hkObj.parentNode.removeChild(hkObj);
|
||||
|
||||
} else {
|
||||
|
||||
// add if needed or change
|
||||
this.itemPull[id]["hotkey"] = hkey;
|
||||
this.itemPull[id]["hotkey_backup"] = null;
|
||||
//
|
||||
if (hkObj == null) {
|
||||
hkObj = document.createElement("DIV");
|
||||
hkObj.className = "sub_item_hk";
|
||||
var item = this.idPull[id].childNodes[this.conf.rtl?0:2];
|
||||
while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
|
||||
item.appendChild(hkObj);
|
||||
}
|
||||
hkObj.innerHTML = hkey;
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.getHotKey = function(id) {
|
||||
if (this.itemPull[this.idPrefix+id] == null) return null;
|
||||
return this.itemPull[this.idPrefix+id]["hotkey"];
|
||||
};
|
||||
|
||||
// overflow control
|
||||
dhtmlXMenuObject.prototype._clearAllSelectedSubItemsInPolygon = function(polygon) {
|
||||
var subIds = this._getSubItemToDeselectByPolygon(polygon);
|
||||
// hide opened polygons and selected items
|
||||
for (var q=0; q<this.conf.opened_poly.length; q++) {
|
||||
if (this.conf.opened_poly[q] != polygon) this._hidePolygon(this.conf.opened_poly[q]);
|
||||
}
|
||||
for (var q=0; q<subIds.length; q++) {
|
||||
if (this.idPull[subIds[q]] != null && this.itemPull[subIds[q]]["state"] == "enabled") {
|
||||
this.idPull[subIds[q]].className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_Item_Normal";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// define normal/disabled arrows in polygon
|
||||
dhtmlXMenuObject.prototype._checkArrowsState = function(id) {
|
||||
var polygon = this.idPull["polygon_"+id].childNodes[1];
|
||||
var arrowUp = this.idPull["arrowup_"+id];
|
||||
var arrowDown = this.idPull["arrowdown_"+id];
|
||||
if (polygon.scrollTop == 0) {
|
||||
arrowUp.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowUp_Disabled";
|
||||
} else {
|
||||
arrowUp.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowUp" + (arrowUp.over ? "_Over" : "");
|
||||
}
|
||||
if (polygon.scrollTop + polygon.offsetHeight < polygon.scrollHeight) {
|
||||
arrowDown.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowDown" + (arrowDown.over ? "_Over" : "");
|
||||
} else {
|
||||
arrowDown.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowDown_Disabled";
|
||||
}
|
||||
polygon = arrowUp = arrowDown = null;
|
||||
};
|
||||
|
||||
// add up-limit-arrow
|
||||
dhtmlXMenuObject.prototype._addUpArrow = function(id) {
|
||||
var that = this;
|
||||
var arrow = document.createElement("DIV");
|
||||
arrow.pId = this.idPrefix+id;
|
||||
arrow.id = "arrowup_"+this.idPrefix+id;
|
||||
arrow.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowUp";
|
||||
|
||||
arrow.over = false;
|
||||
arrow.onselectstart = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
||||
arrow.oncontextmenu = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
||||
// actions
|
||||
arrow.onmouseover = function() {
|
||||
if (that.conf.mode == "web") { window.clearTimeout(that.conf.tm_handler); }
|
||||
that._clearAllSelectedSubItemsInPolygon(this.pId);
|
||||
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp_Disabled") return;
|
||||
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp_Over";
|
||||
this.over = true;
|
||||
that._canScrollUp = true;
|
||||
that._doScrollUp(this.pId, true);
|
||||
}
|
||||
arrow.onmouseout = function() {
|
||||
if (that.conf.mode == "web") {
|
||||
window.clearTimeout(that.conf.tm_handler);
|
||||
that.conf.tm_handler = window.setTimeout(function(){that._clearAndHide();}, that.conf.tm_sec, "JavaScript");
|
||||
}
|
||||
this.over = false;
|
||||
that._canScrollUp = false;
|
||||
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp_Disabled") return;
|
||||
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp";
|
||||
window.clearTimeout(that.conf.of_utm);
|
||||
}
|
||||
arrow.onclick = function(e) {
|
||||
e = e||event;
|
||||
if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
|
||||
e.cancelBubble = true;
|
||||
return false;
|
||||
}
|
||||
|
||||
var polygon = this.idPull["polygon_"+this.idPrefix+id];
|
||||
polygon.childNodes[0].appendChild(arrow);
|
||||
|
||||
this.idPull[arrow.id] = arrow;
|
||||
polygon = arrow = null;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._addDownArrow = function(id) {
|
||||
|
||||
var that = this;
|
||||
var arrow = document.createElement("DIV");
|
||||
arrow.pId = this.idPrefix+id;
|
||||
arrow.id = "arrowdown_"+this.idPrefix+id;
|
||||
arrow.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowDown";
|
||||
|
||||
arrow.over = false;
|
||||
arrow.onselectstart = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
||||
arrow.oncontextmenu = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
||||
|
||||
// actions
|
||||
arrow.onmouseover = function() {
|
||||
if (that.conf.mode == "web") { window.clearTimeout(that.conf.tm_handler); }
|
||||
that._clearAllSelectedSubItemsInPolygon(this.pId);
|
||||
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown_Disabled") return;
|
||||
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown_Over";
|
||||
this.over = true;
|
||||
that._canScrollDown = true;
|
||||
that._doScrollDown(this.pId, true);
|
||||
}
|
||||
arrow.onmouseout = function() {
|
||||
if (that.conf.mode == "web") {
|
||||
window.clearTimeout(that.conf.tm_handler);
|
||||
that.conf.tm_handler = window.setTimeout(function(){that._clearAndHide();}, that.conf.tm_sec, "JavaScript");
|
||||
}
|
||||
this.over = false;
|
||||
that._canScrollDown = false;
|
||||
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown_Disabled") return;
|
||||
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown";
|
||||
window.clearTimeout(that.conf.of_dtm);
|
||||
}
|
||||
arrow.onclick = function(e) {
|
||||
e = e||event;
|
||||
if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
|
||||
e.cancelBubble = true;
|
||||
return false;
|
||||
}
|
||||
|
||||
var polygon = this.idPull["polygon_"+this.idPrefix+id];
|
||||
polygon.childNodes[2].appendChild(arrow);
|
||||
|
||||
this.idPull[arrow.id] = arrow;
|
||||
polygon = arrow = null;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._removeUpArrow = function(id) {
|
||||
var fullId = "arrowup_"+this.idPrefix+id;
|
||||
this._removeArrow(fullId);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._removeDownArrow = function(id) {
|
||||
var fullId = "arrowdown_"+this.idPrefix+id;
|
||||
this._removeArrow(fullId);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._removeArrow = function(fullId) {
|
||||
var arrow = this.idPull[fullId];
|
||||
arrow.onselectstart = null;
|
||||
arrow.oncontextmenu = null;
|
||||
arrow.onmouseover = null;
|
||||
arrow.onmouseout = null;
|
||||
arrow.onclick = null;
|
||||
if (arrow.parentNode) arrow.parentNode.removeChild(arrow);
|
||||
arrow = null;
|
||||
this.idPull[fullId] = null;
|
||||
try { delete this.idPull[fullId]; } catch(e) {}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._isArrowExists = function(id) {
|
||||
if (this.idPull["arrowup_"+id] != null && this.idPull["arrowdown_"+id] != null) return true;
|
||||
return false;
|
||||
};
|
||||
|
||||
// scroll down
|
||||
dhtmlXMenuObject.prototype._doScrollUp = function(id, checkArrows) {
|
||||
var polygon = this.idPull["polygon_"+id].childNodes[1];
|
||||
if (this._canScrollUp && polygon.scrollTop > 0) {
|
||||
var theEnd = false;
|
||||
var nextScrollTop = polygon.scrollTop - this.conf.of_ustep;
|
||||
if (nextScrollTop < 0) {
|
||||
theEnd = true;
|
||||
nextScrollTop = 0;
|
||||
}
|
||||
polygon.scrollTop = nextScrollTop;
|
||||
if (!theEnd) {
|
||||
var that = this;
|
||||
this.conf.of_utm = window.setTimeout(function() {
|
||||
that._doScrollUp(id, false);
|
||||
that = null;
|
||||
}, this.conf.of_utime);
|
||||
} else {
|
||||
checkArrows = true;
|
||||
}
|
||||
} else {
|
||||
this._canScrollUp = false;
|
||||
this._checkArrowsState(id);
|
||||
}
|
||||
if (checkArrows) {
|
||||
this._checkArrowsState(id);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._doScrollDown = function(id, checkArrows) {
|
||||
var polygon = this.idPull["polygon_"+id].childNodes[1];
|
||||
if (this._canScrollDown && polygon.scrollTop + polygon.offsetHeight <= polygon.scrollHeight) {
|
||||
var theEnd = false;
|
||||
var nextScrollTop = polygon.scrollTop + this.conf.of_dstep;
|
||||
if (nextScrollTop + polygon.offsetHeight >= polygon.scrollHeight) {
|
||||
theEnd = true;
|
||||
nextScrollTop = polygon.scrollHeight - polygon.offsetHeight;
|
||||
}
|
||||
polygon.scrollTop = nextScrollTop;
|
||||
if (!theEnd) {
|
||||
var that = this;
|
||||
this.conf.of_dtm = window.setTimeout(function() {
|
||||
that._doScrollDown(id, false);
|
||||
that = null;
|
||||
}, this.conf.of_dtime);
|
||||
} else {
|
||||
checkArrows = true;
|
||||
}
|
||||
} else {
|
||||
this._canScrollDown = false;
|
||||
this._checkArrowsState(id);
|
||||
}
|
||||
if (checkArrows) {
|
||||
this._checkArrowsState(id);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._countPolygonItems = function(id) {
|
||||
var count = 0;
|
||||
for (var a in this.itemPull) {
|
||||
var par = this.itemPull[a]["parent"];
|
||||
var tp = this.itemPull[a]["type"];
|
||||
if (par == this.idPrefix+id && (tp == "item" || tp == "radio" || tp == "checkbox")) { count++; }
|
||||
}
|
||||
return count;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setOverflowHeight = function(itemsNum) {
|
||||
|
||||
// set auto overflow mode
|
||||
if (itemsNum === "auto") {
|
||||
this.conf.overflow_limit = 0;
|
||||
this.conf.auto_overflow = true;
|
||||
return;
|
||||
}
|
||||
|
||||
// no existing limitation, now new limitation
|
||||
if (this.conf.overflow_limit == 0 && itemsNum <= 0) return;
|
||||
|
||||
// hide menu to prevent visible changes
|
||||
this._clearAndHide();
|
||||
|
||||
// redefine existing limitation, arrows will added automatically with showPlygon
|
||||
if (this.conf.overflow_limit >= 0 && itemsNum > 0) {
|
||||
this.conf.overflow_limit = itemsNum;
|
||||
return;
|
||||
}
|
||||
|
||||
// remove existing limitation
|
||||
if (this.conf.overflow_limit > 0 && itemsNum <= 0) {
|
||||
for (var a in this.itemPull) {
|
||||
if (this._isArrowExists(a)) {
|
||||
var b = String(a).replace(this.idPrefix, "");
|
||||
this._removeUpArrow(b);
|
||||
this._removeDownArrow(b);
|
||||
// remove polygon's height
|
||||
this.idPull["polygon_"+a].childNodes[1].style.height = "";
|
||||
}
|
||||
}
|
||||
this.conf.overflow_limit = 0;
|
||||
return;
|
||||
}
|
||||
};
|
||||
|
||||
// radiobuttons
|
||||
dhtmlXMenuObject.prototype._getRadioImgObj = function(id) {
|
||||
try { var imgObj = this.idPull[this.idPrefix+id].childNodes[(this.conf.rtl?2:0)].childNodes[0] } catch(e) { var imgObj = null; }
|
||||
return imgObj;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._setRadioState = function(id, state) {
|
||||
// if (this.itemPull[this.idPrefix+id]["state"] != "enabled") return;
|
||||
var imgObj = this._getRadioImgObj(id);
|
||||
if (imgObj != null) {
|
||||
// fix, added in 0.4
|
||||
var rObj = this.itemPull[this.idPrefix+id];
|
||||
rObj["checked"] = state;
|
||||
rObj["imgen"] = "rdbt_"+(rObj["checked"]?"1":"0");
|
||||
rObj["imgdis"] = rObj["imgen"];
|
||||
imgObj.className = "sub_icon "+rObj["imgen"];
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._radioOnClickHandler = function(id, type, casState) {
|
||||
if (type.charAt(1)=="d" || this.itemPull[this.idPrefix+id]["group"]==null) return;
|
||||
// deselect all from the same group
|
||||
var group = this.itemPull[this.idPrefix+id]["group"];
|
||||
if (this.checkEvent("onRadioClick")) {
|
||||
if (this.callEvent("onRadioClick", [group, this.getRadioChecked(group), id, this.conf.ctx_zoneid, casState])) {
|
||||
this.setRadioChecked(group, id);
|
||||
}
|
||||
} else {
|
||||
this.setRadioChecked(group, id);
|
||||
}
|
||||
// call onClick if exists
|
||||
if (this.checkEvent("onClick")) this.callEvent("onClick", [id]);
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.getRadioChecked = function(group) {
|
||||
var id = null;
|
||||
for (var q=0; q<this.radio[group].length; q++) {
|
||||
var itemId = this.radio[group][q].replace(this.idPrefix, "");
|
||||
var imgObj = this._getRadioImgObj(itemId);
|
||||
if (imgObj != null) {
|
||||
var checked = (imgObj.className).match(/rdbt_1$/gi);
|
||||
if (checked != null) id = itemId;
|
||||
}
|
||||
}
|
||||
return id;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype.setRadioChecked = function(group, id) {
|
||||
if (this.radio[group] == null) return;
|
||||
for (var q=0; q<this.radio[group].length; q++) {
|
||||
var itemId = this.radio[group][q].replace(this.idPrefix, "");
|
||||
this._setRadioState(itemId, (itemId==id));
|
||||
}
|
||||
}
|
||||
|
||||
dhtmlXMenuObject.prototype.addRadioButton = function(mode, nextToId, pos, itemId, itemText, group, state, disabled) {
|
||||
// radiobutton
|
||||
if (this.conf.context && nextToId == this.topId) {
|
||||
// adding radiobutton as first element to context menu
|
||||
// do nothing
|
||||
} else {
|
||||
if (this.itemPull[this.idPrefix+nextToId] == null) return;
|
||||
if (mode == "child" && this.itemPull[this.idPrefix+nextToId]["type"] != "item") return;
|
||||
}
|
||||
|
||||
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
|
||||
var img = "rdbt_"+(state?"1":"0");
|
||||
var imgDis = img;
|
||||
//
|
||||
if (mode == "sibling") {
|
||||
var parentId = this.idPrefix+this.getParentId(nextToId);
|
||||
this._addItemIntoGlobalStrorage(id, parentId, itemText, "radio", disabled, img, imgDis);
|
||||
this._renderSublevelItem(id, this.getItemPosition(nextToId));
|
||||
} else {
|
||||
var parentId = this.idPrefix+nextToId;
|
||||
this._addItemIntoGlobalStrorage(id, parentId, itemText, "radio", disabled, img, imgDis);
|
||||
if (this.idPull["polygon_"+parentId] == null) { this._renderSublevelPolygon(parentId, parentId); }
|
||||
this._renderSublevelItem(id, pos-1);
|
||||
this._redefineComplexState(parentId);
|
||||
}
|
||||
//
|
||||
var gr = (group!=null?group:this._genStr(24));
|
||||
this.itemPull[id]["group"] = gr;
|
||||
//
|
||||
if (this.radio[gr]==null) { this.radio[gr] = new Array(); }
|
||||
this.radio[gr][this.radio[gr].length] = id;
|
||||
//
|
||||
if (state == true) this.setRadioChecked(gr, String(id).replace(this.idPrefix, ""));
|
||||
};
|
||||
|
||||
// serialize
|
||||
dhtmlXMenuObject.prototype.serialize = function() {
|
||||
var xml = "<menu>"+this._readLevel(this.idPrefix+this.topId)+"</menu>";
|
||||
return xml;
|
||||
};
|
||||
|
||||
dhtmlXMenuObject.prototype._readLevel = function(parentId) {
|
||||
var xml = "";
|
||||
for (var a in this.itemPull) {
|
||||
if (this.itemPull[a]["parent"] == parentId) {
|
||||
var imgEn = "";
|
||||
var imgDis = "";
|
||||
var hotKey = "";
|
||||
var itemId = String(this.itemPull[a]["id"]).replace(this.idPrefix,"");
|
||||
var itemType = "";
|
||||
var itemText = (this.itemPull[a]["title"]!=""?' text="'+this.itemPull[a]["title"]+'"':"");
|
||||
var itemState = "";
|
||||
if (this.itemPull[a]["type"] == "item") {
|
||||
if (this.itemPull[a]["imgen"] != "") imgEn = ' img="'+this.itemPull[a]["imgen"]+'"';
|
||||
if (this.itemPull[a]["imgdis"] != "") imgDis = ' imgdis="'+this.itemPull[a]["imgdis"]+'"';
|
||||
if (this.itemPull[a]["hotkey"] != "") hotKey = '<hotkey>'+this.itemPull[a]["hotkey"]+'</hotkey>';
|
||||
}
|
||||
if (this.itemPull[a]["type"] == "separator") {
|
||||
itemType = ' type="separator"';
|
||||
} else {
|
||||
if (this.itemPull[a]["state"] == "disabled") itemState = ' enabled="false"';
|
||||
}
|
||||
if (this.itemPull[a]["type"] == "checkbox") {
|
||||
itemType = ' type="checkbox"'+(this.itemPull[a]["checked"]?' checked="true"':"");
|
||||
}
|
||||
if (this.itemPull[a]["type"] == "radio") {
|
||||
itemType = ' type="radio" group="'+this.itemPull[a]["group"]+'" '+(this.itemPull[a]["checked"]?' checked="true"':"");
|
||||
}
|
||||
xml += "<item id='"+itemId+"'"+itemText+itemType+imgEn+imgDis+itemState+">";
|
||||
xml += hotKey;
|
||||
if (this.itemPull[a]["complex"]) xml += this._readLevel(a);
|
||||
xml += "</item>";
|
||||
}
|
||||
}
|
||||
return xml;
|
||||
};
|
||||
Reference in New Issue
Block a user