/**
* @desc: a constructor, creates a new dhtmlxMenu object, baseId defines a base object for the top menu level
* @param: baseId - id of the html element to which a menu will be attached, in case of a contextual menu - if specified, will used as a contextual zone
* @type: public
*/
function dhtmlXMenuObject(baseId, skin) {
var main_self = this;
this.addBaseIdAsContextZone = null;
this.isDhtmlxMenuObject = true;
// skin settings
this.skin = (skin != null ? skin : (typeof(dhtmlx) != "undefined" && typeof(dhtmlx.skin) == "string" ? dhtmlx.skin : "dhx_skyblue"));
this.imagePath = "";
// iframe
this._isIE6 = false;
if (_isIE) this._isIE6 = (window.XMLHttpRequest==null?true:false);
if (baseId == null) {
this.base = document.body;
} else {
var baseObj = (typeof(baseId)=="string"?document.getElementById(baseId):baseId);
if (baseObj != null) {
this.base = baseObj;
if (!this.base.id) this.base.id = (new Date()).valueOf();
while (this.base.childNodes.length > 0) { this.base.removeChild(this.base.childNodes[0]); }
this.base.className += " dhtmlxMenu_"+this.skin+"_Middle dir_left";
this.base._autoSkinUpdate = true;
// preserv default oncontextmenu for future restorin in case of context menu
if (this.base.oncontextmenu) this.base._oldContextMenuHandler = this.base.oncontextmenu;
//
this.addBaseIdAsContextZone = this.base.id;
this.base.onselectstart = function(e) { e = e || event; e.returnValue = false; return false; }
this.base.oncontextmenu = function(e) { e = e || event; e.returnValue = false; return false; }
} else {
this.base = document.body;
}
}
// this.topId = topId;
this.topId = "dhxWebMenuTopId";
//
if (!this.extendedModule) {
// add notify for menu
var t = function(){alert(this.i18n.dhxmenuextalert);};
var extMethods = new Array("setItemEnabled", "setItemDisabled", "isItemEnabled", "_changeItemState", "getItemText", "setItemText",
"loadFromHTML", "hideItem", "showItem", "isItemHidden", "_changeItemVisible", "setUserData", "getUserData",
"setOpenMode", "setWebModeTimeout", "enableDynamicLoading", "_updateLoaderIcon", "getItemImage", "setItemImage",
"clearItemImage", "setAutoShowMode", "setAutoHideMode", "setContextMenuHideAllMode", "getContextMenuHideAllMode",
"setVisibleArea", "setTooltip", "getTooltip", "setHotKey", "getHotKey", "setItemSelected", "setTopText", "setRTL",
"setAlign", "setHref", "clearHref", "getCircuit", "_clearAllSelectedSubItemsInPolygon", "_checkArrowsState",
"_addUpArrow", "_addDownArrow", "_removeUpArrow", "_removeDownArrow", "_isArrowExists", "_doScrollUp", "_doScrollDown",
"_countPolygonItems", "setOverflowHeight", "_getRadioImgObj", "_setRadioState", "_radioOnClickHandler",
"getRadioChecked", "setRadioChecked", "addRadioButton", "_getCheckboxState", "_setCheckboxState", "_readLevel",
"_updateCheckboxImage", "_checkboxOnClickHandler", "setCheckboxState", "getCheckboxState", "addCheckbox", "serialize");
for (var q=0; q<extMethods.length; q++) if (!this[extMethods[q]]) this[extMethods[q]] = t;
extMethods = null;
}
// should be used for frameset in IE
this.fixedPosition = false;
this.menuSelected = -1;
this.menuLastClicked = -1;
this.idPrefix = "";
this.itemTagName = "item";
this.itemTextTagName = "itemtext";
this.userDataTagName = "userdata";
this.itemTipTagName = "tooltip";
this.itemHotKeyTagName = "hotkey";
this.itemHrefTagName = "href";
this.dirTopLevel = "bottom";
this.dirSubLevel = "right";
this.menuX1 = null;
this.menuX2 = null;
this.menuY1 = null;
this.menuY2 = null;
this.menuMode = "web";
this.menuTimeoutMsec = 400;
this.menuTimeoutHandler = null;
this.autoOverflow = false;
this.idPull = {};
this.itemPull = {};
this.userData = {};
this.radio = {};
//
this._rtl = false;
this._align = "left";
//
this.menuTouched = false;
//
this.zIndInit = 1200;
this.zInd = this.zIndInit;
this.zIndStep = 50;
//
this.menuModeTopLevelTimeout = true; // shows sublevel polygons from toplevel items with delay
this.menuModeTopLevelTimeoutTime = 200; // msec
//
// default skin
// this.skin = "Standard";
// skin-based params
this._topLevelBottomMargin = 1;
this._topLevelRightMargin = 0;
this._topLevelOffsetLeft = 1;
this._arrowFFFix = (_isIE?(document.compatMode=="BackCompat"?0:-4):-4); // border fixer for FF for arrows polygons
/**
* @desc: changes menu skin
* @param: skin - skin name
* @type: public
*/
this.setSkin = function(skin) {
var oldSkin = this.skin;
this.skin = skin;
switch (this.skin){
case "dhx_black":
case "dhx_blue":
case "dhx_skyblue":
case "dhx_web":
this._topLevelBottomMargin = 2;
this._topLevelRightMargin = 1;
this._topLevelOffsetLeft = 1;
this._arrowFFFix = (_isIE?(document.compatMode=="BackCompat"?0:-4):-4);
break;
case "dhx_web":
this._arrowFFFix = 0;
break;
case "dhx_terrace":
this._topLevelBottomMargin = 0;
this._topLevelRightMargin = 0;
this._topLevelOffsetLeft = 0;
this._arrowFFFix = (_isIE?(document.compatMode=="BackCompat"?0:-4):-4);
break;
}
if (this.base._autoSkinUpdate) {
this.base.className = this.base.className.replace("dhtmlxMenu_"+oldSkin+"_Middle", "")+" dhtmlxMenu_"+this.skin+"_Middle";
}
for (var a in this.idPull) {
this.idPull[a].className = String(this.idPull[a].className).replace(oldSkin, this.skin);
}
}
this.setSkin(this.skin);
//
this.dLoad = false;
this.dLoadUrl = "";
this.dLoadSign = "?";
this.loaderIcon = false;
this.limit = 0;
//
this._scrollUpTM = null;
this._scrollUpTMTime = 20;
this._scrollUpTMStep = 3;
this._scrollDownTM = null;
this._scrollDownTMTime = 20;
this._scrollDownTMStep = 3;
/* context menu */
this.context = false;
this.contextZones = {};
this.contextMenuZoneId = false;
this.contextAutoShow = true; /* default open action */
this.contextAutoHide = true; /* default close action */
this.contextHideAllMode = true; /* true will hide all opened contextual menu polygons on mouseout, false - all except topleft */
this._selectedSubItems = new Array();
this._openedPolygons = new Array();
this._addSubItemToSelected = function(item, polygon) {
var t = true;
for (var q=0; q<this._selectedSubItems.length; q++) { if ((this._selectedSubItems[q][0] == item) && (this._selectedSubItems[q][1] == polygon)) { t = false; } }
if (t == true) { this._selectedSubItems.push(new Array(item, polygon)); }
return t;
}
this._removeSubItemFromSelected = function(item, polygon) {
var m = new Array();
var t = false;
for (var q=0; q<this._selectedSubItems.length; q++) { if ((this._selectedSubItems[q][0] == item) && (this._selectedSubItems[q][1] == polygon)) { t = true; } else { m[m.length] = this._selectedSubItems[q]; } }
if (t == true) { this._selectedSubItems = m; }
return t;
}
this._getSubItemToDeselectByPolygon = function(polygon) {
var m = new Array();
for (var q=0; q<this._selectedSubItems.length; q++) {
if (this._selectedSubItems[q][1] == polygon) {
m[m.length] = this._selectedSubItems[q][0];
m = m.concat(this._getSubItemToDeselectByPolygon(this._selectedSubItems[q][0]));
var t = true;
for (var w=0; w<this._openedPolygons.length; w++) { if (this._openedPolygons[w] == this._selectedSubItems[q][0]) { t = false; } }
if (t == true) { this._openedPolygons[this._openedPolygons.length] = this._selectedSubItems[q][0]; }
this._selectedSubItems[q][0] = -1;
this._selectedSubItems[q][1] = -1;
}
}
return m;
}
/* end */
/* define polygon's position for dinamic content rendering and shows it, added in version 0.3 */
this._hidePolygon = function(id) {
if (this.idPull["polygon_" + id] != null) {
if (typeof(this._menuEffect) != "undefined" && this._menuEffect !== false) {
this._hidePolygonEffect("polygon_"+id);
} else {
// already hidden
if (this.idPull["polygon_"+id].style.display == "none") return;
//
this.idPull["polygon_"+id].style.display = "none";
if (this.idPull["arrowup_"+id] != null) { this.idPull["arrowup_"+id].style.display = "none"; }
if (this.idPull["arrowdown_"+id] != null) { this.idPull["arrowdown_"+id].style.display = "none"; }
this._updateItemComplexState(id, true, false);
// hide ie6 cover
if (this._isIE6) { if (this.idPull["polygon_"+id+"_ie6cover"] != null) { this.idPull["polygon_"+id+"_ie6cover"].style.display = "none"; } }
}
// call event
id = String(id).replace(this.idPrefix, "");
if (id == this.topId) id = null;
this.callEvent("onHide", [id]);
// corners
if (id != null && this.skin == "dhx_terrace" && this.itemPull[this.idPrefix+id].parent == this.idPrefix+this.topId) {
this._improveTerraceButton(this.idPrefix+id, true);
}
}
}
this._showPolygon = function(id, openType) {
var itemCount = this._countVisiblePolygonItems(id);
if (itemCount == 0) return;
var pId = "polygon_"+id;
if ((this.idPull[pId] != null) && (this.idPull[id] != null)) {
if (this.menuModeTopLevelTimeout && this.menuMode == "web" && !this.context) {
if (!this.idPull[id]._mouseOver && openType == this.dirTopLevel) return;
}
// detect visible area
if (!this.fixedPosition) this._autoDetectVisibleArea();
// show arrows
var arrUpH = 0;
var arrDownH = 0;
//
var arrowUp = null;
var arrowDown = null;
// show polygon
this.idPull[pId].style.visibility = "hidden";
this.idPull[pId].style.left = "0px";
this.idPull[pId].style.top = "0px";
this.idPull[pId].style.display = "";
this.idPull[pId].style.zIndex = this.zInd;
//
if (this.autoOverflow) {
if (this.idPull[pId].firstChild.offsetHeight > this.menuY1+this.menuY2) {
var t0 = Math.floor((this.menuY2-this.menuY1-35)/24);
this.limit = t0;
} else {
this.limit = 0;
if (this.idPull["arrowup_"+id] != null) this._removeUpArrow(String(id).replace(this.idPrefix,""));
if (this.idPull["arrowdown_"+id] != null) this._removeDownArrow(String(id).replace(this.idPrefix,""));
}
}
//#menu_overflow:06062008#{
if (this.limit > 0 && this.limit < itemCount) {
// add overflow arrows if they not exists
if (this.idPull["arrowup_"+id] == null) this._addUpArrow(String(id).replace(this.idPrefix,""));
if (this.idPull["arrowdown_"+id] == null) this._addDownArrow(String(id).replace(this.idPrefix,""));
// configure up arrow
arrowUp = this.idPull["arrowup_"+id];
arrowUp.style.visibility = "hidden";
arrowUp.style.display = "";
arrowUp.style.zIndex = this.zInd;
arrUpH = arrowUp.offsetHeight;
// configure bottom arrow
arrowDown = this.idPull["arrowdown_"+id];
arrowDown.style.visibility = "hidden";
arrowDown.style.display = "";
arrowDown.style.zIndex = this.zInd;
arrDownH = arrowDown.offsetHeight;
}
//#}
if (this.limit > 0) {
if (this.limit < itemCount) {
// set fixed size
// this.idPull[pId].style.height = this.idPull[pId].tbd.childNodes[0].offsetHeight*this.limit+"px";// + arrUpH + arrDownH;
this.idPull[pId].style.height = 24*this.limit+"px";
this.idPull[pId].scrollTop = 0;
} else {
// remove fixed size
this.idPull[pId].style.height = "";
}
}
//
this.zInd += this.zIndStep;
//
// console.log(this.idPull)
if (this.itemPull[id] != null) {
var parPoly = "polygon_"+this.itemPull[id]["parent"];
} else if (this.context) {
var parPoly = this.idPull[this.idPrefix+this.topId];
}
/*
// debug info
if (parPoly == null) {
alert("Implementation error. Please report support@dhtmlx.com");
}
*/
//
//
// define position
var srcX = (this.idPull[id].tagName != null ? getAbsoluteLeft(this.idPull[id]) : this.idPull[id][0]);
var srcY = (this.idPull[id].tagName != null ? getAbsoluteTop(this.idPull[id]) : this.idPull[id][1]);
var srcW = (this.idPull[id].tagName != null ? this.idPull[id].offsetWidth : 0);
var srcH = (this.idPull[id].tagName != null ? this.idPull[id].offsetHeight : 0);
var x = 0;
var y = 0;
var w = this.idPull[pId].offsetWidth;
var h = this.idPull[pId].offsetHeight + arrUpH + arrDownH;
//console.log(srcY,h,window.innerHeight,document.body.scrollTop)
/*
var bottomOverflow = (srcY+h > window.innerHeight+document.body.scrollTop);
if (bottomOverflow) {
if (openType == "bottom") openType = "top";
if (openType == "right" || openType == "left") {
srcY = srcY-h;
}
}
*/
// pos
if (openType == "bottom") {
if (this._rtl) {
x = srcX + (srcW!=null?srcW:0) - w;
} else {
if (this._align == "right") {
x = srcX + srcW - w;
} else {
x = srcX - 1 + (openType==this.dirTopLevel?this._topLevelRightMargin:0);
}
}
y = srcY - 1 + srcH + this._topLevelBottomMargin;
}
if (openType == "right") { x = srcX + srcW - 1; y = srcY + 2; }
if (openType == "left") { x = srcX - this.idPull[pId].offsetWidth + 2; y = srcY + 2; }
if (openType == "top") { x = srcX - 1; y = srcY - h + 2; }
// overflow check
if (this.fixedPosition) {
// use fixed document.body/window dimension if required
var mx = 65536;
var my = 65536;
} else {
var mx = (this.menuX2!=null?this.menuX2:0);
var my = (this.menuY2!=null?this.menuY2:0);
if (mx == 0) {
if (window.innerWidth) {
mx = window.innerWidth;
my = window.innerHeight;
} else {
mx = document.body.offsetWidth;
my = document.body.scrollHeight;
}
}
}
if (x+w > mx && !this._rtl) {
// no space on right, open to left
x = srcX - w + 2;
}
if (x < this.menuX1 && this._rtl) {
// no space on left, open to right
x = srcX + srcW - 2;
}
if (x < 0) {
// menu floats left
x = 0;
}
if (y+h > my && this.menuY2 != null) {
y = Math.max(srcY + srcH - h + 2, (this._isVisibleArea?this.menuY1+2:2));
// open from top level
if (this.context && this.idPrefix+this.topId == id && arrowDown != null) {
// autoscroll prevent because menu mouse pointer will right over downarrow
y = y-2;
}
if (this.itemPull[id] != null && !this.context) {
if (this.itemPull[id]["parent"] == this.idPrefix+this.topId) y = y - this.base.offsetHeight;
}
}
//
this.idPull[pId].style.left = x+"px";
this.idPull[pId].style.top = y+arrUpH+"px";
//
if (typeof(this._menuEffect) != "undefined" && this._menuEffect !== false) {
this._showPolygonEffect(pId);
} else {
this.idPull[pId].style.visibility = "";
//#menu_overflow:06062008#{
if (this.limit > 0 && this.limit < itemCount) {
// this.idPull[pId].scrollTop = 0;
arrowUp.style.left = x+"px";
arrowUp.style.top = y+"px";
arrowUp.style.width = w+this._arrowFFFix+"px";
arrowUp.style.visibility = "";
//
arrowDown.style.left = x+"px";
arrowDown.style.top = y+h-arrDownH+"px";
arrowDown.style.width = w+this._arrowFFFix+"px";
arrowDown.style.visibility = "";
//
this._checkArrowsState(id);
}
//#}
// show ie6 cover
if (this._isIE6) {
var pIdIE6 = pId+"_ie6cover";
if (this.idPull[pIdIE6] == null) {
var ifr = document.createElement("IFRAME");
ifr.className = "dhtmlxMenu_IE6CoverFix_"+this.skin;
ifr.frameBorder = 0;
ifr.setAttribute("src", "javascript:false;");
document.body.insertBefore(ifr, document.body.firstChild);
this.idPull[pIdIE6] = ifr;
}
this.idPull[pIdIE6].style.left = x+"px";
this.idPull[pIdIE6].style.top = y+"px";
this.idPull[pIdIE6].style.width = w+"px";
this.idPull[pIdIE6].style.height = h+"px";
this.idPull[pIdIE6].style.zIndex = this.idPull[pId].style.zIndex-1;
this.idPull[pIdIE6].style.display = "";
}
}
id = String(id).replace(this.idPrefix, "");
if (id == this.topId) id = null;
this.callEvent("onShow", [id]);
// corners
if (id != null && this.skin == "dhx_terrace" && this.itemPull[this.idPrefix+id].parent == this.idPrefix+this.topId) {
this._improveTerraceButton(this.idPrefix+id, false);
}
// this.callEvent("_onPolyShow",[id.replace(this.idPrefix,"")]);
}
}
/* redistrib sublevel selection: select id and deselect other, added in version 0.3 */
this._redistribSubLevelSelection = function(id, parentId) {
// clear previosly selected items
while (this._openedPolygons.length > 0) this._openedPolygons.pop();
// this._openedPolygons = new Array();
var i = this._getSubItemToDeselectByPolygon(parentId);
this._removeSubItemFromSelected(-1, -1);
for (var q=0; q<i.length; q++) { if ((this.idPull[i[q]] != null) && (i[q] != id)) { if (this.itemPull[i[q]]["state"] == "enabled") { this.idPull[i[q]].className = "sub_item"; } } }
// hide polygons
for (var q=0; q<this._openedPolygons.length; q++) { if (this._openedPolygons[q] != parentId) { this._hidePolygon(this._openedPolygons[q]); } }
// add new selection into list new
if (this.itemPull[id]["state"] == "enabled") {
this.idPull[id].className = "sub_item_selected";
if (this.itemPull[id]["complex"] && this.dLoad && (this.itemPull[id]["loaded"]=="no")) {
if (this.loaderIcon == true) { this._updateLoaderIcon(id, true); }
var xmlLoader = new dtmlXMLLoaderObject(this._xmlParser, window);
this.itemPull[id]["loaded"] = "get";
this.callEvent("onXLS", []);
xmlLoader.loadXML(this.dLoadUrl+this.dLoadSign+"action=loadMenu&parentId="+id.replace(this.idPrefix,"")+"&etc="+new Date().getTime());
}
// show
if (this.itemPull[id]["complex"] || (this.dLoad && (this.itemPull[id]["loaded"] == "yes"))) {
// make arrow over
if ((this.itemPull[id]["complex"]) && (this.idPull["polygon_" + id] != null)) {
this._updateItemComplexState(id, true, true);
this._showPolygon(id, this.dirSubLevel);
}
}
this._addSubItemToSelected(id, parentId);
this.menuSelected = id;
}
}
/* onClickMenu action (click on any end item to perform some actions)
optimized in version 0.3 added type feature (click on disabled items, click on complex nodes)
attachEvent feature from 0.4 */
this._doOnClick = function(id, type, casState) {
this.menuLastClicked = id;
// href
if (this.itemPull[this.idPrefix+id]["href_link"] != null && this.itemPull[this.idPrefix+id].state == "enabled") {
var form = document.createElement("FORM");
var k = String(this.itemPull[this.idPrefix+id]["href_link"]).split("?");
form.action = k[0];
if (k[1] != null) {
var p = String(k[1]).split("&");
for (var q=0; q<p.length; q++) {
var j = String(p[q]).split("=");
var m = document.createElement("INPUT");
m.type = "hidden";
m.name = (j[0]||"");
m.value = (j[1]||"");
form.appendChild(m);
}
}
if (this.itemPull[this.idPrefix+id]["href_target"] != null) { form.target = this.itemPull[this.idPrefix+id]["href_target"]; }
form.style.display = "none";
document.body.appendChild(form);
form.submit();
if (form != null) {
document.body.removeChild(form);
form = null;
}
return;
}
//
// some fixes
if (type.charAt(0)=="c") return; // can't click on complex item
if (type.charAt(1)=="d") return; // can't click on disabled item
if (type.charAt(2)=="s") return; // can't click on separator
//
if (this.checkEvent("onClick")) {
// this.callEvent("onClick", [id, type, this.contextMenuZoneId]);
this.callEvent("onClick", [id, this.contextMenuZoneId, casState]);
} else {
if ((type.charAt(1) == "d") || (this.menuMode == "win" && type.charAt(2) == "t")) return;
}
if (this.context && this._isContextMenuVisible() && this.contextAutoHide) {
this._hideContextMenu();
} else {
// if menu unloaded from click event
if (this._clearAndHide) this._clearAndHide();
}
}
/* onTouchMenu action (select topLevel item), attachEvent added in 0.4 */
this._doOnTouchMenu = function(id) {
if (this.menuTouched == false) {
this.menuTouched = true;
if (this.checkEvent("onTouch")) {
this.callEvent("onTouch", [id]);
}
}
}
// this._onTouchHandler = function(id) { }
// this._setOnTouchHandler = function(handler) { this._onTouchHandler = function(id) { handler(id); } }
/* return menu array of all nested objects */
this._searchMenuNode = function(node, menu) {
var m = new Array();
for (var q=0; q<menu.length; q++) {
if (typeof(menu[q]) == "object") {
if (menu[q].length == 5) { if (typeof(menu[q][0]) != "object") { if ((menu[q][0].replace(this.idPrefix, "") == node) && (q == 0)) { m = menu; } } }
var j = this._searchMenuNode(node, menu[q]);
if (j.length > 0) { m = j; }
}
}
return m;
}
/* return array of subitems for single menu object */
/* modified in version 0.3 */
this._getMenuNodes = function(node) {
var m = new Array;
for (var a in this.itemPull) { if (this.itemPull[a]["parent"] == node) { m[m.length] = a; } }
return m;
}
/* generate random string with specified length */
this._genStr = function(w) {
var s = ""; var z = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
for (var q=0; q<w; q++) s += z.charAt(Math.round(Math.random() * (z.length-1)));
return s;
}
/**
* @desc: return item type by id
* @param: id
* @type: public
*/
this.getItemType = function(id) {
id = this.idPrefix+id;
if (this.itemPull[id] == null) { return null; }
return this.itemPull[id]["type"];
}
/*
* @desc: iterator, calls user-defined handler for each existing item and pass item id into it
* @param: handler - user-defined handler
* @type: public
*/
this.forEachItem = function(handler) {
for (var a in this.itemPull) { handler(String(a).replace(this.idPrefix, "")); }
}
/* clear selection and hide menu on onbody click event, optimized in version 0.3 */
this._clearAndHide = function() {
main_self.menuSelected = -1;
main_self.menuLastClicked = -1;
while (main_self._openedPolygons.length > 0) { main_self._openedPolygons.pop(); }
for (var q=0; q<main_self._selectedSubItems.length; q++) {
var id = main_self._selectedSubItems[q][0];
// clear all selection
if (main_self.idPull[id] != null) {
if (main_self.itemPull[id]["state"] == "enabled") {
if (main_self.idPull[id].className == "sub_item_selected") main_self.idPull[id].className = "sub_item";
if (main_self.idPull[id].className == "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Selected") {
// main_self.idPull[id].className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Normal";
// custom css
// console.log(main_self.itemPull[this.id])
if (main_self.itemPull[id]["cssNormal"] != null) {
// alert(1)
main_self.idPull[id].className = main_self.itemPull[id]["cssNormal"];
} else {
// default css
main_self.idPull[id].className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Normal";
}
}
}
}
main_self._hidePolygon(id);
}
// added in 0.4
// main_self._hidePolygon(main_self.idPrefix+main_self.topId);
main_self.menuTouched = false;
//
// hide all contextmenu polygons on mouseout
if (main_self.context) {
if (main_self.contextHideAllMode) {
main_self._hidePolygon(main_self.idPrefix+main_self.topId);
main_self.zInd = main_self.zIndInit;
} else {
main_self.zInd = main_self.zIndInit+main_self.zIndStep;
}
}
}
/* loading and parsing through xml, optimized in version 0.3 */
this._doOnLoad = function() {}
/**
* @desc: loads menu data from an xml file and calls onLoadFunction when loading is done
* @param: xmlFile - an xml file with webmenu data
* @param: onLoadFunction - a function that is called after loading is done
* @type: public
*/
this.loadXML = function(xmlFile, onLoadFunction) {
if (onLoadFunction) this._doOnLoad = function() { onLoadFunction(); };
this.callEvent("onXLS", []);
this._xmlLoader.loadXML(xmlFile);
}
/**
* @desc: loads menu data from an xml string and calls onLoadFunction when loading is done
* @param: xmlFile - an xml string with webmenu data
* @param: onLoadFunction - function that is called after loading is done
* @type: public
*/
this.loadXMLString = function(xmlString, onLoadFunction) {
if (onLoadFunction) this._doOnLoad = function() { onLoadFunction(); };
this._xmlLoader.loadXMLString(xmlString);
}
this._buildMenu = function(t, parentId) {
// if (parentId==null) { parentId = this.topId;}
var u = 0;
for (var q=0; q<t.childNodes.length; q++) {
if (t.childNodes[q].tagName == this.itemTagName) {
var r = t.childNodes[q];
var item = {};
// basic
item["id"] = this.idPrefix+(r.getAttribute("id")||this._genStr(24));
item["title"] = r.getAttribute("text")||"";
// images
item["imgen"] = r.getAttribute("img")||"";
item["imgdis"] = r.getAttribute("imgdis")||"";
item["tip"] = "";
item["hotkey"] = "";
// custom css
if (r.getAttribute("cssNormal") != null) { item["cssNormal"] = r.getAttribute("cssNormal"); }
// type
item["type"] = r.getAttribute("type")||"item";
//#menu_checks:06062008{
if (item["type"] == "checkbox") {
item["checked"] = (r.getAttribute("checked")!=null);
// set classname
item["imgen"] = "chbx_"+(item["checked"]?"1":"0");
item["imgdis"] = item["imgen"];
}
//#}
//#menu_radio:06062008{
if (item["type"] == "radio") {
item["checked"] = (r.getAttribute("checked")!=null);
item["imgen"] = "rdbt_"+(item["checked"]?"1":"0");
item["imgdis"] = item["imgen"];
item["group"] = r.getAttribute("group")||this._genStr(24);
if (this.radio[item["group"]]==null) { this.radio[item["group"]] = new Array(); }
this.radio[item["group"]][this.radio[item["group"]].length] = item["id"];
}
//#}
// enable/disable
item["state"] = (r.getAttribute("enabled")!=null||r.getAttribute("disabled")!=null?(r.getAttribute("enabled")=="false"||r.getAttribute("disabled")=="true"?"disabled":"enabled"):"enabled");
item["parent"] = (parentId!=null?parentId:this.idPrefix+this.topId);
// item["complex"] = (((this.dLoad)&&(parentId!=null))?(r.getAttribute("complex")!=null?true:false):(this._buildMenu(r,item["id"])>0));
item["complex"] = (this.dLoad?(r.getAttribute("complex")!=null?true:false):(this._buildMenu(r,item["id"])>0));
if (this.dLoad && item["complex"]) { item["loaded"] = "no"; }
this.itemPull[item["id"]] = item;
// check for user data
for (var w=0; w<r.childNodes.length; w++) {
// added in 0.4
var tagNm = r.childNodes[w].tagName;
if (tagNm != null) { tagNm = tagNm.toLowerCase(); }
//
if (tagNm == this.userDataTagName) {
var d = r.childNodes[w];
if (d.getAttribute("name")!=null) { this.userData[item["id"]+"_"+d.getAttribute("name")] = (d.firstChild!=null&&d.firstChild.nodeValue!=null?d.firstChild.nodeValue:""); }
}
// extended text, added in 0.4
if (tagNm == this.itemTextTagName) { item["title"] = r.childNodes[w].firstChild.nodeValue; }
// tooltips, added in 0.4
if (tagNm == this.itemTipTagName) { item["tip"] = r.childNodes[w].firstChild.nodeValue; }
// hotkeys, added in 0.4
if (tagNm == this.itemHotKeyTagName) { item["hotkey"] = r.childNodes[w].firstChild.nodeValue; }
// hrefs
if (tagNm == this.itemHrefTagName && item["type"] == "item") {
item["href_link"] = r.childNodes[w].firstChild.nodeValue;
if (r.childNodes[w].getAttribute("target") != null) { item["href_target"] = r.childNodes[w].getAttribute("target"); }
}
}
u++;
}
}
return u;
}
/* parse incoming xml */
this._xmlParser = function() {
if (main_self.dLoad) {
var t = this.getXMLTopNode("menu");
parentId = (t.getAttribute("parentId")!=null?t.getAttribute("parentId"):null);
if (parentId == null) {
// alert(1)
// main_self.idPrefix = main_self._genStr(12);
main_self._buildMenu(t, null);
main_self._initTopLevelMenu();
} else {
main_self._buildMenu(t, main_self.idPrefix+parentId);
main_self._addSubMenuPolygon(main_self.idPrefix+parentId, main_self.idPrefix+parentId);//, main_self.idPull[main_self.idPrefix+parentId]);
if (main_self.menuSelected == main_self.idPrefix+parentId) {
var pId = main_self.idPrefix+parentId;
var isTop = main_self.itemPull[main_self.idPrefix+parentId]["parent"]==main_self.idPrefix+main_self.topId;
var level = ((isTop&&(!main_self.context))?main_self.dirTopLevel:main_self.dirSubLevel);
var isShow = false;
if (isTop && main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
var item = main_self.idPull[main_self.idPrefix+parentId];
if (item._mouseOver == true) {
var delay = main_self.menuModeTopLevelTimeoutTime - (new Date().getTime()-item._dynLoadTM);
if (delay > 1) {
item._menuOpenTM = window.setTimeout(function(){ main_self._showPolygon(pId, level); }, delay);
isShow = true;
}
}
}
if (!isShow) { main_self._showPolygon(pId, level); }
}
main_self.itemPull[main_self.idPrefix+parentId]["loaded"] = "yes";
// console.log(main_self.loaderIcon)
if (main_self.loaderIcon == true) { main_self._updateLoaderIcon(main_self.idPrefix+parentId, false); }
}
this.destructor();
main_self.callEvent("onXLE",[]);
} else {
var t = this.getXMLTopNode("menu");
// alert(3)
// main_self.idPrefix = main_self._genStr(12);
main_self._buildMenu(t, null);
main_self.init();
main_self.callEvent("onXLE",[]);
main_self._doOnLoad();
}
}
this._xmlLoader = new dtmlXMLLoaderObject(this._xmlParser, window);
/* show sublevel item */
this._showSubLevelItem = function(id,back) {
if (document.getElementById("arrow_" + this.idPrefix + id) != null) { document.getElementById("arrow_" + this.idPrefix + id).style.display = (back?"none":""); }
if (document.getElementById("image_" + this.idPrefix + id) != null) { document.getElementById("image_" + this.idPrefix + id).style.display = (back?"none":""); }
if (document.getElementById(this.idPrefix + id) != null) { document.getElementById(this.idPrefix + id).style.display = (back?"":"none"); }
}
/* hide sublevel item */
this._hideSubLevelItem = function(id) {
this._showSubLevelItem(id,true)
}
// generating id prefix
this.idPrefix = this._genStr(12);
/* attach body events */
this._bodyClick = function(e) {
e = e||event;
if (e.button == 2 || (_isOpera && e.ctrlKey == true)) return;
if (main_self.context) {
if (main_self.contextAutoHide && (!_isOpera || (main_self._isContextMenuVisible() && _isOpera))) main_self._hideContextMenu();
} else {
if (main_self._clearAndHide) main_self._clearAndHide();
}
}
this._bodyContext = function(e) {
e = e||event;
var t = String((e.srcElement||e.target).className);
if (t.search("dhtmlxMenu") != -1 && t.search("SubLevelArea") != -1) return;
var toHide = true;
var testZone = e.target || e.srcElement;
while (testZone != null) {
if (testZone.id != null) if (main_self.isContextZone(testZone.id)) toHide = false;
if (testZone == document.body) toHide = false;
testZone = testZone.parentNode;
}
if (toHide) main_self.hideContextMenu();
}
if (_isIE) {
document.body.attachEvent("onclick", this._bodyClick);
document.body.attachEvent("oncontextmenu", this._bodyContext);
} else {
window.addEventListener("click", this._bodyClick, false);
window.addEventListener("contextmenu", this._bodyContext, false);
}
// add menu to global store
this._UID = this._genStr(32);
dhtmlxMenuObjectLiveInstances[this._UID] = this;
/* events */
dhtmlxEventable(this);
//
return this;
}
dhtmlXMenuObject.prototype.init = function() {
if (this._isInited == true) return;
if (this.dLoad) {
this.callEvent("onXLS", []);
// this._xmlLoader.loadXML(this.dLoadUrl+"?action=loadMenu&parentId="+this.topId+"&topId="+this.topId);
this._xmlLoader.loadXML(this.dLoadUrl+this.dLoadSign+"action=loadMenu&etc="+new Date().getTime()); // &&parentId=topId&"+this.topId+"&topId="+this.topId);
} else {
this._initTopLevelMenu();
this._isInited = true;
}
}
dhtmlXMenuObject.prototype._countVisiblePolygonItems = function(id) {
/*
var count = 0;
if ((this.idPull["polygon_"+id] != null) && (this.idPull[id] != null)) {
for (var q=0; q<this.idPull["polygon_"+id].childNodes.length; q++) {
var node = this.idPull["polygon_"+id].childNodes[q];
count += (((node.style.display=="none")||(node.className=="dhtmlxMenu_SubLevelArea_Separator"))?0:1);
}
}
*/
/* updated in 0.4 */
var count = 0;
// console.log(this.idPull)
for (var a in this.itemPull) {
//console.log(a)
var par = this.itemPull[a]["parent"];
var tp = this.itemPull[a]["type"];
if (this.idPull[a] != null) {
// console.log(this.idPull[a])
// alert(1111)
if (par == id && (tp == "item" || tp == "radio" || tp == "checkbox") && this.idPull[a].style.display != "none") {
count++;
}
}
}
return count;
}
dhtmlXMenuObject.prototype._redefineComplexState = function(id) {
// alert(id)
if (this.idPrefix+this.topId == id) { return; }
if ((this.idPull["polygon_"+id] != null) && (this.idPull[id] != null)) {
var u = this._countVisiblePolygonItems(id);
if ((u > 0) && (!this.itemPull[id]["complex"])) { this._updateItemComplexState(id, true, false); }
if ((u == 0) && (this.itemPull[id]["complex"])) { this._updateItemComplexState(id, false, false); }
}
}
/* complex arrow manipulations, over added in 0.4 */
dhtmlXMenuObject.prototype._updateItemComplexState = function(id, state, over) {
// 0.2 FIX :: topLevel's items can have complex items with arrow
if ((!this.context) && (this._getItemLevelType(id.replace(this.idPrefix,"")) == "TopLevel")) {
// 30.06.2008 fix > complex state for top level item, state only, no arrow
this.itemPull[id]["complex"] = state;
return;
}
if ((this.idPull[id] == null) || (this.itemPull[id] == null)) { return; }
// 0.2 FIX :: end
this.itemPull[id]["complex"] = state;
// fixed in 0.4 for context
if (id == this.idPrefix+this.topId) return;
// end fix
// try to retrieve arrow img object
var arrowObj = null;
var item = this.idPull[id].childNodes[this._rtl?0:2];
if (item.childNodes[0]) if (String(item.childNodes[0].className).search("complex_arrow") === 0) arrowObj = item.childNodes[0];
if (this.itemPull[id]["complex"]) {
// create arrow
if (arrowObj == null) {
arrowObj = document.createElement("DIV");
arrowObj.className = "complex_arrow";
arrowObj.id = "arrow_"+id;
while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
item.appendChild(arrowObj);
}
// over state added in 0.4
if (this.dLoad && (this.itemPull[id]["loaded"] == "get") && this.loaderIcon) {
// change arrow to loader
if (arrowObj.className != "complex_arrow_loading") arrowObj.className = "complex_arrow_loading";
} else {
arrowObj.className = "complex_arrow";
}
return;
}
if ((!this.itemPull[id]["complex"]) && (arrowObj!=null)) {
item.removeChild(arrowObj);
if (this.itemPull[id]["hotkey_backup"] != null && this.setHotKey) { this.setHotKey(id.replace(this.idPrefix, ""), this.itemPull[id]["hotkey_backup"]); }
}
}
/* return css-part level type */
dhtmlXMenuObject.prototype._getItemLevelType = function(id) {
return (this.itemPull[this.idPrefix+id]["parent"]==this.idPrefix+this.topId?"TopLevel":"SubLevelArea");
}
/****************************************************************************************************************************************************/
/* "TOPLEVEL" LOW-LEVEL RENDERING */
/* redistrib selection in case of top node in real-time mode */
dhtmlXMenuObject.prototype._redistribTopLevelSelection = function(id, parent) {
// kick polygons and decelect before selected menues
var i = this._getSubItemToDeselectByPolygon("parent");
this._removeSubItemFromSelected(-1, -1);
for (var q=0; q<i.length; q++) {
if (i[q] != id) { this._hidePolygon(i[q]); }
if ((this.idPull[i[q]] != null) && (i[q] != id)) { this.idPull[i[q]].className = this.idPull[i[q]].className.replace(/Selected/g, "Normal"); }
}
// check if enabled
if (this.itemPull[this.idPrefix+id]["state"] == "enabled") {
this.idPull[this.idPrefix+id].className = "dhtmlxMenu_"+this.skin+"_TopLevel_Item_Selected";
//
this._addSubItemToSelected(this.idPrefix+id, "parent");
this.menuSelected = (this.menuMode=="win"?(this.menuSelected!=-1?id:this.menuSelected):id);
if ((this.itemPull[this.idPrefix+id]["complex"]) && (this.menuSelected != -1)) { this._showPolygon(this.idPrefix+id, this.dirTopLevel); }
}
}
dhtmlXMenuObject.prototype._initTopLevelMenu = function() {
// console.log(this.idPull);
this.dirTopLevel = "bottom";
this.dirSubLevel = (this._rtl?"left":"right");
if (this.context) {
this.idPull[this.idPrefix+this.topId] = new Array(0,0);
this._addSubMenuPolygon(this.idPrefix+this.topId, this.idPrefix+this.topId);
} else {
var m = this._getMenuNodes(this.idPrefix + this.topId);
for (var q=0; q<m.length; q++) {
if (this.itemPull[m[q]]["type"] == "item") this._renderToplevelItem(m[q], null);
if (this.itemPull[m[q]]["type"] == "separator") this._renderSeparator(m[q], null);
}
}
}
/* add top menu item, complex define that submenues are in presence */
dhtmlXMenuObject.prototype._renderToplevelItem = function(id, pos) {
var main_self = this;
var m = document.createElement("DIV");
m.id = id;
// custom css
if (this.itemPull[id]["state"] == "enabled" && this.itemPull[id]["cssNormal"] != null) {
m.className = this.itemPull[id]["cssNormal"];
} else {
m.className = "dhtmlxMenu_"+this.skin+"_TopLevel_Item_"+(this.itemPull[id]["state"]=="enabled"?"Normal":"Disabled");
}
// text
if (this.itemPull[id]["title"] != "") {
var t1 = document.createElement("DIV");
t1.className = "top_level_text";
t1.innerHTML = this.itemPull[id]["title"];
m.appendChild(t1);
}
// tooltip
if (this.itemPull[id]["tip"].length > 0) m.title = this.itemPull[id]["tip"];
//
// image in top level
if ((this.itemPull[id]["imgen"]!="")||(this.itemPull[id]["imgdis"]!="")) {
var imgTop=this.itemPull[id][(this.itemPull[id]["state"]=="enabled")?"imgen":"imgdis"];
if (imgTop) {
var img = document.createElement("IMG");
img.border = "0";
img.id = "image_"+id;
img.src= this.imagePath+imgTop;
img.className = "dhtmlxMenu_TopLevel_Item_Icon";
if (m.childNodes.length > 0 && !this._rtl) m.insertBefore(img, m.childNodes[0]); else m.appendChild(img);
}
}
m.onselectstart = function(e) { e = e || event; e.returnValue = false; return false; }
m.oncontextmenu = function(e) { e = e || event; e.returnValue = false; return false; }
// add container for top-level items if not exists yet
if (!this.cont) {
this.cont = document.createElement("DIV");
this.cont.dir = "ltr";
this.cont.className = (this._align=="right"?"align_right":"align_left");
this.base.appendChild(this.cont);
}
// insert
/*
if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > this.base.childNodes.length - 1) pos = null; }
if (pos != null) this.base.insertBefore(m, this.base.childNodes[pos]); else this.base.appendChild(m);
*/
if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > this.cont.childNodes.length - 1) pos = null; }
if (pos != null) this.cont.insertBefore(m, this.cont.childNodes[pos]); else this.cont.appendChild(m);
//
this.idPull[m.id] = m;
// create submenues
if (this.itemPull[id]["complex"] && (!this.dLoad)) this._addSubMenuPolygon(this.itemPull[id]["id"], this.itemPull[id]["id"]);
// events
m.onmouseover = function() {
if (main_self.menuMode == "web") { window.clearTimeout(main_self.menuTimeoutHandler); }
// kick polygons and decelect before selected menues
var i = main_self._getSubItemToDeselectByPolygon("parent");
main_self._removeSubItemFromSelected(-1, -1);
for (var q=0; q<i.length; q++) {
if (i[q] != this.id) { main_self._hidePolygon(i[q]); }
if ((main_self.idPull[i[q]] != null) && (i[q] != this.id)) {
// custom css
if (main_self.itemPull[i[q]]["cssNormal"] != null) {
main_self.idPull[i[q]].className = main_self.itemPull[i[q]]["cssNormal"];
} else {
if (main_self.idPull[i[q]].className == "sub_item_selected") main_self.idPull[i[q]].className = "sub_item";
main_self.idPull[i[q]].className = main_self.idPull[i[q]].className.replace(/Selected/g, "Normal");
}
}
}
// check if enabled
if (main_self.itemPull[this.id]["state"] == "enabled") {
this.className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Selected";
//
main_self._addSubItemToSelected(this.id, "parent");
main_self.menuSelected = (main_self.menuMode=="win"?(main_self.menuSelected!=-1?this.id:main_self.menuSelected):this.id);
if (main_self.dLoad && (main_self.itemPull[this.id]["loaded"]=="no")) {
if (main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
this._mouseOver = true;
this._dynLoadTM = new Date().getTime();
}
var xmlLoader = new dtmlXMLLoaderObject(main_self._xmlParser, window);
main_self.itemPull[this.id]["loaded"] = "get";
main_self.callEvent("onXLS", []);
xmlLoader.loadXML(main_self.dLoadUrl+main_self.dLoadSign+"action=loadMenu&parentId="+this.id.replace(main_self.idPrefix,"")+"&etc="+new Date().getTime());
}
if ((!main_self.dLoad) || (main_self.dLoad && (!main_self.itemPull[this.id]["loaded"] || main_self.itemPull[this.id]["loaded"]=="yes"))) {
if ((main_self.itemPull[this.id]["complex"]) && (main_self.menuSelected != -1)) {
if (main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
this._mouseOver = true;
var showItemId = this.id;
this._menuOpenTM = window.setTimeout(function(){main_self._showPolygon(showItemId, main_self.dirTopLevel);}, main_self.menuModeTopLevelTimeoutTime);
} else {
main_self._showPolygon(this.id, main_self.dirTopLevel);
}
}
}
}
main_self._doOnTouchMenu(this.id.replace(main_self.idPrefix, ""));
}
m.onmouseout = function() {
if (!((main_self.itemPull[this.id]["complex"]) && (main_self.menuSelected != -1)) && (main_self.itemPull[this.id]["state"]=="enabled")) {
// custom css
// console.log(main_self.itemPull[this.id])
if (main_self.itemPull[this.id]["cssNormal"] != null) {
// alert(1)
m.className = main_self.itemPull[this.id]["cssNormal"];
} else {
// default css
m.className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Normal";
}
}
if (main_self.menuMode == "web") {
window.clearTimeout(main_self.menuTimeoutHandler);
main_self.menuTimeoutHandler = window.setTimeout(function(){main_self._clearAndHide();}, main_self.menuTimeoutMsec, "JavaScript");
}
if (main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
this._mouseOver = false;
window.clearTimeout(this._menuOpenTM);
}
}
m.onclick = function(e) {
if (main_self.menuMode == "web") { window.clearTimeout(main_self.menuTimeoutHandler); }
// fix, added in 0.4
if (main_self.menuMode != "web" && main_self.itemPull[this.id]["state"] == "disabled") { return; }
//
e = e || event;
e.cancelBubble = true;
e.returnValue = false;
if (main_self.menuMode == "win") {
if (main_self.itemPull[this.id]["complex"]) {
if (main_self.menuSelected == this.id) { main_self.menuSelected = -1; var s = false; } else { main_self.menuSelected = this.id; var s = true; }
if (s) { main_self._showPolygon(this.id, main_self.dirTopLevel); } else { main_self._hidePolygon(this.id); }
}
}
var tc = (main_self.itemPull[this.id]["complex"]?"c":"-");
var td = (main_self.itemPull[this.id]["state"]!="enabled"?"d":"-");
var cas = {"ctrl": e.ctrlKey, "alt": e.altKey, "shift": e.shiftKey};
main_self._doOnClick(this.id.replace(main_self.idPrefix, ""), tc+td+"t", cas);
return false;
}
if (this.skin == "dhx_terrace") {
this._improveTerraceSkin();
}
}
/****************************************************************************************************************************************************/
/**
* @desc: empty function, now more used from 90226
* @type: public
*/
dhtmlXMenuObject.prototype.setImagePath = function() { /* no more used */ }
/**
* @desc: defines an url where necessary user embedded icons are located
* @param: path - url to images
* @type: public
*/
dhtmlXMenuObject.prototype.setIconsPath = function(path) { this.imagePath = path; }
/**
* @desc: alias for setIconsPath
* @type: public
*/
dhtmlXMenuObject.prototype.setIconPath = dhtmlXMenuObject.prototype.setIconsPath;
/* real-time update icon in menu */
dhtmlXMenuObject.prototype._updateItemImage = function(id, levelType) {
// search existsing image
id = this.idPrefix+id;
var isTopLevel = (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.context);
// search existing image
var imgObj = null;
if (isTopLevel) {
for (var q=0; q<this.idPull[id].childNodes.length; q++) {
try { if (this.idPull[id].childNodes[q].className == "dhtmlxMenu_TopLevel_Item_Icon") imgObj = this.idPull[id].childNodes[q]; } catch(e) {}
}
} else {
try { var imgObj = this.idPull[id].childNodes[this._rtl?2:0].childNodes[0]; } catch(e) { }
}
if (this.itemPull[id]["type"] == "radio") {
var imgSrc = this.itemPull[id][(this.itemPull[id]["state"]=="enabled"?"imgen":"imgdis")];
// console.log(this.itemPull[this.idPrefix+id])
} else {
var imgSrc = this.itemPull[id][(this.itemPull[id]["state"]=="enabled"?"imgen":"imgdis")];
}
if (imgSrc.length > 0) {
if (imgObj != null) {
imgObj.src = this.imagePath+imgSrc;
} else {
if (isTopLevel) {
var imgObj = document.createElement("IMG");
imgObj.className = "dhtmlxMenu_TopLevel_Item_Icon";
imgObj.src = this.imagePath+imgSrc;
imgObj.border = "0";
imgObj.id = "image_"+id;
if (!this._rtl && this.idPull[id].childNodes.length > 0) this.idPull[id].insertBefore(imgObj,this.idPull[id].childNodes[0]); else this.idPull[id].appendChild(imgObj);
} else {
var imgObj = document.createElement("IMG");
imgObj.className = "sub_icon";
imgObj.src = this.imagePath+imgSrc;
imgObj.border = "0";
imgObj.id = "image_"+id;
var item = this.idPull[id].childNodes[this._rtl?2:0];
while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
item.appendChild(imgObj);
}
}
} else {
if (imgObj != null) imgObj.parentNode.removeChild(imgObj);
}
}
/**
* @desc: removes an item from the menu with all nested sublevels
* @param: id - id of the item for removing
* @type: public
*/
dhtmlXMenuObject.prototype.removeItem = function(id, _isTId, _recCall) {
if (!_isTId) id = this.idPrefix + id;
var pId = null;
if (id != this.idPrefix+this.topId) {
if (this.itemPull[id] == null) return;
// effects
if (this.idPull["polygon_"+id] && this.idPull["polygon_"+id]._tmShow) window.clearTimeout(this.idPull["polygon_"+id]._tmShow);
// separator top
var t = this.itemPull[id]["type"];
if (t == "separator") {
var item = this.idPull["separator_"+id];
if (this.itemPull[id]["parent"] == this.idPrefix+this.topId) {
item.onclick = null;
item.onselectstart = null;
item.id = null;
item.parentNode.removeChild(item);
} else {
item.childNodes[0].childNodes[0].onclick = null;
item.childNodes[0].childNodes[0].onselectstart = null;
item.childNodes[0].childNodes[0].id = null;
item.childNodes[0].removeChild(item.childNodes[0].childNodes[0]);
item.removeChild(item.childNodes[0]);
item.parentNode.removeChild(item);
}
this.idPull["separator_"+id] = null;
this.itemPull[id] = null;
delete this.idPull["separator_"+id];
delete this.itemPull[id];
item = null;
} else {
// item checkbox radio
pId = this.itemPull[id]["parent"];
var item = this.idPull[id];
item.onclick = null;
item.oncontextmenu = null;
item.onmouseover = null;
item.onmouseout = null;
item.onselectstart = null;
item.id = null;
while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
item.parentNode.removeChild(item);
this.idPull[id] = null;
this.itemPull[id] = null;
delete this.idPull[id];
delete this.itemPull[id];
item = null;
}
t = null;
}
// clear nested items
for (var a in this.itemPull) if (this.itemPull[a]["parent"] == id) this.removeItem(a, true, true);
// check if empty polygon left
var p2 = new Array(id);
if (pId != null && !_recCall) {
if (this.idPull["polygon_"+pId] != null) {
if (this.idPull["polygon_"+pId].tbd.childNodes.length == 0) {
p2.push(pId);
this._updateItemComplexState(pId, false, false);
}
}
}
// delete nested polygons and parent's if any
for (var q=0; q<p2.length; q++) {
if (this.idPull["polygon_"+p2[q]]) {
var p = this.idPull["polygon_"+p2[q]];
p.onclick = null;
p.oncontextmenu = null;
p.tbl.removeChild(p.tbd);
p.tbd = null;
p.removeChild(p.tbl);
p.tbl = null;
p.id = null;
p.parentNode.removeChild(p);
p = null;
if (this._isIE6) {
var pc = "polygon_"+p2[q]+"_ie6cover";
if (this.idPull[pc] != null) { document.body.removeChild(this.idPull[pc]); delete this.idPull[pc]; }
}
if (this.idPull["arrowup_"+id] != null && this._removeArrow) this._removeArrow("arrowup_"+id);
if (this.idPull["arrowdown_"+id] != null && this._removeArrow) this._removeArrow("arrowdown_"+id);
//
this.idPull["polygon_"+p2[q]] = null;
delete this.idPull["polygon_"+p2[q]];
}
}
p2 = null;
// update corners
if (this.skin == "dhx_terrace" && arguments.length == 1) this._improveTerraceSkin();
}
/* collect parents for remove complex item */
dhtmlXMenuObject.prototype._getAllParents = function(id) {
var parents = new Array();
for (var a in this.itemPull) {
if (this.itemPull[a]["parent"] == id) {
parents[parents.length] = this.itemPull[a]["id"];
if (this.itemPull[a]["complex"]) {
var t = this._getAllParents(this.itemPull[a]["id"]);
for (var q=0; q<t.length; q++) { parents[parents.length] = t[q]; }
}
}
}
return parents;
}
//#menu_context:06062008{
/****************************************************************************************************************************************************/
/* CONTEXT STUFF */
/* render dhtmlxMenu as context menu of base object */
/**
* @desc: renders menu as contextual
* @type: public
*/
dhtmlXMenuObject.prototype.renderAsContextMenu = function() {
this.context = true;
if (this.base._autoSkinUpdate == true) {
this.base.className = this.base.className.replace("dhtmlxMenu_"+this.skin+"_Middle","");
this.base._autoSkinUpdate = false;
}
if (this.addBaseIdAsContextZone != null) { this.addContextZone(this.addBaseIdAsContextZone); }
}
/**
* @desc: adds a contextual zone to a contextual menu
* @param: zoneId - id of the object on page to render as a contextual zone
* @type: public
*/
dhtmlXMenuObject.prototype.addContextZone = function(zoneId) {
if (zoneId == document.body) {
zoneId = "document.body."+this.idPrefix;
var zone = document.body;
} else {
var zone = document.getElementById(zoneId);
}
var zoneExists = false;
for (var a in this.contextZones) { zoneExists = zoneExists || (a == zoneId) || (this.contextZones[a] == zone); }
if (zoneExists == true) return false;
this.contextZones[zoneId] = zone;
var main_self = this;
if (_isOpera) {
this.operaContext = function(e){ main_self._doOnContextMenuOpera(e, main_self); }
zone.addEventListener("mouseup", this.operaContext, false);
//
} else {
if (zone.oncontextmenu != null && !zone._oldContextMenuHandler) zone._oldContextMenuHandler = zone.oncontextmenu;
zone.oncontextmenu = function(e) {
// autoclose any other opened context menues
for (var q in dhtmlxMenuObjectLiveInstances) {
if (q != main_self._UID) {
if (dhtmlxMenuObjectLiveInstances[q].context) {
dhtmlxMenuObjectLiveInstances[q]._hideContextMenu();
}
}
}
//
e = e||event;
e.cancelBubble = true;
e.returnValue = false;
main_self._doOnContextBeforeCall(e, this);
return false;
}
}
}
dhtmlXMenuObject.prototype._doOnContextMenuOpera = function(e, main_self) {
// autoclose any other opened context menues
for (var q in dhtmlxMenuObjectLiveInstances) {
if (q != main_self._UID) {
if (dhtmlxMenuObjectLiveInstances[q].context) {
dhtmlxMenuObjectLiveInstances[q]._hideContextMenu();
}
}
}
//
e.cancelBubble = true;
e.returnValue = false;
if (e.button == 0 && e.ctrlKey == true) { main_self._doOnContextBeforeCall(e, this); }
return false;
}
/**
* @desc: removes an object from contextual zones list
* @param: zoneId - id of a contextual zone
* @type: public
*/
dhtmlXMenuObject.prototype.removeContextZone = function(zoneId) {
if (!this.isContextZone(zoneId)) return false;
if (zoneId == document.body) zoneId = "document.body."+this.idPrefix;
var zone = this.contextZones[zoneId];
if (_isOpera) {
zone.removeEventListener("mouseup", this.operaContext, false);
} else {
zone.oncontextmenu = (zone._oldContextMenuHandler!=null?zone._oldContextMenuHandler:null);
zone._oldContextMenuHandler = null;
}
try {
this.contextZones[zoneId] = null;
delete this.contextZones[zoneId];
} catch(e){}
return true;
}
/**
* @desc: returns true if an object is used as a contextual zone for the menu
* @param: zoneId - id of the object to check
* @type: public
*/
dhtmlXMenuObject.prototype.isContextZone = function(zoneId) {
if (zoneId == document.body && this.contextZones["document.body."+this.idPrefix] != null) return true;
var isZone = false;
if (this.contextZones[zoneId] != null) { if (this.contextZones[zoneId] == document.getElementById(zoneId)) isZone = true; }
return isZone;
}
dhtmlXMenuObject.prototype._isContextMenuVisible = function() {
if (this.idPull["polygon_"+this.idPrefix+this.topId] == null) return false;
return (this.idPull["polygon_"+this.idPrefix+this.topId].style.display == "");
}
dhtmlXMenuObject.prototype._showContextMenu = function(x, y, zoneId) {
// hide any opened context menu/polygons
this._clearAndHide();
// this._hideContextMenu();
// open
if (this.idPull["polygon_"+this.idPrefix+this.topId] == null) return false;
window.clearTimeout(this.menuTimeoutHandler);
this.idPull[this.idPrefix+this.topId] = new Array(x, y);
this._showPolygon(this.idPrefix+this.topId, "bottom");
this.callEvent("onContextMenu", [zoneId]);
}
dhtmlXMenuObject.prototype._hideContextMenu = function() {
if (this.idPull["polygon_"+this.idPrefix+this.topId] == null) return false;
this._clearAndHide();
this._hidePolygon(this.idPrefix+this.topId);
this.zInd = this.zIndInit;
}
/****************************************************************************************************************************************************/
dhtmlXMenuObject.prototype._doOnContextBeforeCall = function(e, cZone) {
this.contextMenuZoneId = cZone.id;
this._clearAndHide();
this._hideContextMenu();
// scroll settings
var p = (e.srcElement||e.target);
var px = (_isIE||_isOpera||_KHTMLrv?e.offsetX:e.layerX);
var py = (_isIE||_isOpera||_KHTMLrv?e.offsetY:e.layerY);
var mx = getAbsoluteLeft(p)+px;
var my = getAbsoluteTop(p)+py;
if (this.checkEvent("onBeforeContextMenu")) {
if (this.callEvent("onBeforeContextMenu", [cZone.id,e])) {
if (this.contextAutoShow) {
this._showContextMenu(mx, my, cZone.id);
this.callEvent("onAfterContextMenu", [cZone.id,e]);
}
}
} else {
if (this.contextAutoShow) {
this._showContextMenu(mx, my, cZone.id);
this.callEvent("onAfterContextMenu", [cZone.id]);
}
}
}
/* public: user call for show/hide context menu */
/**
* @desc: usercall to show a contextual menu
* @param: x - position of the menu on x axis
* @param: y - position of the menu on y axis
* @type: public
*/
dhtmlXMenuObject.prototype.showContextMenu = function(x, y) {
this._showContextMenu(x, y, false);
}
/**
* @desc: usercall to hide a contextual menu
* @type: public
*/
dhtmlXMenuObject.prototype.hideContextMenu = function() {
this._hideContextMenu();
}
dhtmlXMenuObject.prototype._autoDetectVisibleArea = function() {
if (this._isVisibleArea) return;
//
this.menuX1 = document.body.scrollLeft;
this.menuX2 = this.menuX1+(window.innerWidth||document.body.clientWidth);
this.menuY1 = Math.max((_isIE?document.documentElement:document.getElementsByTagName("html")[0]).scrollTop, document.body.scrollTop);
// this.menuY2 = this.menuY1+(_isIE?(document.documentElement?Math.max(document.documentElement.clientHeight:document.body.clientHeight):window.innerHeight);
this.menuY2 = this.menuY1+(_isIE?Math.max(document.documentElement.clientHeight||0,document.documentElement.offsetHeight||0,document.body.clientHeight||0):window.innerHeight);
}
/* inner - returns true if prognozided polygon layout off the visible area */
/*dhtmlXMenuObject.prototype._isInVisibleArea = function(x, y, w, h) {
return ((x >= this.menuX1) && (x+w<=this.menuX2) && (y >= this.menuY1) && (y+h <= this.menuY2));
}*/
//#}
/**
* @desc: returns item's position in the current polygon
* @param: id - the item
* @type: public
*/
dhtmlXMenuObject.prototype.getItemPosition = function(id) {
id = this.idPrefix+id;
var pos = -1;
if (this.itemPull[id] == null) return pos;
var parent = this.itemPull[id]["parent"];
// var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.base);
var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.cont);
for (var q=0; q<obj.childNodes.length; q++) { if (obj.childNodes[q]==this.idPull["separator_"+id]||obj.childNodes[q]==this.idPull[id]) { pos = q; } }
return pos;
}
/**
* @desc: sets new item's position in the current polygon (moves an item inside the single level)
* @param: id - the item
* @param: pos - the position (int)
* @type: public
*/
dhtmlXMenuObject.prototype.setItemPosition = function(id, pos) {
id = this.idPrefix+id;
if (this.idPull[id] == null) { return; }
// added in 0.4
var isOnTopLevel = (this.itemPull[id]["parent"] == this.idPrefix+this.topId);
//
var itemData = this.idPull[id];
var itemPos = this.getItemPosition(id.replace(this.idPrefix,""));
var parent = this.itemPull[id]["parent"];
// var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.base);
var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.cont);
obj.removeChild(obj.childNodes[itemPos]);
if (pos < 0) pos = 0;
// added in 0.4
if (isOnTopLevel && pos < 1) { pos = 1; }
//
if (pos < obj.childNodes.length) { obj.insertBefore(itemData, obj.childNodes[pos]); } else { obj.appendChild(itemData); }
}
/**
* @desc: returns parent's id
* @param: id - the item
* @type: public
*/
dhtmlXMenuObject.prototype.getParentId = function(id) {
id = this.idPrefix+id;
if (this.itemPull[id] == null) { return null; }
return ((this.itemPull[id]["parent"]!=null?this.itemPull[id]["parent"]:this.topId).replace(this.idPrefix,""));
}
/* public: add item */
/**
* @desc: adds a new sibling item
* @param: nextToId - id of the element after which a new one will be inserted
* @param: itemId - id of a new item
* @param: itemText - text of a new item
* @param: disabled - true|false, whether the item is disabled or not
* @param: img - image for the enabled item
* @param: imgDis - image for the disabled item
* @type: public
*/
dhtmlXMenuObject.prototype.addNewSibling = function(nextToId, itemId, itemText, disabled, imgEnabled, imgDisabled) {
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
var parentId = this.idPrefix+(nextToId!=null?this.getParentId(nextToId):this.topId);
// console.log(id, parentId)
// console.log(id, ",", parentId)
this._addItemIntoGlobalStrorage(id, parentId, itemText, "item", disabled, imgEnabled, imgDisabled);
if ((parentId == this.idPrefix+this.topId) && (!this.context)) {
this._renderToplevelItem(id, this.getItemPosition(nextToId));
} else {
this._renderSublevelItem(id, this.getItemPosition(nextToId));
}
}
/**
* @desc: adds a new child item
* @param: parentId - the item which will contain a new item in the sublevel
* @param: position - the position of a new item
* @param: itemId - id of a new item
* @param: itemText - text of a new item
* @param: disabled - true|false, whether the item is disabled or not
* @param: img - image for the enabled item
* @param: imgDis - image for the disabled item
* @type: public
*/
dhtmlXMenuObject.prototype.addNewChild = function(parentId, pos, itemId, itemText, disabled, imgEnabled, imgDisabled) {
if (parentId == null) {
if (this.context) {
parentId = this.topId;
} else {
this.addNewSibling(parentId, itemId, itemText, disabled, imgEnabled, imgDisabled);
if (pos != null) this.setItemPosition(itemId, pos);
return;
}
}
itemId = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
// remove hotkey, added in 0.4
if (this.setHotKey) this.setHotKey(parentId, "");
//
parentId = this.idPrefix+parentId;
this._addItemIntoGlobalStrorage(itemId, parentId, itemText, "item", disabled, imgEnabled, imgDisabled);
if (this.idPull["polygon_"+parentId] == null) { this._renderSublevelPolygon(parentId, parentId); }
this._renderSublevelItem(itemId, pos-1);
// console.log(parentId)
this._redefineComplexState(parentId);
}
/* add item to storage */
dhtmlXMenuObject.prototype._addItemIntoGlobalStrorage = function(itemId, itemParentId, itemText, itemType, disabled, img, imgDis) {
var item = {
id: itemId,
title: itemText,
imgen: (img!=null?img:""),
imgdis: (imgDis!=null?imgDis:""),
type: itemType,
state: (disabled==true?"disabled":"enabled"),
parent: itemParentId,
complex:false,
hotkey: "",
tip: ""};
this.itemPull[item.id] = item;
}
/* recursively creates and adds submenu polygon */
dhtmlXMenuObject.prototype._addSubMenuPolygon = function(id, parentId) {
var s = this._renderSublevelPolygon(id, parentId);
var j = this._getMenuNodes(parentId);
for (q=0; q<j.length; q++) { if (this.itemPull[j[q]]["type"] == "separator") { this._renderSeparator(j[q], null); } else { this._renderSublevelItem(j[q], null); } }
if (id == parentId) { var level = "topLevel"; } else { var level = "subLevel"; }
for (var q=0; q<j.length; q++) { if (this.itemPull[j[q]]["complex"]) { this._addSubMenuPolygon(id, this.itemPull[j[q]]["id"]); } }
}
/* inner: add single subpolygon/item/separator */
dhtmlXMenuObject.prototype._renderSublevelPolygon = function(id, parentId) {
var s = document.createElement("DIV");
s.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_Polygon "+(this._rtl?"dir_right":"");
s.dir = "ltr";
s.oncontextmenu = function(e) { e = e||event; e.returnValue = false; e.cancelBubble = true; return false; }
s.id = "polygon_" + parentId;
s.onclick = function(e) { e = e || event; e.cancelBubble = true; }
s.style.display = "none";
document.body.insertBefore(s, document.body.firstChild);
//
var tbl = document.createElement("TABLE");
tbl.className = "dhtmlxMebu_SubLevelArea_Tbl";
tbl.cellSpacing = 0;
tbl.cellPadding = 0;
tbl.border = 0;
var tbd = document.createElement("TBODY");
tbl.appendChild(tbd);
s.appendChild(tbl);
s.tbl = tbl;
s.tbd = tbd;
// polygon
this.idPull[s.id] = s;
if (this.sxDacProc != null) {
this.idPull["sxDac_" + parentId] = new this.sxDacProc(s, s.className);
if (_isIE) {
this.idPull["sxDac_" + parentId]._setSpeed(this.dacSpeedIE);
this.idPull["sxDac_" + parentId]._setCustomCycle(this.dacCyclesIE);
} else {
this.idPull["sxDac_" + parentId]._setSpeed(this.dacSpeed);
this.idPull["sxDac_" + parentId]._setCustomCycle(this.dacCycles);
}
}
return s;
}
dhtmlXMenuObject.prototype._renderSublevelItem = function(id, pos) {
var main_self = this;
var tr = document.createElement("TR");
tr.className = (this.itemPull[id]["state"]=="enabled"?"sub_item":"sub_item_dis");
// icon
var t1 = document.createElement("TD");
t1.className = "sub_item_icon";
var icon = this.itemPull[id][(this.itemPull[id]["state"]=="enabled"?"imgen":"imgdis")];
if (icon != "") {
var tp = this.itemPull[id]["type"];
if (tp=="checkbox"||tp=="radio") {
var img = document.createElement("DIV");
img.id = "image_"+this.itemPull[id]["id"];
img.className = "sub_icon "+icon;
t1.appendChild(img);
}
if (!(tp=="checkbox"||tp=="radio")) {
var img = document.createElement("IMG");
img.id = "image_"+this.itemPull[id]["id"];
img.className = "sub_icon";
img.src = this.imagePath+icon;
t1.appendChild(img);
}
}
// text
var t2 = document.createElement("TD");
t2.className = "sub_item_text";
if (this.itemPull[id]["title"] != "") {
var t2t = document.createElement("DIV");
t2t.className = "sub_item_text";
t2t.innerHTML = this.itemPull[id]["title"];
t2.appendChild(t2t);
} else {
t2.innerHTML = " ";
}
// hotkey/sublevel arrow
var t3 = document.createElement("TD");
t3.className = "sub_item_hk";
if (this.itemPull[id]["complex"]) {
var arw = document.createElement("DIV");
arw.className = "complex_arrow";
arw.id = "arrow_"+this.itemPull[id]["id"];
t3.appendChild(arw);
} else {
if (this.itemPull[id]["hotkey"].length > 0 && !this.itemPull[id]["complex"]) {
var t3t = document.createElement("DIV");
t3t.className = "sub_item_hk";
t3t.innerHTML = this.itemPull[id]["hotkey"];
t3.appendChild(t3t);
} else {
t3.innerHTML = " ";
}
}
tr.appendChild(this._rtl?t3:t1);
tr.appendChild(t2);
tr.appendChild(this._rtl?t1:t3);
//
tr.id = this.itemPull[id]["id"];
tr.parent = this.itemPull[id]["parent"];
// tooltip, added in 0.4
if (this.itemPull[id]["tip"].length > 0) tr.title = this.itemPull[id]["tip"];
//
if (!this._hideTMData) this._hideTMData = {};
tr.onselectstart = function(e) { e = e || event; e.returnValue = false; return false; }
tr.onmouseover = function(e) {
if (main_self._hideTMData[this.id]) window.clearTimeout(main_self._hideTMData[this.id]);
if (main_self.menuMode == "web") window.clearTimeout(main_self.menuTimeoutHandler);
if (!this._visible) main_self._redistribSubLevelSelection(this.id, this.parent); // if not visible
this._visible = true;
}
tr.onmouseout = function() {
if (main_self.menuMode == "web") {
if (main_self.menuTimeoutHandler) window.clearTimeout(main_self.menuTimeoutHandler);
main_self.menuTimeoutHandler = window.setTimeout(function(){if(main_self&&main_self._clearAndHide)main_self._clearAndHide();}, main_self.menuTimeoutMsec, "JavaScript");
}
var k = this;
if (main_self._hideTMData[this.id]) window.clearTimeout(main_self._hideTMData[this.id]);
main_self._hideTMData[this.id] = window.setTimeout(function(){k._visible=false;}, 50);
}
tr.onclick = function(e) {
// added in 0.4, preven complex closing if user event not defined
if (!main_self.checkEvent("onClick") && main_self.itemPull[this.id]["complex"]) return;
//
e = e || event; e.cancelBubble = true;
e.returnValue = false;
tc = (main_self.itemPull[this.id]["complex"]?"c":"-");
td = (main_self.itemPull[this.id]["state"]=="enabled"?"-":"d");
var cas = {"ctrl": e.ctrlKey, "alt": e.altKey, "shift": e.shiftKey};
switch (main_self.itemPull[this.id]["type"]) {
case "checkbox":
main_self._checkboxOnClickHandler(this.id.replace(main_self.idPrefix, ""), tc+td+"n", cas);
break;
case "radio":
main_self._radioOnClickHandler(this.id.replace(main_self.idPrefix, ""), tc+td+"n", cas);
break;
case "item":
main_self._doOnClick(this.id.replace(main_self.idPrefix, ""), tc+td+"n", cas);
break;
}
return false;
}
// add
var polygon = this.idPull["polygon_"+this.itemPull[id]["parent"]];
if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > polygon.tbd.childNodes.length - 1) pos = null; }
if (pos != null && polygon.tbd.childNodes[pos] != null) polygon.tbd.insertBefore(tr, polygon.tbd.childNodes[pos]); else polygon.tbd.appendChild(tr);
this.idPull[tr.id] = tr;
}
/****************************************************************************************************************************************************/
/* SEPARATOR */
dhtmlXMenuObject.prototype._renderSeparator = function(id, pos) {
var level = (this.context?"SubLevelArea":(this.itemPull[id]["parent"]==this.idPrefix+this.topId?"TopLevel":"SubLevelArea"));
if (level == "TopLevel" && this.context) return;
var main_self = this;
if (level != "TopLevel") {
var tr = document.createElement("TR");
tr.className = "sub_sep";
var td = document.createElement("TD");
td.colSpan = "3";
tr.appendChild(td);
}
var k = document.createElement("DIV");
k.id = "separator_"+id;
k.className = (level=="TopLevel"?"top_sep":"sub_sep");
k.onselectstart = function(e) { e = e || event; e.returnValue = false; }
k.onclick = function(e) {
e = e || event; e.cancelBubble = true;
var cas = {"ctrl": e.ctrlKey, "alt": e.altKey, "shift": e.shiftKey};
main_self._doOnClick(this.id.replace("separator_" + main_self.idPrefix, ""), "--s", cas);
}
if (level == "TopLevel") {
if (pos != null) {
pos++; if (pos < 0) { pos = 0; }
// if (this.base.childNodes[pos] != null) { this.base.insertBefore(k, this.base.childNodes[pos]); } else { this.base.appendChild(k); }
if (this.cont.childNodes[pos] != null) { this.cont.insertBefore(k, this.cont.childNodes[pos]); } else { this.cont.appendChild(k); }
} else {
// add as a last item
// var last = this.base.childNodes[this.base.childNodes.length-1];
var last = this.cont.childNodes[this.cont.childNodes.length-1];
// if (String(last).search("TopLevel_Text") == -1) { this.base.appendChild(k); } else { this.base.insertBefore(k, last); }
if (String(last).search("TopLevel_Text") == -1) { this.cont.appendChild(k); } else { this.cont.insertBefore(k, last); }
}
this.idPull[k.id] = k;
} else {
var polygon = this.idPull["polygon_"+this.itemPull[id]["parent"]];
if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > polygon.tbd.childNodes.length - 1) pos = null; }
if (pos != null && polygon.tbd.childNodes[pos] != null) polygon.tbd.insertBefore(tr, polygon.tbd.childNodes[pos]); else polygon.tbd.appendChild(tr);
td.appendChild(k);
this.idPull[k.id] = tr;
}
}
/**
* @desc: add a new separator
* @param: nextToId - id of the element after which a new separator will be inserted
* @param: itemId - id of a new separator
* @type: public
*/
dhtmlXMenuObject.prototype.addNewSeparator = function(nextToId, itemId) { //, disabled) {
itemId = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
var parentId = this.idPrefix+this.getParentId(nextToId);
// if ((parentId == this.idPrefix+this.topId) && (!this.context)) { return; }
// this._addItemIntoGlobalStrorage(itemId, parentId, "", "item", disabled, "", "");
// this._addItemIntoGlobalStrorage(itemId, parentId, "", "item", false, "", "");
this._addItemIntoGlobalStrorage(itemId, parentId, "", "separator", false, "", "");
this._renderSeparator(itemId, this.getItemPosition(nextToId));
}
/****************************************************************************************************************************************************/
// hide any opened polygons
/**
* @desc: hides any open menu polygons
* @type: public
*/
dhtmlXMenuObject.prototype.hide = function() {
this._clearAndHide();
}
/**
* @desc: clear all loaded items
* @type: public
*/
dhtmlXMenuObject.prototype.clearAll = function() {
/*
for (var a in this.itemPull) {
if (this.itemPull[a]["parent"] == this.idPrefix+this.topId) {
this.removeItem(String(a).replace(this.idPrefix,""));
}
}
*/
this.removeItem(this.idPrefix+this.topId, true);
this._isInited = false;
this.idPrefix = this._genStr(12);
this.itemPull = {};
}
/****************************************************************************************************************************************************/
/**
* @desc: unloads menu from page (destructor)
* @type: public
*/
dhtmlXMenuObject.prototype.unload = function() {
if (_isIE) {
document.body.detachEvent("onclick", this._bodyClick);
document.body.detachEvent("oncontextmenu", this._bodyContext);
} else {
window.removeEventListener("click", this._bodyClick, false);
window.removeEventListener("contextmenu", this._bodyContext, false);
}
this._bodyClick = null;
this._bodyContext = null;
// will recursively remove all items
this.removeItem(this.idPrefix+this.topId, true);
this.itemPull = null;
this.idPull = null;
// clear context zones
if (this.context) for (var a in this.contextZones) this.removeContextZone(a);
if (this.cont != null) {
this.cont.className = "";
this.cont.parentNode.removeChild(this.cont);
this.cont = null;
}
if (this.base != null) {
this.base.className = "";
if (!this.context) this.base.oncontextmenu = (this.base._oldContextMenuHandler||null);
this.base.onselectstart = null;
this.base = null;
}
this.setSkin = null;
this.detachAllEvents();
if (this._xmlLoader) {
this._xmlLoader.destructor();
this._xmlLoader = null;
}
this._align = null;
this._arrowFFFix = null;
this._isIE6 = null;
this._isInited = null;
this._rtl = null;
this._scrollDownTMStep = null;
this._scrollDownTMTime = null;
this._scrollUpTMStep = null;
this._scrollUpTMTime = null;
this._topLevelBottomMargin = null;
this._topLevelOffsetLeft = null;
this._topLevelBottomMargin = null;
this._topLevelRightMargin = null;
this.addBaseIdAsContextZone = null;
this.context = null;
this.contextAutoHide = null;
this.contextAutoShow = null;
this.contextHideAllMode = null;
this.contextMenuZoneId = null;
this.dLoad = null;
this.dLoadSign = null;
this.dLoadUrl = null;
this.loaderIcon = null;
this.fixedPosition = null;
this.dirSubLevel = null;
this.dirTopLevel = null;
this.limit = null;
this.menuSelected = null;
this.menuLastClicked = null;
this.idPrefix = null;
this.imagePath = null;
this.menuMode = null;
this.menuModeTopLevelTimeout = null;
this.menuModeTopLevelTimeoutTime = null;
this.menuTimeoutHandler = null;
this.menuTimeoutMsec = null;
this.menuTouched = null;
this.isDhtmlxMenuObject = null;
this.itemHotKeyTagName = null;
this.itemHrefTagName = null;
this.itemTagName = null;
this.itemTextTagName = null;
this.itemTipTagName = null;
this.userDataTagName = null;
this.skin = null;
this.topId = null;
this.dacCycles = null;
this.dacCyclesIE = null;
this.dacSpeed = null;
this.dacSpeedIE = null;
this.zInd = null;
this.zIndInit = null;
this.zIndStep = null;
//
// unload basic methods
this._enableDacSupport = null;
this._selectedSubItems = null;
this._openedPolygons = null;
this._addSubItemToSelected = null;
this._removeSubItemFromSelected = null;
this._getSubItemToDeselectByPolygon = null;
this._hidePolygon = null;
this._showPolygon = null;
this._redistribSubLevelSelection = null;
this._doOnClick = null;
this._doOnTouchMenu = null;
this._searchMenuNode = null;
this._getMenuNodes = null;
this._genStr = null;
this._clearAndHide = null;
this._doOnLoad = null;
this.getItemType = null;
this.forEachItem = null;
this.init = null;
this.loadXML = null;
this.loadXMLString = null;
this._buildMenu = null;
this._xmlParser = null;
this._showSubLevelItem = null;
this._hideSubLevelItem = null;
this._countVisiblePolygonItems = null;
this._redefineComplexState = null;
this._updateItemComplexState = null;
this._getItemLevelType = null;
this._redistribTopLevelSelection = null;
this._initTopLevelMenu = null;
this._renderToplevelItem = null;
this.setImagePath = null;
this.setIconsPath = null;
this.setIconPath = null;
this._updateItemImage = null;
this.removeItem = null;
this._getAllParents = null;
this.renderAsContextMenu = null;
this.addContextZone = null;
this.removeContextZone = null;
this.isContextZone = null;
this._isContextMenuVisible = null;
this._showContextMenu = null;
this._doOnContextBeforeCall = null;
this._autoDetectVisibleArea = null;
this._addItemIntoGlobalStrorage = null;
this._addSubMenuPolygon = null;
this._renderSublevelPolygon = null;
this._renderSublevelItem = null;
this._renderSeparator = null;
this._hideContextMenu = null;
this.clearAll = null;
this.getItemPosition = null;
this.setItemPosition = null;
this.getParentId = null;
this.addNewSibling = null;
this.addNewChild = null;
this.addNewSeparator = null;
this.attachEvent = null;
this.callEvent = null;
this.checkEvent = null;
this.eventCatcher = null;
this.detachEvent = null;
this.dhx_Event = null;
this.unload = null;
this.items = null;
this.radio = null;
this.detachAllEvents = null;
this.hide = null;
this.showContextMenu = null;
this.hideContextMenu = null;
// unload extended methods
this._changeItemState = null;
this._changeItemVisible = null;
this._updateLoaderIcon = null;
this._clearAllSelectedSubItemsInPolygon = null;
this._checkArrowsState = null;
this._addUpArrow = null;
this._addDownArrow = null;
this._removeUpArrow = null;
this._removeDownArrow = null;
this._isArrowExists = null;
this._doScrollUp = null;
this._doScrollDown = null;
this._countPolygonItems = null;
this._getRadioImgObj = null;
this._setRadioState = null;
this._radioOnClickHandler = null;
this._getCheckboxState = null;
this._setCheckboxState = null;
this._readLevel = null;
this._updateCheckboxImage = null;
this._checkboxOnClickHandler = null;
this._removeArrow = null;
this.setItemEnabled = null;
this.setItemDisabled = null;
this.isItemEnabled = null;
this.getItemText = null;
this.setItemText = null;
this.loadFromHTML = null;
this.hideItem = null;
this.showItem = null;
this.isItemHidden = null;
this.setUserData = null;
this.getUserData = null;
this.setOpenMode = null;
this.setWebModeTimeout = null;
this.enableDynamicLoading = null;
this.getItemImage = null;
this.setItemImage = null;
this.clearItemImage = null;
this.setAutoShowMode = null;
this.setAutoHideMode = null;
this.setContextMenuHideAllMode = null;
this.getContextMenuHideAllMode = null;
this.setVisibleArea = null;
this.setTooltip = null;
this.getTooltip = null;
this.setHotKey = null;
this.getHotKey = null;
this.setItemSelected = null;
this.setTopText = null;
this.setRTL = null;
this.setAlign = null;
this.setHref = null;
this.clearHref = null;
this.getCircuit = null;
this.contextZones = null;
this.setOverflowHeight = null;
this.userData = null;
this.getRadioChecked = null;
this.setRadioChecked = null;
this.addRadioButton = null;
this.setCheckboxState = null;
this.getCheckboxState = null;
this.addCheckbox = null;
this.serialize = null;
this.extendedModule = null;
// remove menu from global store
dhtmlxMenuObjectLiveInstances[this._UID] = null;
try { delete dhtmlxMenuObjectLiveInstances[this._UID]; } catch(e) {}
this._UID = null;
}
// dhtmlxmenu global store
var dhtmlxMenuObjectLiveInstances = {};
dhtmlXMenuObject.prototype.i18n = {
dhxmenuextalert: "dhtmlxmenu_ext.js required"
};
//menu
(function(){
dhtmlx.extend_api("dhtmlXMenuObject",{
_init:function(obj){
return [obj.parent, obj.skin];
},
align:"setAlign",
top_text:"setTopText",
context:"renderAsContextMenu",
icon_path:"setIconsPath",
open_mode:"setOpenMode",
rtl:"setRTL",
skin:"setSkin",
dynamic:"enableDynamicLoading",
xml:"loadXML",
items:"items",
overflow:"setOverflowHeight"
},{
items:function(arr,parent){
var pos = 100000;
var lastItemId = null;
for (var i=0; i < arr.length; i++) {
var item=arr[i];
if (item.type == "separator") {
this.addNewSeparator(lastItemId, pos, item.id);
lastItemId = item.id;
} else {
this.addNewChild(parent, pos, item.id, item.text, item.disabled, item.img, item.img_disabled);
lastItemId = item.id;
if (item.items) this.items(item.items,item.id);
}
}
}
});
})();
// terrace
dhtmlXMenuObject.prototype._improveTerraceSkin = function() {
for (var a in this.itemPull) {
if (this.itemPull[a].parent == this.idPrefix+this.topId && this.idPull[a] != null) { // this.idPull[a] will null for separator
var bl = false;
var br = false;
// left side, first item, not sep
if (this.idPull[a].parentNode.firstChild == this.idPull[a]) {
bl = true;
}
// right side, last item, not sep
if (this.idPull[a].parentNode.lastChild == this.idPull[a]) {
br = true;
}
// check siblings
for (var b in this.itemPull) {
if (this.itemPull[b].type == "separator" && this.itemPull[b].parent == this.idPrefix+this.topId) {
if (this.idPull[a].nextSibling == this.idPull["separator_"+b]) {
br = true;
}
if (this.idPull[a].previousSibling == this.idPull["separator_"+b]) {
bl = true;
}
}
}
this.idPull[a].style.borderLeft = (bl?"1px solid #cecece":"0px solid white");
this.idPull[a].style.borderTopLeftRadius = this.idPull[a].style.borderBottomLeftRadius = (bl?"5px":"0px");
this.idPull[a].style.borderTopRightRadius = this.idPull[a].style.borderBottomRightRadius = (br?"5px":"0px");
this.idPull[a]._bl = bl;
this.idPull[a]._br = br;
}
}
};
dhtmlXMenuObject.prototype._improveTerraceButton = function(id, state) {
if (state) {
this.idPull[id].style.borderBottomLeftRadius = (this.idPull[id]._bl ? "5px" : "0px");
this.idPull[id].style.borderBottomRightRadius = (this.idPull[id]._br ? "5px" : "0px");
} else {
this.idPull[id].style.borderBottomLeftRadius = "0px";
this.idPull[id].style.borderBottomRightRadius = "0px";
}
};