mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-07 16:44:20 +01:00
Update dhtmlxTree & dhtmlMenu to latest version
This commit is contained in:
Nathan Gray
parent
cf28231770
commit
4b1fc627c4
@ -1,134 +0,0 @@
|
||||
.defaultTreeTable{
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
border : 0px;
|
||||
}
|
||||
.containerTableStyle { overflow : auto; position:relative; top:0; -khtml-user-select: none;}
|
||||
.containerTableStyleRTL span { direction: rtl; unicode-bidi: bidi-override; }
|
||||
.containerTableStyleRTL { direction: rtl; overflow : auto; position:relative; top:0;}
|
||||
.standartTreeRow { -moz-user-select: none; }
|
||||
.selectedTreeRow{ background-color : navy; color:white; -moz-user-select: none; }
|
||||
.dragAndDropRow{ background-color : navy; color:white; }
|
||||
.standartTreeRow_lor{ text-decoration:underline; background-color : #FFFFF0; -moz-user-select: none; }
|
||||
.selectedTreeRow_lor{ text-decoration:underline; background-color : navy; color:white; -moz-user-select: none; }
|
||||
|
||||
.standartTreeImage{ width:18px; height:18px; overflow:hidden; border:0; padding:0; margin:0;
|
||||
font-size:1px; }
|
||||
.hiddenRow { width:1px; overflow:hidden; }
|
||||
.dragSpanDiv,.dragSpanDiv td{ background-color:white; z-index:999; }
|
||||
.a_dhx_hidden_input{ position:absolute; top:-1px; left:-1px; width:1px; height:1px; border:none; background:none; }
|
||||
.a_dhx_hidden_input{ position:absolute; top:-1px; left:-1px; width:1px; height:1px; border:none; background:none; }
|
||||
|
||||
.selectionBox{
|
||||
background-color: #FFFFCC;
|
||||
}
|
||||
.selectionBar {
|
||||
top:0;
|
||||
background-color: Black;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
height: 2px;
|
||||
z-index : 11;
|
||||
}
|
||||
|
||||
.intreeeditRow{
|
||||
font-size:8pt; height:16px; border:1px solid silver; padding:0; margin:0;
|
||||
margin-left:4px;
|
||||
-moz-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
}
|
||||
.dhx_tree_textSign{
|
||||
font-size:8pt;
|
||||
font-family:monospace;
|
||||
width:21px;
|
||||
color:black;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
cursor:pointer;
|
||||
text-align: center;
|
||||
}
|
||||
.dhx_tree_opacity{
|
||||
opacity:0;
|
||||
-moz-opacity:0;
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
.dhx_bg_img_fix{
|
||||
width:18px;
|
||||
height:18px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-position-x: center;
|
||||
background-position-y: center;
|
||||
}
|
||||
|
||||
.dhxtree_dhx_black, .dhxtree_dhx_skyblue{
|
||||
background:white;
|
||||
color:black;
|
||||
}
|
||||
*html .dhxtree_dhx_skyblue .standartTreeRow, *html .dhxtree_dhx_skyblue .standartTreeRow_lor{
|
||||
border-right:0px solid red;
|
||||
border-left:0px solid red;
|
||||
}
|
||||
*html .dhxtree_dhx_skyblue span.standartTreeRow, *html .dhxtree_dhx_skyblue span.standartTreeRow_lor{
|
||||
margin-left:1px;
|
||||
}
|
||||
|
||||
.dhxtree_dhx_skyblue .standartTreeRow, .dhxtree_dhx_skyblue .standartTreeRow_lor{
|
||||
border-right:1px solid transparent;
|
||||
border-left: 1px solid transparent;
|
||||
font-size:11px !important;
|
||||
overflow:hidden;
|
||||
padding:0px 0px 0px 0px;
|
||||
}
|
||||
.dhxtree_dhx_skyblue .selectedTreeRow_lor, .dhxtree_dhx_skyblue .selectedTreeRow{
|
||||
background-color:white;
|
||||
background-image:url(imgs/sky_blue_sel_tree.png);
|
||||
background-repeat:repeat-x;
|
||||
border:1px solid #FFB951;
|
||||
color:black;
|
||||
|
||||
line-height:17px;
|
||||
|
||||
font-size:11px !important;
|
||||
font-family:Tahoma;
|
||||
overflow:hidden;
|
||||
}
|
||||
html > body /**/ .dhxtree_dhx_skyblue .selectedTreeRow, html > body /**/ .dhxtree_dhx_skyblue .selectedTreeRow_lor{
|
||||
padding:1px 0px 1px 0px;
|
||||
line-height:normal;
|
||||
display:inline-block !ie;
|
||||
height:13px;
|
||||
}
|
||||
body:nth-of-type(1) .dhxtree_dhx_skyblue span.selectedTreeRow, body:nth-of-type(1) .dhxtree_dhx_skyblue span.selectedTreeRow_lor{
|
||||
padding:1px 0px 1px 0px;
|
||||
display:inline-block;
|
||||
padding-top:0px;
|
||||
height:13px;
|
||||
}
|
||||
body:nth-of-type(1) .dhxtree_dhx_skyblue span.standartTreeRow, body:nth-of-type(1) .dhxtree_dhx_skyblue span.standartTreeRow_lor{
|
||||
display:inline-block;
|
||||
height:14px;
|
||||
}
|
||||
|
||||
.dhxtree_dhx_web .selectedTreeRow_lor, .dhxtree_dhx_web .selectedTreeRow{
|
||||
background-color:transparent;
|
||||
|
||||
}
|
||||
.dhxtree_dhx_web span.selectedTreeRow_lor , .dhxtree_dhx_web span.selectedTreeRow{
|
||||
background-color:#ACDAF0;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.dhxtree_dhx_web td.standartTreeRow, .dhxtree_dhx_web td.selectedTreeRow{
|
||||
padding-left:2px;
|
||||
}
|
||||
.dhxtree_dhx_web span.standartTreeRow, .dhxtree_dhx_web span.selectedTreeRow{
|
||||
padding-left:3px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dhxtree_dhx_web .standartTreeRow, .dhxtree_dhx_web .standartTreeRow, .dhxtree_dhx_web .selectedTreeRow_lor, .dhxtree_dhx_web .selectedTreeRow{
|
||||
|
||||
overflow:hidden;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
dhtmlxConnector is available for different server side platforms.
|
||||
Please visit its home page to learn more and download necessary package.
|
||||
|
||||
http://www.dhtmlx.com/docs/products/dhtmlxConnector/index.shtml
|
||||
@ -1,152 +0,0 @@
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
|
||||
function dataProcessor(serverProcessorURL){this.serverProcessor = serverProcessorURL;this.action_param="!nativeeditor_status";this.object = null;this.updatedRows = [];this.autoUpdate = true;this.updateMode = "cell";this._tMode="GET";this.post_delim = "_";this._waitMode=0;this._in_progress={};this._invalid={};this.mandatoryFields=[];this.messages=[];this.styles={updated:"font-weight:bold;",
|
||||
inserted:"font-weight:bold;",
|
||||
deleted:"text-decoration : line-through;",
|
||||
invalid:"background-color:FFE0E0;",
|
||||
invalid_cell:"border-bottom:2px solid red;",
|
||||
error:"color:red;",
|
||||
clear:"font-weight:normal;text-decoration:none;"
|
||||
};this.enableUTFencoding(true);dhtmlxEventable(this);return this;};dataProcessor.prototype={setTransactionMode:function(mode,total){this._tMode=mode;this._tSend=total;},
|
||||
escape:function(data){if (this._utf)return encodeURIComponent(data);else
|
||||
return escape(data);},
|
||||
|
||||
enableUTFencoding:function(mode){this._utf=convertStringToBoolean(mode);},
|
||||
|
||||
setDataColumns:function(val){this._columns=(typeof val == "string")?val.split(","):val;},
|
||||
|
||||
getSyncState:function(){return !this.updatedRows.length;},
|
||||
|
||||
enableDataNames:function(mode){this._endnm=convertStringToBoolean(mode);},
|
||||
|
||||
enablePartialDataSend:function(mode){this._changed=convertStringToBoolean(mode);},
|
||||
|
||||
setUpdateMode:function(mode,dnd){this.autoUpdate = (mode=="cell");this.updateMode = mode;this.dnd=dnd;},
|
||||
ignore:function(code,master){this._silent_mode=true;code.call(master||window);this._silent_mode=false;},
|
||||
|
||||
setUpdated:function(rowId,state,mode){if (this._silent_mode)return;var ind=this.findRow(rowId);mode=mode||"updated";var existing = this.obj.getUserData(rowId,this.action_param);if (existing && mode == "updated")mode=existing;if (state){this.set_invalid(rowId,false);this.updatedRows[ind]=rowId;this.obj.setUserData(rowId,this.action_param,mode);if (this._in_progress[rowId])this._in_progress[rowId]="wait";}else{if (!this.is_invalid(rowId)){this.updatedRows.splice(ind,1);this.obj.setUserData(rowId,this.action_param,"");}};if (!state)this._clearUpdateFlag(rowId);this.markRow(rowId,state,mode);if (state && this.autoUpdate)this.sendData(rowId);},
|
||||
_clearUpdateFlag:function(id){},
|
||||
markRow:function(id,state,mode){var str="";var invalid=this.is_invalid(id);if (invalid){str=this.styles[invalid];state=true;};if (this.callEvent("onRowMark",[id,state,mode,invalid])){str=this.styles[state?mode:"clear"]+str;this.obj[this._methods[0]](id,str);if (invalid && invalid.details){str+=this.styles[invalid+"_cell"];for (var i=0;i < invalid.details.length;i++)if (invalid.details[i])this.obj[this._methods[1]](id,i,str);}}},
|
||||
getState:function(id){return this.obj.getUserData(id,this.action_param);},
|
||||
is_invalid:function(id){return this._invalid[id];},
|
||||
set_invalid:function(id,mode,details){if (details)mode={value:mode, details:details, toString:function(){return this.value.toString();}};this._invalid[id]=mode;},
|
||||
|
||||
checkBeforeUpdate:function(rowId){return true;},
|
||||
|
||||
sendData:function(rowId){if (this._waitMode && (this.obj.mytype=="tree" || this.obj._h2)) return;if (this.obj.editStop)this.obj.editStop();if(typeof rowId == "undefined" || this._tSend)return this.sendAllData();if (this._in_progress[rowId])return false;this.messages=[];if (!this.checkBeforeUpdate(rowId)&& this.callEvent("onValidatationError",[rowId,this.messages])) return false;this._beforeSendData(this._getRowData(rowId),rowId);},
|
||||
_beforeSendData:function(data,rowId){if (!this.callEvent("onBeforeUpdate",[rowId,this.getState(rowId),data])) return false;this._sendData(data,rowId);},
|
||||
serialize:function(data, id){if (typeof id != "undefined")return this.serialize_one(data,"");else{var stack = [];var keys = [];for (var key in data)if (data.hasOwnProperty(key)){stack.push(this.serialize_one(data[key],key+this.post_delim));keys.push(key);};stack.push("ids="+this.escape(keys.join(",")));return stack.join("&");}},
|
||||
serialize_one:function(data, pref){if (typeof data == "string")return data;var stack = [];for (var key in data)if (data.hasOwnProperty(key))
|
||||
stack.push(this.escape((pref||"")+key)+"="+this.escape(data[key]));return stack.join("&");},
|
||||
_sendData:function(a1,rowId){if (!a1)return;if (!this.callEvent("onBeforeDataSending",rowId?[rowId,this.getState(rowId),a1]:[null, null, a1])) return false;if (rowId)this._in_progress[rowId]=(new Date()).valueOf();var a2=new dtmlXMLLoaderObject(this.afterUpdate,this,true);var a3 = this.serverProcessor+(this._user?(getUrlSymbol(this.serverProcessor)+["dhx_user="+this._user,"dhx_version="+this.obj.getUserData(0,"version")].join("&")):"");if (this._tMode!="POST")a2.loadXML(a3+((a3.indexOf("?")!=-1)?"&":"?")+this.serialize(a1,rowId));else
|
||||
a2.loadXML(a3,true,this.serialize(a1));this._waitMode++;},
|
||||
sendAllData:function(){if (!this.updatedRows.length)return;this.messages=[];var valid=true;for (var i=0;i<this.updatedRows.length;i++)valid&=this.checkBeforeUpdate(this.updatedRows[i]);if (!valid && !this.callEvent("onValidatationError",["",this.messages])) return false;if (this._tSend)this._sendData(this._getAllData());else
|
||||
for (var i=0;i<this.updatedRows.length;i++)if (!this._in_progress[this.updatedRows[i]]){if (this.is_invalid(this.updatedRows[i])) continue;this._beforeSendData(this._getRowData(this.updatedRows[i]),this.updatedRows[i]);if (this._waitMode && (this.obj.mytype=="tree" || this.obj._h2)) return;}},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
_getAllData:function(rowId){var out={};var has_one = false;for(var i=0;i<this.updatedRows.length;i++){var id=this.updatedRows[i];if (this._in_progress[id] || this.is_invalid(id)) continue;if (!this.callEvent("onBeforeUpdate",[id,this.getState(id)])) continue;out[id]=this._getRowData(id,id+this.post_delim);has_one = true;this._in_progress[id]=(new Date()).valueOf();};return has_one?out:null;},
|
||||
|
||||
|
||||
|
||||
setVerificator:function(ind,verifFunction){this.mandatoryFields[ind] = verifFunction||(function(value){return (value!="");});},
|
||||
|
||||
clearVerificator:function(ind){this.mandatoryFields[ind] = false;},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
findRow:function(pattern){var i=0;for(i=0;i<this.updatedRows.length;i++)if(pattern==this.updatedRows[i])break;return i;},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
defineAction:function(name,handler){if (!this._uActions)this._uActions=[];this._uActions[name]=handler;},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
afterUpdateCallback:function(sid, tid, action, btag) {var correct=(action!="error" && action!="invalid");if (!correct)this.set_invalid(sid,action);if ((this._uActions)&&(this._uActions[action])&&(!this._uActions[action](btag)))
|
||||
return (delete this._in_progress[sid]);if (this._in_progress[sid]!="wait")this.setUpdated(sid, false);var soid = sid;switch (action) {case "inserted":
|
||||
case "insert":
|
||||
if (tid != sid){this.obj[this._methods[2]](sid, tid);sid = tid;};break;case "delete":
|
||||
case "deleted":
|
||||
this.obj.setUserData(sid, this.action_param, "true_deleted");this.obj[this._methods[3]](sid);return this.callEvent("onAfterUpdate", [sid, action, tid, btag]);break;};if (this._in_progress[sid]!="wait"){if (correct)this.obj.setUserData(sid, this.action_param,'');delete this._in_progress[sid];}else {delete this._in_progress[sid];this.setUpdated(tid,true,this.obj.getUserData(sid,this.action_param));};this.callEvent("onAfterUpdate", [sid, action, tid, btag]);},
|
||||
|
||||
|
||||
afterUpdate:function(that,b,c,d,xml){xml.getXMLTopNode("data");if (!xml.xmlDoc.responseXML)return;var atag=xml.doXPath("//data/action");for (var i=0;i<atag.length;i++){var btag=atag[i];var action = btag.getAttribute("type");var sid = btag.getAttribute("sid");var tid = btag.getAttribute("tid");that.afterUpdateCallback(sid,tid,action,btag);};that.finalizeUpdate();},
|
||||
finalizeUpdate:function(){if (this._waitMode)this._waitMode--;if ((this.obj.mytype=="tree" || this.obj._h2)&& this.updatedRows.length)
|
||||
this.sendData();this.callEvent("onAfterUpdateFinish",[]);if (!this.updatedRows.length)this.callEvent("onFullSync",[]);},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
init:function(anObj){this.obj = anObj;if (this.obj._dp_init)this.obj._dp_init(this);},
|
||||
|
||||
|
||||
setOnAfterUpdate:function(ev){this.attachEvent("onAfterUpdate",ev);},
|
||||
enableDebug:function(mode){},
|
||||
setOnBeforeUpdateHandler:function(func){this.attachEvent("onBeforeDataSending",func);},
|
||||
|
||||
|
||||
|
||||
|
||||
setAutoUpdate: function(interval, user) {interval = interval || 2000;this._user = user || (new Date()).valueOf();this._need_update = false;this._loader = null;this._update_busy = false;this.attachEvent("onAfterUpdate",function(sid,action,tid,xml_node){this.afterAutoUpdate(sid, action, tid, xml_node);});this.attachEvent("onFullSync",function(){this.fullSync();});var self = this;window.setInterval(function(){self.loadUpdate();}, interval);},
|
||||
|
||||
|
||||
|
||||
afterAutoUpdate: function(sid, action, tid, xml_node) {if (action == 'collision'){this._need_update = true;return false;}else {return true;}},
|
||||
|
||||
|
||||
|
||||
fullSync: function() {if (this._need_update == true){this._need_update = false;this.loadUpdate();};return true;},
|
||||
|
||||
|
||||
|
||||
getUpdates: function(url,callback){if (this._update_busy)return false;else
|
||||
this._update_busy = true;this._loader = this._loader || new dtmlXMLLoaderObject(true);this._loader.async=true;this._loader.waitCall=callback;this._loader.loadXML(url);},
|
||||
|
||||
|
||||
|
||||
_v: function(node) {if (node.firstChild)return node.firstChild.nodeValue;return "";},
|
||||
|
||||
|
||||
|
||||
_a: function(arr) {var res = [];for (var i=0;i < arr.length;i++){res[i]=this._v(arr[i]);};return res;},
|
||||
|
||||
|
||||
|
||||
loadUpdate: function(){var self = this;var version = this.obj.getUserData(0,"version");var url = this.serverProcessor+getUrlSymbol(this.serverProcessor)+["dhx_user="+this._user,"dhx_version="+version].join("&");url = url.replace("editing=true&","");this.getUpdates(url, function(){var vers = self._loader.doXPath("//userdata");self.obj.setUserData(0,"version",self._v(vers[0]));var upds = self._loader.doXPath("//update");if (upds.length){self._silent_mode = true;for (var i=0;i<upds.length;i++){var status = upds[i].getAttribute('status');var id = upds[i].getAttribute('id');var parent = upds[i].getAttribute('parent');switch (status) {case 'inserted':
|
||||
self.callEvent("insertCallback",[upds[i], id, parent]);break;case 'updated':
|
||||
self.callEvent("updateCallback",[upds[i], id, parent]);break;case 'deleted':
|
||||
self.callEvent("deleteCallback",[upds[i], id, parent]);break;}};self._silent_mode = false;};self._update_busy = false;self = null;});}};//(c)dhtmlx ltd. www.dhtmlx.com
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
@ -1,27 +0,0 @@
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
dataProcessor.prototype._o_init = dataProcessor.prototype.init;dataProcessor.prototype.init=function(obj){this._console=this._console||this._createConsole();this.attachEvent("onValidatationError",function(rowId){this._log("Validation error for ID="+(rowId||"[multiple]"));return true;});return this._o_init(obj);};dataProcessor.prototype._createConsole=function(){var c=document.createElement("DIV");c.style.cssText='width:450px;height:420px;overflow:auto;position:absolute;z-index:99999;background-color:white;top:0px;right:0px;border:1px dashed black;font-family:Tahoma;Font-size:10pt;';c.innerHTML="<div style='width:100%;background-color:gray;font-weight:bold;color:white;'><span style='cursor:pointer;float:right;' onclick='this.parentNode.parentNode.style.display=\"none\"'><sup>[close] </sup></span><span style='cursor:pointer;float:right;' onclick='this.parentNode.parentNode.childNodes[2].innerHTML=\"\"'><sup>[clear] </sup></span> DataProcessor</div><div style='width:100%;height:200px;overflow-Y:scroll;'> Current state</div><div style='width:100%;height:200px;overflow-Y:scroll;'> Log:</div>";if (document.body)document.body.insertBefore(c,document.body.firstChild);else dhtmlxEvent(window,"load",function(){document.body.insertBefore(c,document.body.firstChild);})
|
||||
dhtmlxEvent(window,"dblclick",function(){c.style.display='';})
|
||||
return c;};dataProcessor.prototype._error=function(data){this._log("<span style='color:red'>"+data+"</span>");};dataProcessor.prototype._log=function(data){var div=document.createElement("DIV");div.innerHTML = data;var parent=this._console.childNodes[2];parent.appendChild(div);parent.scrollTop=parent.scrollHeight;if (window.console && window.console.log)window.console.log("DataProcessor :: "+data.replace(" "," ").replace("<b>","").replace("</b>",""));};dataProcessor.prototype._updateStat=function(data){var data=[" Current state"];for(var i=0;i<this.updatedRows.length;i++)data.push(" ID:"+this.updatedRows[i]+" Status: "+(this.obj.getUserData(this.updatedRows[i],"!nativeeditor_status")||"updated")+", "+(this.is_invalid(this.updatedRows[i])||"valid"))
|
||||
this._console.childNodes[1].innerHTML=data.join("<br/>")+"<hr/>Current mode: "+this.updateMode;};dataProcessor.prototype.xml_analize=function(xml){if (_isFF){if (!xml.xmlDoc.responseXML)this._error("Not an XML, probably incorrect content type specified ( must be text/xml ), or some text output was started before XML data");else if (xml.xmlDoc.responseXML.firstChild.tagName=="parsererror")this._error(xml.xmlDoc.responseXML.firstChild.textContent);else return true;}else if (_isIE){if (xml.xmlDoc.responseXML.parseError.errorCode)this._error("XML error : "+xml.xmlDoc.responseXML.parseError.reason);else if (!xml.xmlDoc.responseXML.documentElement)this._error("Not an XML, probably incorrect content type specified ( must be text/xml ), or some text output was started before XML data");else return true;};return false;};dataProcessor.wrap=function(name,before,after){var d=dataProcessor.prototype;if (!d._wrap)d._wrap={};d._wrap[name]=d[name];d[name]=function(){if (before)before.apply(this,arguments);var res=d._wrap[name].apply(this,arguments);if (after)after.apply(this,[arguments,res]);return res;}};dataProcessor.wrap("setUpdated",function(rowId,state,mode){this._log(" row <b>"+rowId+"</b> "+(state?"marked":"unmarked")+" ["+(mode||"updated")+","+(this.is_invalid(rowId)||"valid")+"]");},function(){this._updateStat();});dataProcessor.wrap("sendData",function(rowId){if (rowId){this._log(" Initiating data sending for <b>"+rowId+"</b>");if (this.obj.mytype=="tree"){if (!this.obj._idpull[rowId])this._log(" Error! item with such ID not exists <b>"+rowId+"</b>");}else {if (!this.obj.rowsAr[rowId])this._log(" Error! row with such ID not exists <b>"+rowId+"</b>");}}},function(){});dataProcessor.wrap("sendAllData",function(){this._log(" Initiating data sending for <b>all</b> rows ");},function(){});dataProcessor.logSingle=function(data,id){var tdata = {};if (id)tdata[id] = data;else
|
||||
tdata = data;var url = [];for (var key in tdata){url.push("<fieldset><legend>"+key+"</legend>");var suburl = [];for (var ikey in tdata[key])suburl.push(ikey+" = "+tdata[key][ikey]);url.push(suburl.join("<br>"));url.push("</fieldset>");};return url.join("");};dataProcessor.wrap("_sendData",function(data,rowId){if (rowId)this._log(" Sending in one-by-one mode, current ID = "+rowId);else
|
||||
this._log(" Sending all data at once");this._log(" Server url: "+this.serverProcessor+" <a onclick='this.parentNode.nextSibling.firstChild.style.display=\"block\"' href='#'>parameters</a>");var url = [];this._log("<blockquote style='display:none;'>"+dataProcessor.logSingle(data,rowId)+"<blockquote>");},function(){});dataProcessor.wrap("afterUpdate",function(that,b,c,d,xml){that._log(" Server response received <a onclick='this.nextSibling.style.display=\"block\"' href='#'>details</a><blockquote style='display:none'><code>"+(xml.xmlDoc.responseText||"").replace(/\&/g,"&").replace(/</g,"<").replace(/>/g,">")+"</code></blockquote>");if (!that.xml_analize(xml)) return;var atag=xml.doXPath("//data/action");if (!atag){that._log(" No actions found");var atag=xml.getXMLTopNode("data");if (!atag)that._log(" XML not valid");else that._log(" Incorrect content type - need to be text/xml");}},function(){});dataProcessor.wrap("afterUpdateCallback",function(sid,tid,action){if (this.obj.mytype=="tree"){if (!this.obj._idpull[sid])this._log("Incorrect SID, item with such ID not exists in grid");}else {if (!this.obj.rowsAr[sid])this._log("Incorrect SID, row with such ID not exists in grid");};this._log(" Action: "+action+" SID:"+sid+" TID:"+tid);},function(){});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
@ -1,17 +0,0 @@
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
|
||||
|
||||
dataProcessor.prototype.setOnAfterUpdate = function(ev){this.attachEvent("onAfterUpdate",ev);};dataProcessor.prototype.enableDebug = function(mode){};dataProcessor.prototype.setOnBeforeUpdateHandler=function(func){this.attachEvent("onBeforeDataSending",func);};
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
@ -1,3 +0,0 @@
|
||||
dhtmlxDataProcessor v.2.6 Standard edition build 100722
|
||||
|
||||
(c) DHTMLX Ltd.
|
||||
@ -1,584 +0,0 @@
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
/**
|
||||
* @desc: constructor, data processor object
|
||||
* @param: serverProcessorURL - url used for update
|
||||
* @type: public
|
||||
*/
|
||||
function dataProcessor(serverProcessorURL){
|
||||
this.serverProcessor = serverProcessorURL;
|
||||
this.action_param="!nativeeditor_status";
|
||||
|
||||
this.object = null;
|
||||
this.updatedRows = []; //ids of updated rows
|
||||
|
||||
this.autoUpdate = true;
|
||||
this.updateMode = "cell";
|
||||
this._tMode="GET";
|
||||
this.post_delim = "_";
|
||||
|
||||
this._waitMode=0;
|
||||
this._in_progress={};//?
|
||||
this._invalid={};
|
||||
this.mandatoryFields=[];
|
||||
this.messages=[];
|
||||
|
||||
this.styles={
|
||||
updated:"font-weight:bold;",
|
||||
inserted:"font-weight:bold;",
|
||||
deleted:"text-decoration : line-through;",
|
||||
invalid:"background-color:FFE0E0;",
|
||||
invalid_cell:"border-bottom:2px solid red;",
|
||||
error:"color:red;",
|
||||
clear:"font-weight:normal;text-decoration:none;"
|
||||
};
|
||||
|
||||
this.enableUTFencoding(true);
|
||||
dhtmlxEventable(this);
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
dataProcessor.prototype={
|
||||
/**
|
||||
* @desc: select GET or POST transaction model
|
||||
* @param: mode - GET/POST
|
||||
* @param: total - true/false - send records row by row or all at once (for grid only)
|
||||
* @type: public
|
||||
*/
|
||||
setTransactionMode:function(mode,total){
|
||||
this._tMode=mode;
|
||||
this._tSend=total;
|
||||
},
|
||||
escape:function(data){
|
||||
if (this._utf)
|
||||
return encodeURIComponent(data);
|
||||
else
|
||||
return escape(data);
|
||||
},
|
||||
/**
|
||||
* @desc: allows to set escaping mode
|
||||
* @param: true - utf based escaping, simple - use current page encoding
|
||||
* @type: public
|
||||
*/
|
||||
enableUTFencoding:function(mode){
|
||||
this._utf=convertStringToBoolean(mode);
|
||||
},
|
||||
/**
|
||||
* @desc: allows to define, which column may trigger update
|
||||
* @param: val - array or list of true/false values
|
||||
* @type: public
|
||||
*/
|
||||
setDataColumns:function(val){
|
||||
this._columns=(typeof val == "string")?val.split(","):val;
|
||||
},
|
||||
/**
|
||||
* @desc: get state of updating
|
||||
* @returns: true - all in sync with server, false - some items not updated yet.
|
||||
* @type: public
|
||||
*/
|
||||
getSyncState:function(){
|
||||
return !this.updatedRows.length;
|
||||
},
|
||||
/**
|
||||
* @desc: enable/disable named field for data syncing, will use column ids for grid
|
||||
* @param: mode - true/false
|
||||
* @type: public
|
||||
*/
|
||||
enableDataNames:function(mode){
|
||||
this._endnm=convertStringToBoolean(mode);
|
||||
},
|
||||
/**
|
||||
* @desc: enable/disable mode , when only changed fields and row id send to the server side, instead of all fields in default mode
|
||||
* @param: mode - true/false
|
||||
* @type: public
|
||||
*/
|
||||
enablePartialDataSend:function(mode){
|
||||
this._changed=convertStringToBoolean(mode);
|
||||
},
|
||||
/**
|
||||
* @desc: set if rows should be send to server automaticaly
|
||||
* @param: mode - "row" - based on row selection changed, "cell" - based on cell editing finished, "off" - manual data sending
|
||||
* @type: public
|
||||
*/
|
||||
setUpdateMode:function(mode,dnd){
|
||||
this.autoUpdate = (mode=="cell");
|
||||
this.updateMode = mode;
|
||||
this.dnd=dnd;
|
||||
},
|
||||
ignore:function(code,master){
|
||||
this._silent_mode=true;
|
||||
code.call(master||window);
|
||||
this._silent_mode=false;
|
||||
},
|
||||
/**
|
||||
* @desc: mark row as updated/normal. check mandatory fields,initiate autoupdate (if turned on)
|
||||
* @param: rowId - id of row to set update-status for
|
||||
* @param: state - true for "updated", false for "not updated"
|
||||
* @param: mode - update mode name
|
||||
* @type: public
|
||||
*/
|
||||
setUpdated:function(rowId,state,mode){
|
||||
if (this._silent_mode) return;
|
||||
var ind=this.findRow(rowId);
|
||||
|
||||
mode=mode||"updated";
|
||||
var existing = this.obj.getUserData(rowId,this.action_param);
|
||||
if (existing && mode == "updated") mode=existing;
|
||||
if (state){
|
||||
this.set_invalid(rowId,false); //clear previous error flag
|
||||
this.updatedRows[ind]=rowId;
|
||||
this.obj.setUserData(rowId,this.action_param,mode);
|
||||
if (this._in_progress[rowId])
|
||||
this._in_progress[rowId]="wait";
|
||||
} else{
|
||||
if (!this.is_invalid(rowId)){
|
||||
this.updatedRows.splice(ind,1);
|
||||
this.obj.setUserData(rowId,this.action_param,"");
|
||||
}
|
||||
}
|
||||
|
||||
//clear changed flag
|
||||
if (!state)
|
||||
this._clearUpdateFlag(rowId);
|
||||
|
||||
this.markRow(rowId,state,mode);
|
||||
if (state && this.autoUpdate) this.sendData(rowId);
|
||||
},
|
||||
_clearUpdateFlag:function(id){},
|
||||
markRow:function(id,state,mode){
|
||||
var str="";
|
||||
var invalid=this.is_invalid(id);
|
||||
if (invalid){
|
||||
str=this.styles[invalid];
|
||||
state=true;
|
||||
}
|
||||
if (this.callEvent("onRowMark",[id,state,mode,invalid])){
|
||||
//default logic
|
||||
str=this.styles[state?mode:"clear"]+str;
|
||||
|
||||
this.obj[this._methods[0]](id,str);
|
||||
|
||||
if (invalid && invalid.details){
|
||||
str+=this.styles[invalid+"_cell"];
|
||||
for (var i=0; i < invalid.details.length; i++)
|
||||
if (invalid.details[i])
|
||||
this.obj[this._methods[1]](id,i,str);
|
||||
}
|
||||
}
|
||||
},
|
||||
getState:function(id){
|
||||
return this.obj.getUserData(id,this.action_param);
|
||||
},
|
||||
is_invalid:function(id){
|
||||
return this._invalid[id];
|
||||
},
|
||||
set_invalid:function(id,mode,details){
|
||||
if (details) mode={value:mode, details:details, toString:function(){ return this.value.toString(); }};
|
||||
this._invalid[id]=mode;
|
||||
},
|
||||
/**
|
||||
* @desc: check mandatory fields and varify values of cells, initiate update (if specified)
|
||||
* @param: rowId - id of row to set update-status for
|
||||
* @type: public
|
||||
*/
|
||||
checkBeforeUpdate:function(rowId){
|
||||
return true;
|
||||
},
|
||||
/**
|
||||
* @desc: send row(s) values to server
|
||||
* @param: rowId - id of row which data to send. If not specified, then all "updated" rows will be send
|
||||
* @type: public
|
||||
*/
|
||||
sendData:function(rowId){
|
||||
if (this._waitMode && (this.obj.mytype=="tree" || this.obj._h2)) return;
|
||||
if (this.obj.editStop) this.obj.editStop();
|
||||
|
||||
|
||||
if(typeof rowId == "undefined" || this._tSend) return this.sendAllData();
|
||||
if (this._in_progress[rowId]) return false;
|
||||
|
||||
this.messages=[];
|
||||
if (!this.checkBeforeUpdate(rowId) && this.callEvent("onValidatationError",[rowId,this.messages])) return false;
|
||||
this._beforeSendData(this._getRowData(rowId),rowId);
|
||||
},
|
||||
_beforeSendData:function(data,rowId){
|
||||
if (!this.callEvent("onBeforeUpdate",[rowId,this.getState(rowId),data])) return false;
|
||||
this._sendData(data,rowId);
|
||||
},
|
||||
serialize:function(data, id){
|
||||
if (typeof id != "undefined")
|
||||
return this.serialize_one(data,"");
|
||||
else{
|
||||
var stack = [];
|
||||
var keys = [];
|
||||
for (var key in data)
|
||||
if (data.hasOwnProperty(key)){
|
||||
stack.push(this.serialize_one(data[key],key+this.post_delim));
|
||||
keys.push(key);
|
||||
}
|
||||
stack.push("ids="+this.escape(keys.join(",")));
|
||||
return stack.join("&");
|
||||
}
|
||||
},
|
||||
serialize_one:function(data, pref){
|
||||
if (typeof data == "string")
|
||||
return data;
|
||||
var stack = [];
|
||||
for (var key in data)
|
||||
if (data.hasOwnProperty(key))
|
||||
stack.push(this.escape((pref||"")+key)+"="+this.escape(data[key]));
|
||||
return stack.join("&");
|
||||
},
|
||||
_sendData:function(a1,rowId){
|
||||
if (!a1) return; //nothing to send
|
||||
if (!this.callEvent("onBeforeDataSending",rowId?[rowId,this.getState(rowId),a1]:[null, null, a1])) return false;
|
||||
|
||||
if (rowId)
|
||||
this._in_progress[rowId]=(new Date()).valueOf();
|
||||
var a2=new dtmlXMLLoaderObject(this.afterUpdate,this,true);
|
||||
|
||||
var a3 = this.serverProcessor+(this._user?(getUrlSymbol(this.serverProcessor)+["dhx_user="+this._user,"dhx_version="+this.obj.getUserData(0,"version")].join("&")):"");
|
||||
|
||||
if (this._tMode!="POST")
|
||||
a2.loadXML(a3+((a3.indexOf("?")!=-1)?"&":"?")+this.serialize(a1,rowId));
|
||||
else
|
||||
a2.loadXML(a3,true,this.serialize(a1));
|
||||
|
||||
this._waitMode++;
|
||||
},
|
||||
sendAllData:function(){
|
||||
if (!this.updatedRows.length) return;
|
||||
|
||||
this.messages=[]; var valid=true;
|
||||
for (var i=0; i<this.updatedRows.length; i++)
|
||||
valid&=this.checkBeforeUpdate(this.updatedRows[i]);
|
||||
if (!valid && !this.callEvent("onValidatationError",["",this.messages])) return false;
|
||||
|
||||
if (this._tSend)
|
||||
this._sendData(this._getAllData());
|
||||
else
|
||||
for (var i=0; i<this.updatedRows.length; i++)
|
||||
if (!this._in_progress[this.updatedRows[i]]){
|
||||
if (this.is_invalid(this.updatedRows[i])) continue;
|
||||
this._beforeSendData(this._getRowData(this.updatedRows[i]),this.updatedRows[i]);
|
||||
if (this._waitMode && (this.obj.mytype=="tree" || this.obj._h2)) return; //block send all for tree
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
_getAllData:function(rowId){
|
||||
var out={};
|
||||
var has_one = false;
|
||||
for(var i=0;i<this.updatedRows.length;i++){
|
||||
var id=this.updatedRows[i];
|
||||
if (this._in_progress[id] || this.is_invalid(id)) continue;
|
||||
if (!this.callEvent("onBeforeUpdate",[id,this.getState(id)])) continue;
|
||||
out[id]=this._getRowData(id,id+this.post_delim);
|
||||
has_one = true;
|
||||
this._in_progress[id]=(new Date()).valueOf();
|
||||
}
|
||||
return has_one?out:null;
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* @desc: specify column which value should be varified before sending to server
|
||||
* @param: ind - column index (0 based)
|
||||
* @param: verifFunction - function (object) which should verify cell value (if not specified, then value will be compared to empty string). Two arguments will be passed into it: value and column name
|
||||
* @type: public
|
||||
*/
|
||||
setVerificator:function(ind,verifFunction){
|
||||
this.mandatoryFields[ind] = verifFunction||(function(value){return (value!="");});
|
||||
},
|
||||
/**
|
||||
* @desc: remove column from list of those which should be verified
|
||||
* @param: ind - column Index (0 based)
|
||||
* @type: public
|
||||
*/
|
||||
clearVerificator:function(ind){
|
||||
this.mandatoryFields[ind] = false;
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
findRow:function(pattern){
|
||||
var i=0;
|
||||
for(i=0;i<this.updatedRows.length;i++)
|
||||
if(pattern==this.updatedRows[i]) break;
|
||||
return i;
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @desc: define custom actions
|
||||
* @param: name - name of action, same as value of action attribute
|
||||
* @param: handler - custom function, which receives a XMl response content for action
|
||||
* @type: private
|
||||
*/
|
||||
defineAction:function(name,handler){
|
||||
if (!this._uActions) this._uActions=[];
|
||||
this._uActions[name]=handler;
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @desc: used in combination with setOnBeforeUpdateHandler to create custom client-server transport system
|
||||
* @param: sid - id of item before update
|
||||
* @param: tid - id of item after up0ate
|
||||
* @param: action - action name
|
||||
* @type: public
|
||||
* @topic: 0
|
||||
*/
|
||||
afterUpdateCallback:function(sid, tid, action, btag) {
|
||||
var correct=(action!="error" && action!="invalid");
|
||||
if (!correct) this.set_invalid(sid,action);
|
||||
if ((this._uActions)&&(this._uActions[action])&&(!this._uActions[action](btag)))
|
||||
return (delete this._in_progress[sid]);
|
||||
|
||||
if (this._in_progress[sid]!="wait")
|
||||
this.setUpdated(sid, false);
|
||||
var soid = sid;
|
||||
|
||||
switch (action) {
|
||||
case "inserted":
|
||||
case "insert":
|
||||
if (tid != sid) {
|
||||
this.obj[this._methods[2]](sid, tid);
|
||||
sid = tid;
|
||||
}
|
||||
break;
|
||||
case "delete":
|
||||
case "deleted":
|
||||
this.obj.setUserData(sid, this.action_param, "true_deleted");
|
||||
this.obj[this._methods[3]](sid);
|
||||
|
||||
return this.callEvent("onAfterUpdate", [sid, action, tid, btag]);
|
||||
break;
|
||||
}
|
||||
|
||||
if (this._in_progress[sid]!="wait"){
|
||||
if (correct) this.obj.setUserData(sid, this.action_param,'');
|
||||
delete this._in_progress[sid];
|
||||
} else {
|
||||
delete this._in_progress[sid];
|
||||
this.setUpdated(tid,true,this.obj.getUserData(sid,this.action_param));
|
||||
}
|
||||
|
||||
this.callEvent("onAfterUpdate", [sid, action, tid, btag]);
|
||||
},
|
||||
|
||||
/**
|
||||
* @desc: response from server
|
||||
* @param: xml - XMLLoader object with response XML
|
||||
* @type: private
|
||||
*/
|
||||
afterUpdate:function(that,b,c,d,xml){
|
||||
xml.getXMLTopNode("data"); //fix incorrect content type in IE
|
||||
if (!xml.xmlDoc.responseXML) return;
|
||||
var atag=xml.doXPath("//data/action");
|
||||
for (var i=0; i<atag.length; i++){
|
||||
var btag=atag[i];
|
||||
var action = btag.getAttribute("type");
|
||||
var sid = btag.getAttribute("sid");
|
||||
var tid = btag.getAttribute("tid");
|
||||
|
||||
that.afterUpdateCallback(sid,tid,action,btag);
|
||||
}
|
||||
that.finalizeUpdate();
|
||||
},
|
||||
finalizeUpdate:function(){
|
||||
if (this._waitMode) this._waitMode--;
|
||||
|
||||
if ((this.obj.mytype=="tree" || this.obj._h2) && this.updatedRows.length)
|
||||
this.sendData();
|
||||
this.callEvent("onAfterUpdateFinish",[]);
|
||||
if (!this.updatedRows.length)
|
||||
this.callEvent("onFullSync",[]);
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @desc: initializes data-processor
|
||||
* @param: anObj - dhtmlxGrid object to attach this data-processor to
|
||||
* @type: public
|
||||
*/
|
||||
init:function(anObj){
|
||||
this.obj = anObj;
|
||||
if (this.obj._dp_init)
|
||||
this.obj._dp_init(this);
|
||||
},
|
||||
|
||||
|
||||
setOnAfterUpdate:function(ev){
|
||||
this.attachEvent("onAfterUpdate",ev);
|
||||
},
|
||||
enableDebug:function(mode){
|
||||
},
|
||||
setOnBeforeUpdateHandler:function(func){
|
||||
this.attachEvent("onBeforeDataSending",func);
|
||||
},
|
||||
|
||||
|
||||
|
||||
/*! starts autoupdate mode
|
||||
@param interval
|
||||
time interval for sending update requests
|
||||
*/
|
||||
setAutoUpdate: function(interval, user) {
|
||||
interval = interval || 2000;
|
||||
|
||||
this._user = user || (new Date()).valueOf();
|
||||
this._need_update = false;
|
||||
this._loader = null;
|
||||
this._update_busy = false;
|
||||
|
||||
this.attachEvent("onAfterUpdate",function(sid,action,tid,xml_node){
|
||||
this.afterAutoUpdate(sid, action, tid, xml_node);
|
||||
});
|
||||
this.attachEvent("onFullSync",function(){
|
||||
this.fullSync();
|
||||
});
|
||||
|
||||
var self = this;
|
||||
window.setInterval(function(){
|
||||
self.loadUpdate();
|
||||
}, interval);
|
||||
},
|
||||
|
||||
|
||||
/*! process updating request answer
|
||||
if status == collision version is depricated
|
||||
set flag for autoupdating immidiatly
|
||||
*/
|
||||
afterAutoUpdate: function(sid, action, tid, xml_node) {
|
||||
if (action == 'collision') {
|
||||
this._need_update = true;
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/*! callback function for onFillSync event
|
||||
call update function if it's need
|
||||
*/
|
||||
fullSync: function() {
|
||||
if (this._need_update == true) {
|
||||
this._need_update = false;
|
||||
this.loadUpdate();
|
||||
}
|
||||
return true;
|
||||
},
|
||||
|
||||
|
||||
/*! sends query to the server and call callback function
|
||||
*/
|
||||
getUpdates: function(url,callback){
|
||||
if (this._update_busy)
|
||||
return false;
|
||||
else
|
||||
this._update_busy = true;
|
||||
|
||||
this._loader = this._loader || new dtmlXMLLoaderObject(true);
|
||||
|
||||
this._loader.async=true;
|
||||
this._loader.waitCall=callback;
|
||||
this._loader.loadXML(url);
|
||||
},
|
||||
|
||||
|
||||
/*! returns xml node value
|
||||
@param node
|
||||
xml node
|
||||
*/
|
||||
_v: function(node) {
|
||||
if (node.firstChild) return node.firstChild.nodeValue;
|
||||
return "";
|
||||
},
|
||||
|
||||
|
||||
/*! returns values array of xml nodes array
|
||||
@param arr
|
||||
array of xml nodes
|
||||
*/
|
||||
_a: function(arr) {
|
||||
var res = [];
|
||||
for (var i=0; i < arr.length; i++) {
|
||||
res[i]=this._v(arr[i]);
|
||||
};
|
||||
return res;
|
||||
},
|
||||
|
||||
|
||||
/*! loads updates and processes them
|
||||
*/
|
||||
loadUpdate: function(){
|
||||
var self = this;
|
||||
var version = this.obj.getUserData(0,"version");
|
||||
var url = this.serverProcessor+getUrlSymbol(this.serverProcessor)+["dhx_user="+this._user,"dhx_version="+version].join("&");
|
||||
url = url.replace("editing=true&","");
|
||||
this.getUpdates(url, function(){
|
||||
var vers = self._loader.doXPath("//userdata");
|
||||
self.obj.setUserData(0,"version",self._v(vers[0]));
|
||||
|
||||
var upds = self._loader.doXPath("//update");
|
||||
if (upds.length){
|
||||
self._silent_mode = true;
|
||||
|
||||
for (var i=0; i<upds.length; i++) {
|
||||
var status = upds[i].getAttribute('status');
|
||||
var id = upds[i].getAttribute('id');
|
||||
var parent = upds[i].getAttribute('parent');
|
||||
switch (status) {
|
||||
case 'inserted':
|
||||
self.callEvent("insertCallback",[upds[i], id, parent]);
|
||||
break;
|
||||
case 'updated':
|
||||
self.callEvent("updateCallback",[upds[i], id, parent]);
|
||||
break;
|
||||
case 'deleted':
|
||||
self.callEvent("deleteCallback",[upds[i], id, parent]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
self._silent_mode = false;
|
||||
}
|
||||
|
||||
self._update_busy = false;
|
||||
self = null;
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
//(c)dhtmlx ltd. www.dhtmlx.com
|
||||
@ -1,171 +0,0 @@
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
dataProcessor.prototype._o_init = dataProcessor.prototype.init;
|
||||
dataProcessor.prototype.init=function(obj){
|
||||
this._console=this._console||this._createConsole();
|
||||
this.attachEvent("onValidatationError",function(rowId){
|
||||
this._log("Validation error for ID="+(rowId||"[multiple]"));
|
||||
return true;
|
||||
});
|
||||
return this._o_init(obj);
|
||||
}
|
||||
|
||||
dataProcessor.prototype._createConsole=function(){
|
||||
var c=document.createElement("DIV");
|
||||
c.style.cssText='width:450px; height:420px; overflow:auto; position:absolute; z-index:99999; background-color:white; top:0px; right:0px; border:1px dashed black; font-family:Tahoma; Font-size:10pt;';
|
||||
c.innerHTML="<div style='width:100%; background-color:gray; font-weight:bold; color:white;'><span style='cursor:pointer;float:right;' onclick='this.parentNode.parentNode.style.display=\"none\"'><sup>[close] </sup></span><span style='cursor:pointer;float:right;' onclick='this.parentNode.parentNode.childNodes[2].innerHTML=\"\"'><sup>[clear] </sup></span> DataProcessor</div><div style='width:100%; height:200px; overflow-Y:scroll;'> Current state</div><div style='width:100%; height:200px; overflow-Y:scroll;'> Log:</div>";
|
||||
if (document.body) document.body.insertBefore(c,document.body.firstChild);
|
||||
else dhtmlxEvent(window,"load",function(){
|
||||
document.body.insertBefore(c,document.body.firstChild);
|
||||
})
|
||||
dhtmlxEvent(window,"dblclick",function(){
|
||||
c.style.display='';
|
||||
})
|
||||
return c;
|
||||
}
|
||||
|
||||
dataProcessor.prototype._error=function(data){
|
||||
this._log("<span style='color:red'>"+data+"</span>");
|
||||
}
|
||||
dataProcessor.prototype._log=function(data){
|
||||
var div=document.createElement("DIV");
|
||||
div.innerHTML = data;
|
||||
var parent=this._console.childNodes[2];
|
||||
parent.appendChild(div);
|
||||
parent.scrollTop=parent.scrollHeight;
|
||||
|
||||
if (window.console && window.console.log)
|
||||
window.console.log("DataProcessor :: "+data.replace(" "," ").replace("<b>","").replace("</b>",""));
|
||||
|
||||
}
|
||||
dataProcessor.prototype._updateStat=function(data){
|
||||
var data=[" Current state"];
|
||||
for(var i=0;i<this.updatedRows.length;i++)
|
||||
data.push(" ID:"+this.updatedRows[i]+" Status: "+(this.obj.getUserData(this.updatedRows[i],"!nativeeditor_status")||"updated")+", "+(this.is_invalid(this.updatedRows[i])||"valid"))
|
||||
this._console.childNodes[1].innerHTML=data.join("<br/>")+"<hr/>Current mode: "+this.updateMode;
|
||||
}
|
||||
dataProcessor.prototype.xml_analize=function(xml){
|
||||
if (_isFF){
|
||||
if (!xml.xmlDoc.responseXML)
|
||||
this._error("Not an XML, probably incorrect content type specified ( must be text/xml ), or some text output was started before XML data");
|
||||
else if (xml.xmlDoc.responseXML.firstChild.tagName=="parsererror")
|
||||
this._error(xml.xmlDoc.responseXML.firstChild.textContent);
|
||||
else return true;
|
||||
} else if (_isIE){
|
||||
if (xml.xmlDoc.responseXML.parseError.errorCode)
|
||||
this._error("XML error : "+xml.xmlDoc.responseXML.parseError.reason);
|
||||
else if (!xml.xmlDoc.responseXML.documentElement)
|
||||
this._error("Not an XML, probably incorrect content type specified ( must be text/xml ), or some text output was started before XML data");
|
||||
else return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
dataProcessor.wrap=function(name,before,after){
|
||||
var d=dataProcessor.prototype;
|
||||
if (!d._wrap) d._wrap={};
|
||||
d._wrap[name]=d[name];
|
||||
d[name]=function(){
|
||||
if (before) before.apply(this,arguments);
|
||||
var res=d._wrap[name].apply(this,arguments);
|
||||
if (after) after.apply(this,[arguments,res]);
|
||||
return res;
|
||||
}
|
||||
};
|
||||
|
||||
dataProcessor.wrap("setUpdated",function(rowId,state,mode){
|
||||
this._log(" row <b>"+rowId+"</b> "+(state?"marked":"unmarked")+" ["+(mode||"updated")+","+(this.is_invalid(rowId)||"valid")+"]");
|
||||
},function(){
|
||||
this._updateStat();
|
||||
});
|
||||
|
||||
|
||||
|
||||
dataProcessor.wrap("sendData",function(rowId){
|
||||
if (rowId){
|
||||
this._log(" Initiating data sending for <b>"+rowId+"</b>");
|
||||
if (this.obj.mytype=="tree"){
|
||||
if (!this.obj._idpull[rowId])
|
||||
this._log(" Error! item with such ID not exists <b>"+rowId+"</b>");
|
||||
} else {
|
||||
if (!this.obj.rowsAr[rowId])
|
||||
this._log(" Error! row with such ID not exists <b>"+rowId+"</b>");
|
||||
}
|
||||
}
|
||||
},function(){
|
||||
|
||||
});
|
||||
|
||||
dataProcessor.wrap("sendAllData",function(){
|
||||
this._log(" Initiating data sending for <b>all</b> rows ");
|
||||
},function(){
|
||||
|
||||
});
|
||||
dataProcessor.logSingle=function(data,id){
|
||||
var tdata = {};
|
||||
if (id)
|
||||
tdata[id] = data;
|
||||
else
|
||||
tdata = data;
|
||||
|
||||
var url = [];
|
||||
for (var key in tdata) {
|
||||
url.push("<fieldset><legend>"+key+"</legend>");
|
||||
var suburl = [];
|
||||
|
||||
for (var ikey in tdata[key])
|
||||
suburl.push(ikey+" = "+tdata[key][ikey]);
|
||||
|
||||
url.push(suburl.join("<br>"));
|
||||
url.push("</fieldset>");
|
||||
}
|
||||
return url.join("");
|
||||
}
|
||||
dataProcessor.wrap("_sendData",function(data,rowId){
|
||||
if (rowId)
|
||||
this._log(" Sending in one-by-one mode, current ID = "+rowId);
|
||||
else
|
||||
this._log(" Sending all data at once");
|
||||
this._log(" Server url: "+this.serverProcessor+" <a onclick='this.parentNode.nextSibling.firstChild.style.display=\"block\"' href='#'>parameters</a>");
|
||||
var url = [];
|
||||
this._log("<blockquote style='display:none;'>"+dataProcessor.logSingle(data,rowId)+"<blockquote>");
|
||||
},function(){
|
||||
|
||||
});
|
||||
|
||||
|
||||
dataProcessor.wrap("afterUpdate",function(that,b,c,d,xml){
|
||||
that._log(" Server response received <a onclick='this.nextSibling.style.display=\"block\"' href='#'>details</a><blockquote style='display:none'><code>"+(xml.xmlDoc.responseText||"").replace(/\&/g,"&").replace(/</g,"<").replace(/>/g,">")+"</code></blockquote>");
|
||||
if (!that.xml_analize(xml)) return;
|
||||
var atag=xml.doXPath("//data/action");
|
||||
if (!atag){
|
||||
that._log(" No actions found");
|
||||
var atag=xml.getXMLTopNode("data");
|
||||
if (!atag) that._log(" XML not valid");
|
||||
else that._log(" Incorrect content type - need to be text/xml");
|
||||
}
|
||||
},function(){
|
||||
|
||||
});
|
||||
|
||||
dataProcessor.wrap("afterUpdateCallback",function(sid,tid,action){
|
||||
if (this.obj.mytype=="tree"){
|
||||
if (!this.obj._idpull[sid]) this._log("Incorrect SID, item with such ID not exists in grid");
|
||||
} else {
|
||||
if (!this.obj.rowsAr[sid]) this._log("Incorrect SID, row with such ID not exists in grid");
|
||||
}
|
||||
this._log(" Action: "+action+" SID:"+sid+" TID:"+tid);
|
||||
},function(){
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,45 +0,0 @@
|
||||
//v.2.6 build 100722
|
||||
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
You allowed to use this component or parts of it under GPL terms
|
||||
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||||
*/
|
||||
|
||||
/**
|
||||
* @desc: set function called after row updated
|
||||
* @param: func - event handling function (or its name)
|
||||
* @type: deprecated
|
||||
* @topic: 10
|
||||
* @event: onAfterUpdate
|
||||
* @eventdesc: Event raised after row updated on server side
|
||||
* @eventparam: ID of clicked row
|
||||
* @eventparam: type of command
|
||||
* @eventparam: new Id, for _insert_ command
|
||||
*/
|
||||
dataProcessor.prototype.setOnAfterUpdate = function(ev){
|
||||
this.attachEvent("onAfterUpdate",ev);
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc: enable/disable debuging
|
||||
* @param: mode - true/false
|
||||
* @type: deprecated
|
||||
*/
|
||||
dataProcessor.prototype.enableDebug = function(mode){
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc: set function called before server request sent ( can be used for including custom client server transport system)
|
||||
* @param: func - event handling function
|
||||
* @type: public
|
||||
* @topic: 0
|
||||
* @event: onBeforeUpdate
|
||||
* @eventdesc: Event occured in moment before data sent to server
|
||||
* @eventparam: ID of item which need to be updated
|
||||
* @eventparam: type of operation
|
||||
* @eventreturns: false to block default sending routine
|
||||
*/
|
||||
dataProcessor.prototype.setOnBeforeUpdateHandler=function(func){
|
||||
this.attachEvent("onBeforeDataSending",func);
|
||||
};
|
||||
@ -1,928 +0,0 @@
|
||||
dhtmlx=function(obj){
|
||||
for (var a in obj) dhtmlx[a]=obj[a];
|
||||
return dhtmlx; //simple singleton
|
||||
};
|
||||
dhtmlx.extend_api=function(name,map,ext){
|
||||
var t = window[name];
|
||||
if (!t) return; //component not defined
|
||||
window[name]=function(obj){
|
||||
if (obj && typeof obj == "object" && !obj.tagName){
|
||||
var that = t.apply(this,(map._init?map._init(obj):arguments));
|
||||
//global settings
|
||||
for (var a in dhtmlx)
|
||||
if (map[a]) this[map[a]](dhtmlx[a]);
|
||||
//local settings
|
||||
for (var a in obj){
|
||||
if (map[a]) this[map[a]](obj[a]);
|
||||
else if (a.indexOf("on")==0){
|
||||
this.attachEvent(a,obj[a]);
|
||||
}
|
||||
}
|
||||
} else
|
||||
var that = t.apply(this,arguments);
|
||||
if (map._patch) map._patch(this);
|
||||
return that||this;
|
||||
};
|
||||
window[name].prototype=t.prototype;
|
||||
if (ext)
|
||||
dhtmlXHeir(window[name].prototype,ext);
|
||||
};
|
||||
|
||||
dhtmlxAjax={
|
||||
get:function(url,callback){
|
||||
var t=new dtmlXMLLoaderObject(true);
|
||||
t.async=(arguments.length<3);
|
||||
t.waitCall=callback;
|
||||
t.loadXML(url)
|
||||
return t;
|
||||
},
|
||||
post:function(url,post,callback){
|
||||
var t=new dtmlXMLLoaderObject(true);
|
||||
t.async=(arguments.length<4);
|
||||
t.waitCall=callback;
|
||||
t.loadXML(url,true,post)
|
||||
return t;
|
||||
},
|
||||
getSync:function(url){
|
||||
return this.get(url,null,true)
|
||||
},
|
||||
postSync:function(url,post){
|
||||
return this.post(url,post,null,true);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc: xmlLoader object
|
||||
* @type: private
|
||||
* @param: funcObject - xml parser function
|
||||
* @param: object - jsControl object
|
||||
* @param: async - sync/async mode (async by default)
|
||||
* @param: rSeed - enable/disable random seed ( prevent IE caching)
|
||||
* @topic: 0
|
||||
*/
|
||||
function dtmlXMLLoaderObject(funcObject, dhtmlObject, async, rSeed){
|
||||
this.xmlDoc="";
|
||||
|
||||
if (typeof (async) != "undefined")
|
||||
this.async=async;
|
||||
else
|
||||
this.async=true;
|
||||
|
||||
this.onloadAction=funcObject||null;
|
||||
this.mainObject=dhtmlObject||null;
|
||||
this.waitCall=null;
|
||||
this.rSeed=rSeed||false;
|
||||
return this;
|
||||
};
|
||||
/**
|
||||
* @desc: xml loading handler
|
||||
* @type: private
|
||||
* @param: dtmlObject - xmlLoader object
|
||||
* @topic: 0
|
||||
*/
|
||||
dtmlXMLLoaderObject.prototype.waitLoadFunction=function(dhtmlObject){
|
||||
var once = true;
|
||||
this.check=function (){
|
||||
if ((dhtmlObject)&&(dhtmlObject.onloadAction != null)){
|
||||
if ((!dhtmlObject.xmlDoc.readyState)||(dhtmlObject.xmlDoc.readyState == 4)){
|
||||
if (!once)
|
||||
return;
|
||||
|
||||
once=false; //IE 5 fix
|
||||
if (typeof dhtmlObject.onloadAction == "function")
|
||||
dhtmlObject.onloadAction(dhtmlObject.mainObject, null, null, null, dhtmlObject);
|
||||
|
||||
if (dhtmlObject.waitCall){
|
||||
dhtmlObject.waitCall.call(this,dhtmlObject);
|
||||
dhtmlObject.waitCall=null;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
return this.check;
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc: return XML top node
|
||||
* @param: tagName - top XML node tag name (not used in IE, required for Safari and Mozilla)
|
||||
* @type: private
|
||||
* @returns: top XML node
|
||||
* @topic: 0
|
||||
*/
|
||||
dtmlXMLLoaderObject.prototype.getXMLTopNode=function(tagName, oldObj){
|
||||
if (this.xmlDoc.responseXML){
|
||||
var temp = this.xmlDoc.responseXML.getElementsByTagName(tagName);
|
||||
if(temp.length==0 && tagName.indexOf(":")!=-1)
|
||||
var temp = this.xmlDoc.responseXML.getElementsByTagName((tagName.split(":"))[1]);
|
||||
var z = temp[0];
|
||||
} else
|
||||
var z = this.xmlDoc.documentElement;
|
||||
|
||||
if (z){
|
||||
this._retry=false;
|
||||
return z;
|
||||
}
|
||||
|
||||
if ((_isIE)&&(!this._retry)){
|
||||
//fall back to MS.XMLDOM
|
||||
var xmlString = this.xmlDoc.responseText;
|
||||
var oldObj = this.xmlDoc;
|
||||
this._retry=true;
|
||||
this.xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
|
||||
this.xmlDoc.async=false;
|
||||
this.xmlDoc["loadXM"+"L"](xmlString);
|
||||
|
||||
return this.getXMLTopNode(tagName, oldObj);
|
||||
}
|
||||
dhtmlxError.throwError("LoadXML", "Incorrect XML", [
|
||||
(oldObj||this.xmlDoc),
|
||||
this.mainObject
|
||||
]);
|
||||
|
||||
return document.createElement("DIV");
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc: load XML from string
|
||||
* @type: private
|
||||
* @param: xmlString - xml string
|
||||
* @topic: 0
|
||||
*/
|
||||
dtmlXMLLoaderObject.prototype.loadXMLString=function(xmlString){
|
||||
{
|
||||
try{
|
||||
var parser = new DOMParser();
|
||||
this.xmlDoc=parser.parseFromString(xmlString, "text/xml");
|
||||
}
|
||||
catch (e){
|
||||
this.xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
|
||||
this.xmlDoc.async=this.async;
|
||||
this.xmlDoc["loadXM"+"L"](xmlString);
|
||||
}
|
||||
}
|
||||
|
||||
this.onloadAction(this.mainObject, null, null, null, this);
|
||||
|
||||
if (this.waitCall){
|
||||
this.waitCall();
|
||||
this.waitCall=null;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* @desc: load XML
|
||||
* @type: private
|
||||
* @param: filePath - xml file path
|
||||
* @param: postMode - send POST request
|
||||
* @param: postVars - list of vars for post request
|
||||
* @topic: 0
|
||||
*/
|
||||
dtmlXMLLoaderObject.prototype.loadXML=function(filePath, postMode, postVars, rpc){
|
||||
if (this.rSeed)
|
||||
filePath+=((filePath.indexOf("?") != -1) ? "&" : "?")+"a_dhx_rSeed="+(new Date()).valueOf();
|
||||
this.filePath=filePath;
|
||||
|
||||
if ((!_isIE)&&(window.XMLHttpRequest))
|
||||
this.xmlDoc=new XMLHttpRequest();
|
||||
else {
|
||||
this.xmlDoc=new ActiveXObject("Microsoft.XMLHTTP");
|
||||
}
|
||||
|
||||
if (this.async)
|
||||
this.xmlDoc.onreadystatechange=new this.waitLoadFunction(this);
|
||||
this.xmlDoc.open(postMode ? "POST" : "GET", filePath, this.async);
|
||||
|
||||
if (rpc){
|
||||
this.xmlDoc.setRequestHeader("User-Agent", "dhtmlxRPC v0.1 ("+navigator.userAgent+")");
|
||||
this.xmlDoc.setRequestHeader("Content-type", "text/xml");
|
||||
}
|
||||
|
||||
else if (postMode)
|
||||
this.xmlDoc.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
||||
|
||||
this.xmlDoc.setRequestHeader("X-Requested-With","XMLHttpRequest");
|
||||
this.xmlDoc.send(null||postVars);
|
||||
|
||||
if (!this.async)
|
||||
(new this.waitLoadFunction(this))();
|
||||
};
|
||||
/**
|
||||
* @desc: destructor, cleans used memory
|
||||
* @type: private
|
||||
* @topic: 0
|
||||
*/
|
||||
dtmlXMLLoaderObject.prototype.destructor=function(){
|
||||
this._filterXPath = null;
|
||||
this._getAllNamedChilds = null;
|
||||
this._retry = null;
|
||||
this.async = null;
|
||||
this.rSeed = null;
|
||||
this.filePath = null;
|
||||
this.onloadAction = null;
|
||||
this.mainObject = null;
|
||||
this.xmlDoc = null;
|
||||
this.doXPath = null;
|
||||
this.doXPathOpera = null;
|
||||
this.doXSLTransToObject = null;
|
||||
this.doXSLTransToString = null;
|
||||
this.loadXML = null;
|
||||
this.loadXMLString = null;
|
||||
// this.waitLoadFunction = null;
|
||||
this.doSerialization = null;
|
||||
this.xmlNodeToJSON = null;
|
||||
this.getXMLTopNode = null;
|
||||
this.setXSLParamValue = null;
|
||||
return null;
|
||||
}
|
||||
|
||||
dtmlXMLLoaderObject.prototype.xmlNodeToJSON = function(node){
|
||||
var t={};
|
||||
for (var i=0; i<node.attributes.length; i++)
|
||||
t[node.attributes[i].name]=node.attributes[i].value;
|
||||
t["_tagvalue"]=node.firstChild?node.firstChild.nodeValue:"";
|
||||
for (var i=0; i<node.childNodes.length; i++){
|
||||
var name=node.childNodes[i].tagName;
|
||||
if (name){
|
||||
if (!t[name]) t[name]=[];
|
||||
t[name].push(this.xmlNodeToJSON(node.childNodes[i]));
|
||||
}
|
||||
}
|
||||
return t;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc: Call wrapper
|
||||
* @type: private
|
||||
* @param: funcObject - action handler
|
||||
* @param: dhtmlObject - user data
|
||||
* @returns: function handler
|
||||
* @topic: 0
|
||||
*/
|
||||
function callerFunction(funcObject, dhtmlObject){
|
||||
this.handler=function(e){
|
||||
if (!e)
|
||||
e=window.event;
|
||||
funcObject(e, dhtmlObject);
|
||||
return true;
|
||||
};
|
||||
return this.handler;
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc: Calculate absolute position of html object
|
||||
* @type: private
|
||||
* @param: htmlObject - html object
|
||||
* @topic: 0
|
||||
*/
|
||||
function getAbsoluteLeft(htmlObject){
|
||||
return getOffset(htmlObject).left;
|
||||
}
|
||||
/**
|
||||
* @desc: Calculate absolute position of html object
|
||||
* @type: private
|
||||
* @param: htmlObject - html object
|
||||
* @topic: 0
|
||||
*/
|
||||
function getAbsoluteTop(htmlObject){
|
||||
return getOffset(htmlObject).top;
|
||||
}
|
||||
|
||||
function getOffsetSum(elem) {
|
||||
var top=0, left=0;
|
||||
while(elem) {
|
||||
top = top + parseInt(elem.offsetTop);
|
||||
left = left + parseInt(elem.offsetLeft);
|
||||
elem = elem.offsetParent;
|
||||
}
|
||||
return {top: top, left: left};
|
||||
}
|
||||
function getOffsetRect(elem) {
|
||||
var box = elem.getBoundingClientRect();
|
||||
var body = document.body;
|
||||
var docElem = document.documentElement;
|
||||
var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
|
||||
var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
|
||||
var clientTop = docElem.clientTop || body.clientTop || 0;
|
||||
var clientLeft = docElem.clientLeft || body.clientLeft || 0;
|
||||
var top = box.top + scrollTop - clientTop;
|
||||
var left = box.left + scrollLeft - clientLeft;
|
||||
return { top: Math.round(top), left: Math.round(left) };
|
||||
}
|
||||
function getOffset(elem) {
|
||||
if (elem.getBoundingClientRect) {
|
||||
return getOffsetRect(elem);
|
||||
} else {
|
||||
return getOffsetSum(elem);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc: Convert string to it boolean representation
|
||||
* @type: private
|
||||
* @param: inputString - string for covertion
|
||||
* @topic: 0
|
||||
*/
|
||||
function convertStringToBoolean(inputString){
|
||||
if (typeof (inputString) == "string")
|
||||
inputString=inputString.toLowerCase();
|
||||
|
||||
switch (inputString){
|
||||
case "1":
|
||||
case "true":
|
||||
case "yes":
|
||||
case "y":
|
||||
case 1:
|
||||
case true:
|
||||
return true;
|
||||
break;
|
||||
|
||||
default: return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc: find out what symbol to use as url param delimiters in further params
|
||||
* @type: private
|
||||
* @param: str - current url string
|
||||
* @topic: 0
|
||||
*/
|
||||
function getUrlSymbol(str){
|
||||
if (str.indexOf("?") != -1)
|
||||
return "&"
|
||||
else
|
||||
return "?"
|
||||
}
|
||||
|
||||
function dhtmlDragAndDropObject(){
|
||||
if (window.dhtmlDragAndDrop)
|
||||
return window.dhtmlDragAndDrop;
|
||||
|
||||
this.lastLanding=0;
|
||||
this.dragNode=0;
|
||||
this.dragStartNode=0;
|
||||
this.dragStartObject=0;
|
||||
this.tempDOMU=null;
|
||||
this.tempDOMM=null;
|
||||
this.waitDrag=0;
|
||||
window.dhtmlDragAndDrop=this;
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
dhtmlDragAndDropObject.prototype.removeDraggableItem=function(htmlNode){
|
||||
htmlNode.onmousedown=null;
|
||||
htmlNode.dragStarter=null;
|
||||
htmlNode.dragLanding=null;
|
||||
}
|
||||
dhtmlDragAndDropObject.prototype.addDraggableItem=function(htmlNode, dhtmlObject){
|
||||
htmlNode.onmousedown=this.preCreateDragCopy;
|
||||
htmlNode.dragStarter=dhtmlObject;
|
||||
this.addDragLanding(htmlNode, dhtmlObject);
|
||||
}
|
||||
dhtmlDragAndDropObject.prototype.addDragLanding=function(htmlNode, dhtmlObject){
|
||||
htmlNode.dragLanding=dhtmlObject;
|
||||
}
|
||||
dhtmlDragAndDropObject.prototype.preCreateDragCopy=function(e){
|
||||
if ((e||window.event) && (e||event).button == 2)
|
||||
return;
|
||||
|
||||
if (window.dhtmlDragAndDrop.waitDrag){
|
||||
window.dhtmlDragAndDrop.waitDrag=0;
|
||||
document.body.onmouseup=window.dhtmlDragAndDrop.tempDOMU;
|
||||
document.body.onmousemove=window.dhtmlDragAndDrop.tempDOMM;
|
||||
return false;
|
||||
}
|
||||
|
||||
window.dhtmlDragAndDrop.waitDrag=1;
|
||||
window.dhtmlDragAndDrop.tempDOMU=document.body.onmouseup;
|
||||
window.dhtmlDragAndDrop.tempDOMM=document.body.onmousemove;
|
||||
window.dhtmlDragAndDrop.dragStartNode=this;
|
||||
window.dhtmlDragAndDrop.dragStartObject=this.dragStarter;
|
||||
document.body.onmouseup=window.dhtmlDragAndDrop.preCreateDragCopy;
|
||||
document.body.onmousemove=window.dhtmlDragAndDrop.callDrag;
|
||||
window.dhtmlDragAndDrop.downtime = new Date().valueOf();
|
||||
|
||||
|
||||
if ((e)&&(e.preventDefault)){
|
||||
e.preventDefault();
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
dhtmlDragAndDropObject.prototype.callDrag=function(e){
|
||||
if (!e)
|
||||
e=window.event;
|
||||
dragger=window.dhtmlDragAndDrop;
|
||||
if ((new Date()).valueOf()-dragger.downtime<100) return;
|
||||
|
||||
if ((e.button == 0)&&(_isIE))
|
||||
return dragger.stopDrag();
|
||||
|
||||
if (!dragger.dragNode&&dragger.waitDrag){
|
||||
dragger.dragNode=dragger.dragStartObject._createDragNode(dragger.dragStartNode, e);
|
||||
|
||||
if (!dragger.dragNode)
|
||||
return dragger.stopDrag();
|
||||
|
||||
dragger.dragNode.onselectstart=function(){return false;}
|
||||
dragger.gldragNode=dragger.dragNode;
|
||||
document.body.appendChild(dragger.dragNode);
|
||||
document.body.onmouseup=dragger.stopDrag;
|
||||
dragger.waitDrag=0;
|
||||
dragger.dragNode.pWindow=window;
|
||||
dragger.initFrameRoute();
|
||||
}
|
||||
|
||||
if (dragger.dragNode.parentNode != window.document.body){
|
||||
var grd = dragger.gldragNode;
|
||||
|
||||
if (dragger.gldragNode.old)
|
||||
grd=dragger.gldragNode.old;
|
||||
|
||||
//if (!document.all) dragger.calculateFramePosition();
|
||||
grd.parentNode.removeChild(grd);
|
||||
var oldBody = dragger.dragNode.pWindow;
|
||||
|
||||
if (grd.pWindow && grd.pWindow.dhtmlDragAndDrop.lastLanding)
|
||||
grd.pWindow.dhtmlDragAndDrop.lastLanding.dragLanding._dragOut(grd.pWindow.dhtmlDragAndDrop.lastLanding);
|
||||
|
||||
// var oldp=dragger.dragNode.parentObject;
|
||||
if (_isIE){
|
||||
var div = document.createElement("Div");
|
||||
div.innerHTML=dragger.dragNode.outerHTML;
|
||||
dragger.dragNode=div.childNodes[0];
|
||||
} else
|
||||
dragger.dragNode=dragger.dragNode.cloneNode(true);
|
||||
|
||||
dragger.dragNode.pWindow=window;
|
||||
// dragger.dragNode.parentObject=oldp;
|
||||
|
||||
dragger.gldragNode.old=dragger.dragNode;
|
||||
document.body.appendChild(dragger.dragNode);
|
||||
oldBody.dhtmlDragAndDrop.dragNode=dragger.dragNode;
|
||||
}
|
||||
|
||||
dragger.dragNode.style.left=e.clientX+15+(dragger.fx
|
||||
? dragger.fx*(-1)
|
||||
: 0)
|
||||
+(document.body.scrollLeft||document.documentElement.scrollLeft)+"px";
|
||||
dragger.dragNode.style.top=e.clientY+3+(dragger.fy
|
||||
? dragger.fy*(-1)
|
||||
: 0)
|
||||
+(document.body.scrollTop||document.documentElement.scrollTop)+"px";
|
||||
|
||||
if (!e.srcElement)
|
||||
var z = e.target;
|
||||
else
|
||||
z=e.srcElement;
|
||||
dragger.checkLanding(z, e);
|
||||
}
|
||||
|
||||
dhtmlDragAndDropObject.prototype.calculateFramePosition=function(n){
|
||||
//this.fx = 0, this.fy = 0;
|
||||
if (window.name){
|
||||
var el = parent.frames[window.name].frameElement.offsetParent;
|
||||
var fx = 0;
|
||||
var fy = 0;
|
||||
|
||||
while (el){
|
||||
fx+=el.offsetLeft;
|
||||
fy+=el.offsetTop;
|
||||
el=el.offsetParent;
|
||||
}
|
||||
|
||||
if ((parent.dhtmlDragAndDrop)){
|
||||
var ls = parent.dhtmlDragAndDrop.calculateFramePosition(1);
|
||||
fx+=ls.split('_')[0]*1;
|
||||
fy+=ls.split('_')[1]*1;
|
||||
}
|
||||
|
||||
if (n)
|
||||
return fx+"_"+fy;
|
||||
else
|
||||
this.fx=fx;
|
||||
this.fy=fy;
|
||||
}
|
||||
return "0_0";
|
||||
}
|
||||
dhtmlDragAndDropObject.prototype.checkLanding=function(htmlObject, e){
|
||||
if ((htmlObject)&&(htmlObject.dragLanding)){
|
||||
if (this.lastLanding)
|
||||
this.lastLanding.dragLanding._dragOut(this.lastLanding);
|
||||
this.lastLanding=htmlObject;
|
||||
this.lastLanding=this.lastLanding.dragLanding._dragIn(this.lastLanding, this.dragStartNode, e.clientX,
|
||||
e.clientY, e);
|
||||
this.lastLanding_scr=(_isIE ? e.srcElement : e.target);
|
||||
} else {
|
||||
if ((htmlObject)&&(htmlObject.tagName != "BODY"))
|
||||
this.checkLanding(htmlObject.parentNode, e);
|
||||
else {
|
||||
if (this.lastLanding)
|
||||
this.lastLanding.dragLanding._dragOut(this.lastLanding, e.clientX, e.clientY, e);
|
||||
this.lastLanding=0;
|
||||
|
||||
if (this._onNotFound)
|
||||
this._onNotFound();
|
||||
}
|
||||
}
|
||||
}
|
||||
dhtmlDragAndDropObject.prototype.stopDrag=function(e, mode){
|
||||
dragger=window.dhtmlDragAndDrop;
|
||||
|
||||
if (!mode){
|
||||
dragger.stopFrameRoute();
|
||||
var temp = dragger.lastLanding;
|
||||
dragger.lastLanding=null;
|
||||
|
||||
if (temp)
|
||||
temp.dragLanding._drag(dragger.dragStartNode, dragger.dragStartObject, temp, (_isIE
|
||||
? event.srcElement
|
||||
: e.target));
|
||||
}
|
||||
dragger.lastLanding=null;
|
||||
|
||||
if ((dragger.dragNode)&&(dragger.dragNode.parentNode == document.body))
|
||||
dragger.dragNode.parentNode.removeChild(dragger.dragNode);
|
||||
dragger.dragNode=0;
|
||||
dragger.gldragNode=0;
|
||||
dragger.fx=0;
|
||||
dragger.fy=0;
|
||||
dragger.dragStartNode=0;
|
||||
dragger.dragStartObject=0;
|
||||
document.body.onmouseup=dragger.tempDOMU;
|
||||
document.body.onmousemove=dragger.tempDOMM;
|
||||
dragger.tempDOMU=null;
|
||||
dragger.tempDOMM=null;
|
||||
dragger.waitDrag=0;
|
||||
}
|
||||
|
||||
dhtmlDragAndDropObject.prototype.stopFrameRoute=function(win){
|
||||
if (win)
|
||||
window.dhtmlDragAndDrop.stopDrag(1, 1);
|
||||
|
||||
for (var i = 0; i < window.frames.length; i++){
|
||||
try{
|
||||
if ((window.frames[i] != win)&&(window.frames[i].dhtmlDragAndDrop))
|
||||
window.frames[i].dhtmlDragAndDrop.stopFrameRoute(window);
|
||||
} catch(e){}
|
||||
}
|
||||
|
||||
try{
|
||||
if ((parent.dhtmlDragAndDrop)&&(parent != window)&&(parent != win))
|
||||
parent.dhtmlDragAndDrop.stopFrameRoute(window);
|
||||
} catch(e){}
|
||||
}
|
||||
dhtmlDragAndDropObject.prototype.initFrameRoute=function(win, mode){
|
||||
if (win){
|
||||
window.dhtmlDragAndDrop.preCreateDragCopy();
|
||||
window.dhtmlDragAndDrop.dragStartNode=win.dhtmlDragAndDrop.dragStartNode;
|
||||
window.dhtmlDragAndDrop.dragStartObject=win.dhtmlDragAndDrop.dragStartObject;
|
||||
window.dhtmlDragAndDrop.dragNode=win.dhtmlDragAndDrop.dragNode;
|
||||
window.dhtmlDragAndDrop.gldragNode=win.dhtmlDragAndDrop.dragNode;
|
||||
window.document.body.onmouseup=window.dhtmlDragAndDrop.stopDrag;
|
||||
window.waitDrag=0;
|
||||
|
||||
if (((!_isIE)&&(mode))&&((!_isFF)||(_FFrv < 1.8)))
|
||||
window.dhtmlDragAndDrop.calculateFramePosition();
|
||||
}
|
||||
try{
|
||||
if ((parent.dhtmlDragAndDrop)&&(parent != window)&&(parent != win))
|
||||
parent.dhtmlDragAndDrop.initFrameRoute(window);
|
||||
}catch(e){}
|
||||
|
||||
for (var i = 0; i < window.frames.length; i++){
|
||||
try{
|
||||
if ((window.frames[i] != win)&&(window.frames[i].dhtmlDragAndDrop))
|
||||
window.frames[i].dhtmlDragAndDrop.initFrameRoute(window, ((!win||mode) ? 1 : 0));
|
||||
} catch(e){}
|
||||
}
|
||||
}
|
||||
|
||||
var _isFF = false;
|
||||
var _isIE = false;
|
||||
var _isOpera = false;
|
||||
var _isKHTML = false;
|
||||
var _isMacOS = false;
|
||||
var _isChrome = false;
|
||||
|
||||
if (navigator.userAgent.indexOf('Macintosh') != -1)
|
||||
_isMacOS=true;
|
||||
|
||||
|
||||
if (navigator.userAgent.toLowerCase().indexOf('chrome')>-1)
|
||||
_isChrome=true;
|
||||
|
||||
if ((navigator.userAgent.indexOf('Safari') != -1)||(navigator.userAgent.indexOf('Konqueror') != -1)){
|
||||
var _KHTMLrv = parseFloat(navigator.userAgent.substr(navigator.userAgent.indexOf('Safari')+7, 5));
|
||||
|
||||
if (_KHTMLrv > 525){ //mimic FF behavior for Safari 3.1+
|
||||
_isFF=true;
|
||||
var _FFrv = 1.9;
|
||||
} else
|
||||
_isKHTML=true;
|
||||
} else if (navigator.userAgent.indexOf('Opera') != -1){
|
||||
_isOpera=true;
|
||||
_OperaRv=parseFloat(navigator.userAgent.substr(navigator.userAgent.indexOf('Opera')+6, 3));
|
||||
}
|
||||
|
||||
|
||||
else if (navigator.appName.indexOf("Microsoft") != -1){
|
||||
_isIE=true;
|
||||
if (navigator.appVersion.indexOf("MSIE 8.0")!= -1 && document.compatMode != "BackCompat") _isIE=8;
|
||||
if (navigator.appVersion.indexOf("MSIE 9.0")!= -1 && document.compatMode != "BackCompat") _isIE=8;
|
||||
} else {
|
||||
_isFF=true;
|
||||
var _FFrv = parseFloat(navigator.userAgent.split("rv:")[1])
|
||||
}
|
||||
|
||||
|
||||
//multibrowser Xpath processor
|
||||
dtmlXMLLoaderObject.prototype.doXPath=function(xpathExp, docObj, namespace, result_type){
|
||||
if (_isKHTML || (!_isIE && !window.XPathResult))
|
||||
return this.doXPathOpera(xpathExp, docObj);
|
||||
|
||||
if (_isIE){ //IE
|
||||
if (!docObj)
|
||||
if (!this.xmlDoc.nodeName)
|
||||
docObj=this.xmlDoc.responseXML
|
||||
else
|
||||
docObj=this.xmlDoc;
|
||||
|
||||
if (!docObj)
|
||||
dhtmlxError.throwError("LoadXML", "Incorrect XML", [
|
||||
(docObj||this.xmlDoc),
|
||||
this.mainObject
|
||||
]);
|
||||
|
||||
if (namespace != null)
|
||||
docObj.setProperty("SelectionNamespaces", "xmlns:xsl='"+namespace+"'"); //
|
||||
|
||||
if (result_type == 'single'){
|
||||
return docObj.selectSingleNode(xpathExp);
|
||||
}
|
||||
else {
|
||||
return docObj.selectNodes(xpathExp)||new Array(0);
|
||||
}
|
||||
} else { //Mozilla
|
||||
var nodeObj = docObj;
|
||||
|
||||
if (!docObj){
|
||||
if (!this.xmlDoc.nodeName){
|
||||
docObj=this.xmlDoc.responseXML
|
||||
}
|
||||
else {
|
||||
docObj=this.xmlDoc;
|
||||
}
|
||||
}
|
||||
|
||||
if (!docObj)
|
||||
dhtmlxError.throwError("LoadXML", "Incorrect XML", [
|
||||
(docObj||this.xmlDoc),
|
||||
this.mainObject
|
||||
]);
|
||||
|
||||
if (docObj.nodeName.indexOf("document") != -1){
|
||||
nodeObj=docObj;
|
||||
}
|
||||
else {
|
||||
nodeObj=docObj;
|
||||
docObj=docObj.ownerDocument;
|
||||
}
|
||||
var retType = XPathResult.ANY_TYPE;
|
||||
|
||||
if (result_type == 'single')
|
||||
retType=XPathResult.FIRST_ORDERED_NODE_TYPE
|
||||
var rowsCol = new Array();
|
||||
var col = docObj.evaluate(xpathExp, nodeObj, function(pref){
|
||||
return namespace
|
||||
}, retType, null);
|
||||
|
||||
if (retType == XPathResult.FIRST_ORDERED_NODE_TYPE){
|
||||
return col.singleNodeValue;
|
||||
}
|
||||
var thisColMemb = col.iterateNext();
|
||||
|
||||
while (thisColMemb){
|
||||
rowsCol[rowsCol.length]=thisColMemb;
|
||||
thisColMemb=col.iterateNext();
|
||||
}
|
||||
return rowsCol;
|
||||
}
|
||||
}
|
||||
|
||||
function _dhtmlxError(type, name, params){
|
||||
if (!this.catches)
|
||||
this.catches=new Array();
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
_dhtmlxError.prototype.catchError=function(type, func_name){
|
||||
this.catches[type]=func_name;
|
||||
}
|
||||
_dhtmlxError.prototype.throwError=function(type, name, params){
|
||||
if (this.catches[type])
|
||||
return this.catches[type](type, name, params);
|
||||
|
||||
if (this.catches["ALL"])
|
||||
return this.catches["ALL"](type, name, params);
|
||||
|
||||
alert("Error type: "+arguments[0]+"\nDescription: "+arguments[1]);
|
||||
return null;
|
||||
}
|
||||
|
||||
window.dhtmlxError=new _dhtmlxError();
|
||||
|
||||
|
||||
//opera fake, while 9.0 not released
|
||||
//multibrowser Xpath processor
|
||||
dtmlXMLLoaderObject.prototype.doXPathOpera=function(xpathExp, docObj){
|
||||
//this is fake for Opera
|
||||
var z = xpathExp.replace(/[\/]+/gi, "/").split('/');
|
||||
var obj = null;
|
||||
var i = 1;
|
||||
|
||||
if (!z.length)
|
||||
return [];
|
||||
|
||||
if (z[0] == ".")
|
||||
obj=[docObj]; else if (z[0] == ""){
|
||||
obj=(this.xmlDoc.responseXML||this.xmlDoc).getElementsByTagName(z[i].replace(/\[[^\]]*\]/g, ""));
|
||||
i++;
|
||||
} else
|
||||
return [];
|
||||
|
||||
for (i; i < z.length; i++)obj=this._getAllNamedChilds(obj, z[i]);
|
||||
|
||||
if (z[i-1].indexOf("[") != -1)
|
||||
obj=this._filterXPath(obj, z[i-1]);
|
||||
return obj;
|
||||
}
|
||||
|
||||
dtmlXMLLoaderObject.prototype._filterXPath=function(a, b){
|
||||
var c = new Array();
|
||||
var b = b.replace(/[^\[]*\[\@/g, "").replace(/[\[\]\@]*/g, "");
|
||||
|
||||
for (var i = 0; i < a.length; i++)
|
||||
if (a[i].getAttribute(b))
|
||||
c[c.length]=a[i];
|
||||
|
||||
return c;
|
||||
}
|
||||
dtmlXMLLoaderObject.prototype._getAllNamedChilds=function(a, b){
|
||||
var c = new Array();
|
||||
|
||||
if (_isKHTML)
|
||||
b=b.toUpperCase();
|
||||
|
||||
for (var i = 0; i < a.length; i++)for (var j = 0; j < a[i].childNodes.length; j++){
|
||||
if (_isKHTML){
|
||||
if (a[i].childNodes[j].tagName&&a[i].childNodes[j].tagName.toUpperCase() == b)
|
||||
c[c.length]=a[i].childNodes[j];
|
||||
}
|
||||
|
||||
else if (a[i].childNodes[j].tagName == b)
|
||||
c[c.length]=a[i].childNodes[j];
|
||||
}
|
||||
|
||||
return c;
|
||||
}
|
||||
|
||||
function dhtmlXHeir(a, b){
|
||||
for (var c in b)
|
||||
if (typeof (b[c]) == "function")
|
||||
a[c]=b[c];
|
||||
return a;
|
||||
}
|
||||
|
||||
function dhtmlxEvent(el, event, handler){
|
||||
if (el.addEventListener)
|
||||
el.addEventListener(event, handler, false);
|
||||
|
||||
else if (el.attachEvent)
|
||||
el.attachEvent("on"+event, handler);
|
||||
}
|
||||
|
||||
//============= XSL Extension ===================================
|
||||
|
||||
dtmlXMLLoaderObject.prototype.xslDoc=null;
|
||||
dtmlXMLLoaderObject.prototype.setXSLParamValue=function(paramName, paramValue, xslDoc){
|
||||
if (!xslDoc)
|
||||
xslDoc=this.xslDoc
|
||||
|
||||
if (xslDoc.responseXML)
|
||||
xslDoc=xslDoc.responseXML;
|
||||
var item =
|
||||
this.doXPath("/xsl:stylesheet/xsl:variable[@name='"+paramName+"']", xslDoc,
|
||||
"http:/\/www.w3.org/1999/XSL/Transform", "single");
|
||||
|
||||
if (item != null)
|
||||
item.firstChild.nodeValue=paramValue
|
||||
}
|
||||
dtmlXMLLoaderObject.prototype.doXSLTransToObject=function(xslDoc, xmlDoc){
|
||||
if (!xslDoc)
|
||||
xslDoc=this.xslDoc;
|
||||
|
||||
if (xslDoc.responseXML)
|
||||
xslDoc=xslDoc.responseXML
|
||||
|
||||
if (!xmlDoc)
|
||||
xmlDoc=this.xmlDoc;
|
||||
|
||||
if (xmlDoc.responseXML)
|
||||
xmlDoc=xmlDoc.responseXML
|
||||
|
||||
//MOzilla
|
||||
if (!_isIE){
|
||||
if (!this.XSLProcessor){
|
||||
this.XSLProcessor=new XSLTProcessor();
|
||||
this.XSLProcessor.importStylesheet(xslDoc);
|
||||
}
|
||||
var result = this.XSLProcessor.transformToDocument(xmlDoc);
|
||||
} else {
|
||||
var result = new ActiveXObject("Msxml2.DOMDocument.3.0");
|
||||
try{
|
||||
xmlDoc.transformNodeToObject(xslDoc, result);
|
||||
}catch(e){
|
||||
result = xmlDoc.transformNode(xslDoc);
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
dtmlXMLLoaderObject.prototype.doXSLTransToString=function(xslDoc, xmlDoc){
|
||||
var res = this.doXSLTransToObject(xslDoc, xmlDoc);
|
||||
if(typeof(res)=="string")
|
||||
return res;
|
||||
return this.doSerialization(res);
|
||||
}
|
||||
|
||||
dtmlXMLLoaderObject.prototype.doSerialization=function(xmlDoc){
|
||||
if (!xmlDoc)
|
||||
xmlDoc=this.xmlDoc;
|
||||
if (xmlDoc.responseXML)
|
||||
xmlDoc=xmlDoc.responseXML
|
||||
if (!_isIE){
|
||||
var xmlSerializer = new XMLSerializer();
|
||||
return xmlSerializer.serializeToString(xmlDoc);
|
||||
} else
|
||||
return xmlDoc.xml;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc:
|
||||
* @type: private
|
||||
*/
|
||||
dhtmlxEventable=function(obj){
|
||||
obj.attachEvent=function(name, catcher, callObj){
|
||||
name='ev_'+name.toLowerCase();
|
||||
if (!this[name])
|
||||
this[name]=new this.eventCatcher(callObj||this);
|
||||
|
||||
return(name+':'+this[name].addEvent(catcher)); //return ID (event name & event ID)
|
||||
}
|
||||
obj.callEvent=function(name, arg0){
|
||||
name='ev_'+name.toLowerCase();
|
||||
if (this[name])
|
||||
return this[name].apply(this, arg0);
|
||||
return true;
|
||||
}
|
||||
obj.checkEvent=function(name){
|
||||
return (!!this['ev_'+name.toLowerCase()])
|
||||
}
|
||||
obj.eventCatcher=function(obj){
|
||||
var dhx_catch = [];
|
||||
var z = function(){
|
||||
var res = true;
|
||||
for (var i = 0; i < dhx_catch.length; i++){
|
||||
if (dhx_catch[i] != null){
|
||||
var zr = dhx_catch[i].apply(obj, arguments);
|
||||
res=res&&zr;
|
||||
}
|
||||
}
|
||||
return res;
|
||||
}
|
||||
z.addEvent=function(ev){
|
||||
if (typeof (ev) != "function")
|
||||
ev=eval(ev);
|
||||
if (ev)
|
||||
return dhx_catch.push(ev)-1;
|
||||
return false;
|
||||
}
|
||||
z.removeEvent=function(id){
|
||||
dhx_catch[id]=null;
|
||||
}
|
||||
return z;
|
||||
}
|
||||
obj.detachEvent=function(id){
|
||||
if (id != false){
|
||||
var list = id.split(':'); //get EventName and ID
|
||||
this[list[0]].removeEvent(list[1]); //remove event
|
||||
}
|
||||
}
|
||||
obj.detachAllEvents = function(){
|
||||
for (var name in this){
|
||||
if (name.indexOf("ev_")==0)
|
||||
delete this[name];
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 195 B |
Binary file not shown.
|
Before Width: | Height: | Size: 372 B |
Binary file not shown.
|
Before Width: | Height: | Size: 401 B |
Binary file not shown.
|
Before Width: | Height: | Size: 111 B |
Binary file not shown.
|
Before Width: | Height: | Size: 56 B |
Binary file not shown.
|
Before Width: | Height: | Size: 124 B |
Binary file not shown.
|
Before Width: | Height: | Size: 194 B |
Binary file not shown.
|
Before Width: | Height: | Size: 372 B |
Binary file not shown.
|
Before Width: | Height: | Size: 401 B |
Binary file not shown.
|
Before Width: | Height: | Size: 119 B |
Binary file not shown.
|
Before Width: | Height: | Size: 56 B |
Binary file not shown.
|
Before Width: | Height: | Size: 106 B |
Binary file not shown.
|
Before Width: | Height: | Size: 372 B |
Binary file not shown.
|
Before Width: | Height: | Size: 401 B |
Binary file not shown.
|
Before Width: | Height: | Size: 119 B |
Binary file not shown.
|
Before Width: | Height: | Size: 106 B |
Binary file not shown.
|
Before Width: | Height: | Size: 52 B |
Binary file not shown.
|
Before Width: | Height: | Size: 164 B |
Binary file not shown.
|
Before Width: | Height: | Size: 56 B |
Binary file not shown.
|
Before Width: | Height: | Size: 170 B |
Binary file not shown.
|
Before Width: | Height: | Size: 122 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 B |
Binary file not shown.
|
Before Width: | Height: | Size: 66 B |
Binary file not shown.
|
Before Width: | Height: | Size: 68 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
@ -1,342 +0,0 @@
|
||||
/*
|
||||
"DHX SKYBLUE" DHTMLXMENU SKIN 2009
|
||||
*/
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL */
|
||||
.dhtmlxMenu_dhx_black_Middle {
|
||||
position: relative;
|
||||
height: 24px;
|
||||
border: none;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_bg.gif");
|
||||
background-position: top;
|
||||
background-repeat: repeat-x;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.dhtmlxMenu_dhx_black_Middle.dir_left div.align_left {
|
||||
float: left;
|
||||
}
|
||||
.dhtmlxMenu_dhx_black_Middle.dir_left div.align_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL ITEMS */
|
||||
/* toplevel item normal */
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Normal,
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Disabled,
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Selected {
|
||||
position: relative;
|
||||
float: left;
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
-moz-user-select: none;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
border: transparent 1px solid;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
background: none;
|
||||
color: #ffffff;
|
||||
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Normal,
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Disabled {
|
||||
#border-color: #000000;
|
||||
#filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
|
||||
}
|
||||
/* toplevel item disabled */
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Disabled {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* toplevel item selected (over) */
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Selected {
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_bg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border-top: #000000 1px solid;
|
||||
border-left: #000000 1px solid;
|
||||
border-right: #909090 1px solid;
|
||||
border-bottom: #909090 1px solid;
|
||||
}
|
||||
/* toplevel separator */
|
||||
.dhtmlxMenu_dhx_black_Middle div.top_sep {
|
||||
font-size: 1px;
|
||||
cursor: default;
|
||||
-moz-user-select: none;
|
||||
background-color: #959595;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 1px;
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
/* top level image */
|
||||
.dhtmlxMenu_dhx_black_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
|
||||
float: left;
|
||||
margin: 2px 2px 0px 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* top level text*/
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Normal div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Disabled div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_black_TopLevel_Item_Selected div.top_level_text {
|
||||
float: left;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL POLYGON */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon {
|
||||
position: absolute;
|
||||
background-color: #585757;
|
||||
border: #8C8B8B 1px solid;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* IE6 sublevel undercover fix */
|
||||
iframe.dhtmlxMenu_IE6CoverFix_dhx_black {
|
||||
position: absolute;
|
||||
border: none;
|
||||
background: #000000;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ITEMS */
|
||||
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
|
||||
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
background-color: #3d3d3d;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
|
||||
width: 24px;
|
||||
text-align: left;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 2px;
|
||||
margin-right: 0px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_text {
|
||||
vertical-align: middle;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
|
||||
color: #888787 !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #cecece;
|
||||
text-align: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
|
||||
color: #888787 !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon tr.sub_sep {
|
||||
height: 3px;
|
||||
font-size: 1px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon div.sub_sep {
|
||||
font-size: 1px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_subsepbg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: center center;
|
||||
cursor: default;
|
||||
height: 3px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ARROWS */
|
||||
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
|
||||
width: 4px;
|
||||
height: 24px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_subar.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
float: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
|
||||
background-position: -4px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
|
||||
background-position: -8px 0px !important;
|
||||
}
|
||||
|
||||
/****************************************************************************************************************************************************/
|
||||
/* LOADING ICON */
|
||||
div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_loader.gif");
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon_left div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
top: 6px;
|
||||
left: none;
|
||||
right: 6px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon_right div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
top: 6px;
|
||||
right: none;
|
||||
left: 6px;
|
||||
_right: -38px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* UP/DOWN OVERFLOW ARROWS */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Arrow {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-color: #eaf2fb;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 9px;
|
||||
height: 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_upar.gif");
|
||||
}
|
||||
/* up arrows */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowUp,
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowUp_Over,
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowUp_Disabled {
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
height= 18px;
|
||||
padding: 1px 1px 0px 1px;
|
||||
font-size: 1px;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
border-bottom: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowUp div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -27px 0px; }
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -36px 0px; }
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -45px 0px; }
|
||||
/* down arrows */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowDown,
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowDown_Over,
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowDown_Disabled {
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
height= 18px;
|
||||
font-size: 1px;
|
||||
padding: 1px 1px 0px 1px;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
border-top: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowDown div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: 0px 0px; }
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -9px 0px; }
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -18px 0px; }
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL TEXT */
|
||||
.dhtmlxMenu_dhx_black_Middle div.dhtmlxMenu_TopLevel_Text_right {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: none;
|
||||
right: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
.dhtmlxMenu_dhx_black_Middle div.dhtmlxMenu_TopLevel_Text_left {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: none;
|
||||
left: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* ITEM'S CHECKS, RADIOS */
|
||||
/* sublevel */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
|
||||
float: left;
|
||||
margin: 0px 2px 0px 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_black/dhtmlxmenu_chrd.gif");
|
||||
}
|
||||
/* checkboxes */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
|
||||
background-position: 0px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
|
||||
background-position: -18px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
|
||||
background-position: -36px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
|
||||
background-position: -54px 0px !important;
|
||||
}
|
||||
/* radios */
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
|
||||
background-position: -72px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
|
||||
background-position: -90px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
|
||||
background-position: -108px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_black_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
|
||||
background-position: -126px 0px !important;
|
||||
}
|
||||
@ -1,342 +0,0 @@
|
||||
/*
|
||||
"DHX SKYBLUE" DHTMLXMENU SKIN 2009
|
||||
*/
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL */
|
||||
.dhtmlxMenu_dhx_blue_Middle {
|
||||
position: relative;
|
||||
height: 24px;
|
||||
border: none;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_bg.gif");
|
||||
background-position: top;
|
||||
background-repeat: repeat-x;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.dhtmlxMenu_dhx_blue_Middle.dir_left div.align_left {
|
||||
float: left;
|
||||
}
|
||||
.dhtmlxMenu_dhx_blue_Middle.dir_left div.align_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL ITEMS */
|
||||
/* toplevel item normal */
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Normal,
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Disabled,
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Selected {
|
||||
position: relative;
|
||||
float: left;
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
-moz-user-select: none;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
border: transparent 1px solid;
|
||||
aborder-top: #e8f0f4 1px solid;
|
||||
aborder-bottom: #d2e3ea 1px solid;
|
||||
background: none;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Normal,
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Disabled {
|
||||
#border-color: #FFFFFF;
|
||||
#filter:progid:DXImageTransform.Microsoft.Chroma(color='#FFFFFF');
|
||||
}
|
||||
/* toplevel item disabled */
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Disabled {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* toplevel item selected (over) */
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Selected {
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_bg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border-top: #C2D5DC 1px solid;
|
||||
border-left: #C2D5DC 1px solid;
|
||||
border-right: #FFFFFF 1px solid;
|
||||
border-bottom: #FFFFFF 1px solid;
|
||||
}
|
||||
/* toplevel separator */
|
||||
.dhtmlxMenu_dhx_blue_Middle div.top_sep {
|
||||
font-size: 1px;
|
||||
cursor: default;
|
||||
-moz-user-select: none;
|
||||
background-color: #c2d5dc;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 1px;
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/* top level image */
|
||||
.dhtmlxMenu_dhx_blue_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
|
||||
float: left;
|
||||
margin: 2px 2px 0px 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* top level text*/
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Normal div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Disabled div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_blue_TopLevel_Item_Selected div.top_level_text {
|
||||
float: left;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL POLYGON */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon {
|
||||
position: absolute;
|
||||
background-color: #E8F0F4;
|
||||
border: #C2D5DC 1px solid;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* IE6 sublevel undercover fix */
|
||||
iframe.dhtmlxMenu_IE6CoverFix_dhx_blue {
|
||||
position: absolute;
|
||||
border: none;
|
||||
background: #000000;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ITEMS */
|
||||
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
|
||||
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
background-color: #d3e2e5;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
|
||||
width: 24px;
|
||||
text-align: left;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 2px;
|
||||
margin-right: 0px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_text {
|
||||
vertical-align: middle;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
|
||||
color: #999999 !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #333333;
|
||||
text-align: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
|
||||
color: #cecece !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon tr.sub_sep {
|
||||
height: 3px;
|
||||
font-size: 1px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon div.sub_sep {
|
||||
font-size: 1px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_subsepbg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: center center;
|
||||
cursor: default;
|
||||
height: 3px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ARROWS */
|
||||
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
|
||||
width: 4px;
|
||||
height: 24px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_subar.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
float: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
|
||||
background-position: -4px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
|
||||
background-position: -8px 0px !important;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* LOADING ICON */
|
||||
div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_loader.gif");
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon_left div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
top: 6px;
|
||||
left: none;
|
||||
right: 6px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon_right div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
top: 6px;
|
||||
right: none;
|
||||
left: 6px;
|
||||
_right: -38px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* UP/DOWN OVERFLOW ARROWS */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Arrow {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-color: #eaf2fb;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 9px;
|
||||
height: 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_upar.gif");
|
||||
}
|
||||
/* up arrows */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp,
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp_Over,
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp_Disabled {
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
height= 18px;
|
||||
padding: 1px 1px 0px 1px;
|
||||
font-size: 1px;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
border-bottom: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -27px 0px; }
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -36px 0px; }
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -45px 0px; }
|
||||
/* down arrows */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowDown,
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowDown_Over,
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowDown_Disabled {
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
height= 18px;
|
||||
font-size: 1px;
|
||||
padding: 1px 1px 0px 1px;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
border-top: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowDown div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: 0px 0px; }
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -9px 0px; }
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -18px 0px; }
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL TEXT */
|
||||
.dhtmlxMenu_dhx_blue_Middle div.dhtmlxMenu_TopLevel_Text_right {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: none;
|
||||
right: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
.dhtmlxMenu_dhx_blue_Middle div.dhtmlxMenu_TopLevel_Text_left {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: none;
|
||||
left: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* ITEM'S CHECKS, RADIOS */
|
||||
/* sublevel */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
|
||||
float: left;
|
||||
margin: 0px 2px 0px 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_blue/dhtmlxmenu_chrd.gif");
|
||||
}
|
||||
/* checkboxes */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
|
||||
background-position: 0px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
|
||||
background-position: -18px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
|
||||
background-position: -36px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
|
||||
background-position: -54px 0px !important;
|
||||
}
|
||||
/* radios */
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
|
||||
background-position: -72px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
|
||||
background-position: -90px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
|
||||
background-position: -108px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_blue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
|
||||
background-position: -126px 0px !important;
|
||||
}
|
||||
@ -1,345 +0,0 @@
|
||||
/*
|
||||
"DHX SKYBLUE" DHTMLXMENU SKIN 2009
|
||||
*/
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL */
|
||||
.dhtmlxMenu_dhx_skyblue_Middle {
|
||||
position: relative;
|
||||
height: 24px;
|
||||
border: none;
|
||||
background-color: #ebebeb;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.dhtmlxMenu_dhx_skyblue_Layout, .dhtmlxMenu_dhx_skyblue_Accordion {
|
||||
border-bottom: #cedce8 1px solid;
|
||||
}
|
||||
|
||||
.dhtmlxMenu_dhx_skyblue_Middle.in_acccell, .dhtmlxMenu_dhx_skyblue_Middle.in_layoutcell {
|
||||
height: 25px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhxmenu_bg_acccell.gif");
|
||||
background-position: top;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.dhtmlxMenu_dhx_skyblue_Middle.dir_left div.align_left {
|
||||
float: left;
|
||||
}
|
||||
.dhtmlxMenu_dhx_skyblue_Middle.dir_left div.align_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL ITEMS */
|
||||
/* toplevel item normal */
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal,
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled,
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
|
||||
position: relative;
|
||||
float: left;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
-moz-user-select: none;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
vertical-align: middle;
|
||||
margin-top: 1px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
border-left: #ebebeb 1px solid;
|
||||
border-right: #ebebeb 1px solid;
|
||||
background: none;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
/* toplevel item disabled */
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* toplevel item selected (over) */
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhxmenu_topselbg.gif") !important;
|
||||
background-repeat: repeat-x !important;
|
||||
background-position: top !important;
|
||||
border-left: #ffb951 1px solid !important;
|
||||
border-right: #ffb951 1px solid !important;
|
||||
}
|
||||
/* toplevel separator */
|
||||
.dhtmlxMenu_dhx_skyblue_Middle div.top_sep {
|
||||
font-size: 1px;
|
||||
cursor: default;
|
||||
-moz-user-select: none;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhxmenu_topsepbg.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top center;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 3px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/* top level image */
|
||||
.dhtmlxMenu_dhx_skyblue_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
|
||||
float: left;
|
||||
margin: 2px 2px 0px 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* top level text*/
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected div.top_level_text {
|
||||
float: left;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL POLYGON */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon {
|
||||
position: absolute;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
overflow: hidden;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
/* IE6 sublevel undercover fix */
|
||||
iframe.dhtmlxMenu_IE6CoverFix_dhx_skyblue {
|
||||
position: absolute;
|
||||
border: none;
|
||||
background: #000000;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ITEMS */
|
||||
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
|
||||
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
|
||||
height: 24px;
|
||||
cursor: default;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhxmenu_subselbg.gif") !important;
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
|
||||
width: 24px;
|
||||
text-align: left;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 2px;
|
||||
margin-right: 0px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_text {
|
||||
vertical-align: middle;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
|
||||
color: #999999 !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
|
||||
font-family: Tahoma;
|
||||
font-size: 10px;
|
||||
color: #4985b7;
|
||||
text-align: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
|
||||
color: #cecece !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon tr.sub_sep {
|
||||
height: 3px;
|
||||
font-size: 1px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon div.sub_sep {
|
||||
font-size: 1px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhxmenu_subsepbg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
cursor: default;
|
||||
height: 3px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ARROWS */
|
||||
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
|
||||
width: 4px;
|
||||
height: 24px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhtmlxmenu_subar.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
float: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
|
||||
background-position: -4px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
|
||||
background-position: -8px 0px !important;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* LOADING ICON */
|
||||
div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhtmlxmenu_loader.gif");
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon_left div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
top: 6px;
|
||||
left: none;
|
||||
right: 6px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon_right div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
|
||||
top: 6px;
|
||||
right: none;
|
||||
left: 6px;
|
||||
_right: -38px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* UP/DOWN OVERFLOW ARROWS */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Arrow {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-color: #eaf2fb;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 9px;
|
||||
height: 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhtmlxmenu_upar.gif");
|
||||
}
|
||||
/* up arrows */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp,
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Over,
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Disabled {
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
height= 18px;
|
||||
padding: 1px 1px 0px 1px;
|
||||
font-size: 1px;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
border-bottom: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -27px 0px; }
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -36px 0px; }
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -45px 0px; }
|
||||
/* down arrows */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown,
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Over,
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Disabled {
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
height= 18px;
|
||||
font-size: 1px;
|
||||
padding: 1px 1px 0px 1px;
|
||||
background-color: #eaf2fb;
|
||||
border: #a4bed4 1px solid;
|
||||
border-top: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: 0px 0px; }
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -9px 0px; }
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -18px 0px; }
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL TEXT */
|
||||
.dhtmlxMenu_dhx_skyblue_Middle div.dhtmlxMenu_TopLevel_Text_right {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: none;
|
||||
right: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
.dhtmlxMenu_dhx_skyblue_Middle div.dhtmlxMenu_TopLevel_Text_left {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: none;
|
||||
left: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* ITEM'S CHECKS, RADIOS */
|
||||
/* sublevel */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
|
||||
float: left;
|
||||
margin: 0px 2px 0px 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_skyblue/dhtmlxmenu_chrd.gif");
|
||||
}
|
||||
/* checkboxes */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
|
||||
background-position: 0px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
|
||||
background-position: -18px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
|
||||
background-position: -36px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
|
||||
background-position: -54px 0px !important;
|
||||
}
|
||||
/* radios */
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
|
||||
background-position: -72px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
|
||||
background-position: -90px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
|
||||
background-position: -108px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
|
||||
background-position: -126px 0px !important;
|
||||
}
|
||||
@ -1,364 +0,0 @@
|
||||
/*
|
||||
"DHX SKYBLUE" DHTMLXMENU SKIN 2009
|
||||
*/
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL */
|
||||
.dhtmlxMenu_dhx_web_Middle {
|
||||
position: relative;
|
||||
height: 20px;
|
||||
border: none;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_topbg.gif");
|
||||
background-position: top;
|
||||
background-repeat: repeat-x;
|
||||
-moz-user-select: none;
|
||||
padding: 0px 7px;
|
||||
}
|
||||
.dhtmlx_winviewport.dhtmlx_skin_dhx_web div.dhtmlxMenu_dhx_web_Middle,
|
||||
.dhxlayout_fullscreened div.dhtmlxMenu_dhx_web_Middle,
|
||||
.dhx_tabbar_zone.dhx_tabbar_zone_dhx_web div.dhtmlxMenu_dhx_web_Middle,
|
||||
.dhx_acc_base_dhx_web div.dhtmlxMenu_dhx_web_Middle,
|
||||
.dhtmlx_skin_dhx_web div.dhtmlx_window_active div.dhtmlxMenu_dhx_web_Middle,
|
||||
.dhtmlx_skin_dhx_web div.dhtmlx_window_inactive div.dhtmlxMenu_dhx_web_Middle,
|
||||
table.dhtmlxLayoutPolyContainer_dhx_web td.dhtmlxLayoutSinglePoly div.dhtmlxMenu_dhx_web_Middle {
|
||||
height: 29px !important;
|
||||
}
|
||||
|
||||
.dhtmlxMenu_dhx_web_Middle.dir_left div.align_left {
|
||||
float: left;
|
||||
}
|
||||
.dhtmlxMenu_dhx_web_Middle.dir_left div.align_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
/* menu in window, layout, accordion have bottom margin 9px */
|
||||
/*
|
||||
.dhtmlx_skin_dhx_web div.dhtmlx_wins_body_inner div.dhtmlxMenu_dhx_web_Middle,
|
||||
table.dhtmlxLayoutPolyContainer_dhx_web td.dhtmlxLayoutSinglePoly div.dhtmlxMenu_dhx_web_Middle {
|
||||
height: 27px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dhtmlxMenu_dhx_web_Layout, .dhtmlxMenu_dhx_web_Accordion {
|
||||
border-bottom: #cedce8 1px solid;
|
||||
}
|
||||
|
||||
.dhtmlxMenu_dhx_web_Middle.in_acccell, .dhtmlxMenu_dhx_web_Middle.in_layoutcell {
|
||||
height: 27px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_bg_acccell.gif");
|
||||
background-position: top;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
*/
|
||||
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL ITEMS */
|
||||
/* toplevel item normal */
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Normal,
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled,
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
|
||||
position: relative;
|
||||
float: left;
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
-moz-user-select: none;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
margin: 0px 2px 100px 0px;
|
||||
padding: 0px 5px;
|
||||
color: #000000;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Normal {
|
||||
border-left: #ececec 1px solid !important;
|
||||
border-right: #ececec 1px solid !important;
|
||||
/*
|
||||
background-image:url("../imgs/dhxmenu_dhx_web/dhxmenu_topsepbg.gif");
|
||||
background-position:right center;
|
||||
background-repeat:no-repeat;
|
||||
*/
|
||||
}
|
||||
/* toplevel item disabled */
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* toplevel item selected (over) */
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_topselbg.gif");
|
||||
background-repeat: repeat-x;
|
||||
border-left: #ffffff 1px solid !important;
|
||||
border-right: #ffffff 1px solid !important;
|
||||
}
|
||||
/* toplevel separator */
|
||||
.dhtmlxMenu_dhx_web_Middle div.top_sep {
|
||||
font-size: 1px;
|
||||
cursor: default;
|
||||
-moz-user-select: none;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_topsepbg.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top center;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 3px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/* top level image */
|
||||
.dhtmlxMenu_dhx_web_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
|
||||
float: left;
|
||||
margin: 2px 2px 0px 2px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
|
||||
/* top level text*/
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Normal div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled div.top_level_text,
|
||||
div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected div.top_level_text {
|
||||
float: left;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL POLYGON */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon {
|
||||
position: absolute;
|
||||
background-color: #ececec;
|
||||
border: #ffffff 1px solid;
|
||||
overflow: hidden;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
box-shadow: 2px 3px 13px #666666;
|
||||
-moz-box-shadow: 2px 3px 13px #666666;
|
||||
-webkit-box-shadow: 2px 3px 13px #666666;
|
||||
-khtml-box-shadow: 2px 3px 13px #666666;
|
||||
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);
|
||||
-moz-user-select: none;
|
||||
|
||||
}
|
||||
/* IE6 sublevel undercover fix */
|
||||
iframe.dhtmlxMenu_IE6CoverFix_dhx_web {
|
||||
position: absolute;
|
||||
border: none;
|
||||
background: #000000;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ITEMS */
|
||||
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
|
||||
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
|
||||
height: 28px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis {
|
||||
height: 28px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
|
||||
height: 28px;
|
||||
cursor: default;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_subselbg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
|
||||
width: 24px;
|
||||
text-align: left;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 4px;
|
||||
margin-right: 0px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_text {
|
||||
vertical-align: middle;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
|
||||
color: #999999 !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
|
||||
font-family: Tahoma;
|
||||
font-size: 10px;
|
||||
color: #a4bed4;
|
||||
text-align: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
|
||||
color: #999999;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
|
||||
color: #cecece !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon tr.sub_sep {
|
||||
height: 3px;
|
||||
font-size: 1px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon div.sub_sep {
|
||||
font-size: 1px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_subsepbg.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
cursor: default;
|
||||
height: 3px;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* SUBLEVEL ARROWS */
|
||||
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
|
||||
width: 7px;
|
||||
height: 24px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_subar.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px 0px;
|
||||
float: right;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
|
||||
background-position: -7px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
|
||||
background-position: -14px 0px !important;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* LOADING ICON */
|
||||
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading {
|
||||
width: 7px;
|
||||
height: 24px;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_loader.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
float: right;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* UP/DOWN OVERFLOW ARROWS */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Arrow {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
|
||||
position: relative;
|
||||
margin-top: 6px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 29px;
|
||||
height: 8px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_upar.gif");
|
||||
}
|
||||
/* up arrows */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp,
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Over,
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Disabled {
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
font-size: 1px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -87px 0px; }
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -116px 0px; }
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -145px 0px; }
|
||||
/* down arrows */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown,
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Over,
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Disabled {
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
font-size: 1px;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: 0px 0px; }
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -29px 0px; }
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -58px 0px; }
|
||||
/****************************************************************************************************************************************************/
|
||||
/* TOPLEVEL TEXT */
|
||||
.dhtmlxMenu_dhx_web_Middle div.dhtmlxMenu_TopLevel_Text_right {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
left: none;
|
||||
right: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
.dhtmlxMenu_dhx_web_Middle div.dhtmlxMenu_TopLevel_Text_left {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
right: none;
|
||||
left: 8px;
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
cursor: default;
|
||||
}
|
||||
/****************************************************************************************************************************************************/
|
||||
/* ITEM'S CHECKS, RADIOS */
|
||||
/* sublevel */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
|
||||
float: left;
|
||||
margin: 0px 2px 0px 6px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-position: top right;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../imgs/dhxmenu_dhx_web/dhxmenu_chrd.gif");
|
||||
}
|
||||
/* checkboxes */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
|
||||
background-position: 0px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
|
||||
background-position: -18px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
|
||||
background-position: -36px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
|
||||
background-position: -54px 0px !important;
|
||||
}
|
||||
/* radios */
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
|
||||
background-position: -72px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
|
||||
background-position: -90px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
|
||||
background-position: -108px 0px !important;
|
||||
}
|
||||
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
|
||||
background-position: -126px 0px !important;
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
dhtmlxMenu v.2.6 Standard edition build 100722
|
||||
|
||||
(c) DHTMLX Ltd.
|
||||
@ -1,87 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Initialization from XML</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Initialization from XML</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime(),function(){
|
||||
// menu.addNewSeparator("file");
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> menu.addNewSeparator("file");</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,123 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Initiazation using Script</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Initiazation using Script</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
|
||||
<script>
|
||||
var menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
// initing
|
||||
menu.addNewSibling(null, "file", "File", false);
|
||||
menu.addNewChild("file", 0, "new", "New", false, "new.gif");
|
||||
menu.addNewSeparator("new");
|
||||
menu.addNewChild("file", 2, "open", "Open", false, "open.gif");
|
||||
menu.addNewChild("file", 3, "save", "Save", false, "save.gif");
|
||||
menu.addNewChild("file", 4, "saveAs", "Save As...", true, null, "save_as_dis.gif");
|
||||
menu.addNewSeparator("saveAs");
|
||||
menu.addNewChild("file", 6, "print", "Print", false, "print.gif");
|
||||
menu.addNewChild("file", 7, "pageSetup", "Page Setup", true, null, "page_setup_dis.gif");
|
||||
menu.addNewSeparator("pageSetup");
|
||||
menu.addNewChild("file", 12, "close", "Close", false, "close.gif");
|
||||
menu.addNewSibling("file", "edit", "Edit", false);
|
||||
menu.addNewChild("edit", 0, "edit_undo", "Undo", false, "undo.gif");
|
||||
menu.addNewSibling("edit_undo", "edit_redo", "Redo", false, "redo.gif");
|
||||
menu.addNewSeparator("edit_redo", "sep_1");
|
||||
menu.addNewSibling("sep_1", "edit_select_all", "Select All", false, "select_all.gif");
|
||||
menu.addNewSeparator("edit_select_all", "sep_2");
|
||||
menu.addNewSibling("sep_2", "edit_cut", "Cut", false, "cut.gif");
|
||||
menu.addNewSibling("edit_cut", "edit_copy", "Copy", false, "copy.gif");
|
||||
menu.addNewSibling("edit_copy", "edit_paste", "Paste", false, "paste.gif");
|
||||
menu.addNewSibling("edit", "help", "Help", false);
|
||||
menu.addNewChild("help", 0, "about", "About...", false, "about.gif");
|
||||
menu.addNewChild("help", 1, "help2", "Help", false, "help.gif");
|
||||
menu.addNewChild("help", 2, "bugrep", "Bug Reporting", false, "bug_reporting.gif");
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/javascript</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> initing;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">File</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">new</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">New</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">new.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSeparator</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">new</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">open</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Open</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">open.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">3</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">save</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Save</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">save.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">4</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">saveAs</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Save As...</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">save_as_dis.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSeparator</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">saveAs</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">6</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">print</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Print</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">print.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">7</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">pageSetup</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Page Setup</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">page_setup_dis.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSeparator</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">pageSetup</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">12</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">close</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Close</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">close.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Edit</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit_undo</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Undo</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">undo.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit_undo</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit_redo</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Redo</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">redo.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSeparator</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit_redo</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">sep_1</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">sep_1</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit_select_all</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Select All</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">select_all.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSeparator</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit_select_all</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">sep_2</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">sep_2</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit_cut</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Cut</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">cut.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit_cut</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit_copy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Copy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">copy.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit_copy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">edit_paste</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Paste</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">paste.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">edit</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">about</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">About...</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">about.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">help2</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">help.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">bugrep</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Bug Reporting</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">bug_reporting.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,152 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Adding First Item</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="doOnLoad();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Adding First Item</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="300"><div style="height: 250px;"><div id="menuObj"></div></div></td>
|
||||
<td width="300"><div style="height: 250px;"><div id="menuObj2"></div></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function doOnLoad() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.addNewSibling(null, "opts", "Options");
|
||||
menu.addNewSibling("opts", "color", "Color");
|
||||
menu.addNewSibling("color", "help", "Help", false);
|
||||
menu.addCheckbox("child", "opts", 0, "ignore_case", "Ignore Case", true);
|
||||
menu.addCheckbox("child", "opts", 1, "search_everywhere", "Search Everywhere");
|
||||
menu.addRadioButton("child", "color", 0, "red", "Red", "color", true);
|
||||
menu.addRadioButton("child", "color", 1, "green", "Green", "color");
|
||||
menu.addRadioButton("child", "color", 2, "blue", "Blue", "color");
|
||||
menu.addNewChild("help", 0, "about", "About...", false, "about.gif");
|
||||
menu.addNewChild("help", 1, "help2", "Help", false, "help.gif");
|
||||
menu.addNewChild("help", 2, "bugrep", "Bug Reporting", false, "bug_reporting.gif");
|
||||
|
||||
|
||||
menu2 = new dhtmlXMenuObject("menuObj2");
|
||||
menu2.setIconsPath("../common/imgs2/");
|
||||
menu2.addNewChild(null, 0, "buddy", "Buddy List");
|
||||
menu2.addNewChild(null, 1, "status", "Status");
|
||||
menu2.addNewChild(null, 2, "tools", "Tools");
|
||||
menu2.addCheckbox("child", "buddy", 0, "show_off_line", "Show Off-Line Buddies", true);
|
||||
menu2.addCheckbox("child", "buddy", 1, "buddy_groups", "Buddy Groups", true);
|
||||
menu2.addCheckbox("child", "buddy", 2, "protocol_icon", "Show Protocol Icons");
|
||||
menu2.addRadioButton("child", "status", 0, "offline", "Off-Line", "status");
|
||||
menu2.addNewSeparator("offline");
|
||||
menu2.addRadioButton("child", "status", 2, "online", "On-Line", "status", true);
|
||||
menu2.addRadioButton("child", "status", 3, "away", "Away", "status");
|
||||
menu2.addRadioButton("child", "status", 4, "notavailable", "Not Available", "status");
|
||||
menu2.addRadioButton("child", "status", 5, "invisible", "Invisible", "status");
|
||||
menu2.addNewChild("tools", 0, "manage_accounts", "Manage Accounts", false, "private_data.gif");
|
||||
menu2.addNewChild("tools", 1, "modules", "Modules", false, "addons.gif");
|
||||
menu2.addNewChild("tools", 2, "files_transfer", "Files Transfer", false, "../imgs/cut.gif");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">300</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">300</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">doOnLoad</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">opts</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Options</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">opts</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Color</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">opts</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">ignore_case</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Ignore Case</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">opts</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">search_everywhere</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Search Everywhere</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">red</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Red</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">green</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Green</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">blue</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Blue</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">about</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">About...</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">about.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">help2</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">help.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">bugrep</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Bug Reporting</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">bug_reporting.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj2</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs2/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">buddy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Buddy List</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Status</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">tools</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Tools</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">buddy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">show_off_line</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Show Off-Line Buddies</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">buddy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">buddy_groups</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Buddy Groups</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">buddy</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">protocol_icon</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Show Protocol Icons</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">offline</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Off-Line</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewSeparator</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">offline</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">online</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">On-Line</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">3</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">away</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Away</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">4</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">notavailable</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Not Available</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">5</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">invisible</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Invisible</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">status</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">tools</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">manage_accounts</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Manage Accounts</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">private_data.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">tools</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">modules</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Modules</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">addons.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">tools</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">files_transfer</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Files Transfer</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">../imgs/cut.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,83 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Dynamic Loading</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Dynamic Loading</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.enableDynamicLoading("../common/dhtmlxmenu_dl.php");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">enableDynamicLoading</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhtmlxmenu_dl.php</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,83 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Object API Init</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Object API Init</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
var menuData = {
|
||||
parent: "menuObj",
|
||||
icon_path: "../common/imgs/",
|
||||
xml: "../common/dhxmenu.xml"
|
||||
};
|
||||
menu = new dhtmlXMenuObject(menuData);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menuData</span><span class="hl-code"> = </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">parent</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">icon_path</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">xml</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-identifier">menuData</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,205 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Object API Extended Init</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Object API Extended Init</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
var menuData = {
|
||||
parent: "menuObj",
|
||||
icon_path: "../common/imgs/",
|
||||
items: [{id: "file", text: "File", items:[
|
||||
{id: "new", text: "New", img: "new.gif"},
|
||||
{id: "sep0", type: "separator"},
|
||||
{id: "open", text: "Open", img: "open.gif"},
|
||||
{id: "save", text: "Save", img: "save.gif"},
|
||||
{id: "saveAs", text: "Save As...", disabled: true, img_disabled: "save_as_dis.gif"},
|
||||
{id: "sep1", type: "separator"},
|
||||
{id: "print", text: "Print", img: "print.gif"},
|
||||
{id: "pageSetup", text: "Page Setup", disabled: true, img_disabled: "page_setup_dis.gif"},
|
||||
{id: "sep2", type: "separator"},
|
||||
{id: "close", text: "Close", img: "close.gif"}
|
||||
]},
|
||||
{id: "edit", text: "Edit", items:[
|
||||
{id: "edit_undo", text: "Undo", img: "undo.gif"},
|
||||
{id: "edit_redo", text: "Redo", img: "redo.gif"},
|
||||
{id: "sep3", type: "separator"},
|
||||
{id: "edit_select_all", text: "Select All", img: "select_all.gif"},
|
||||
{id: "sep4", type: "separator"},
|
||||
{id: "edit_cut", text: "Cut", img: "cut.gif"},
|
||||
{id: "edit_copy", text: "Copy",img: "copy.gif"},
|
||||
{id: "edit_paste", text: "Paste", img: "paste.gif"}
|
||||
]},
|
||||
{id: "help", text: "Help", items:[
|
||||
{id: "about", text: "About...", img: "about.gif"},
|
||||
{id: "help2", text: "Help", img: "help.gif"},
|
||||
{id: "bugrep", text: "Bug Reporting", img: "bug_reporting.gif"}
|
||||
]}
|
||||
]
|
||||
};
|
||||
menu = new dhtmlXMenuObject(menuData);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/javascript</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menuData</span><span class="hl-code"> = </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">parent</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">icon_path</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">items</span><span class="hl-code">: </span><span class="hl-brackets">[</span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">file</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">File</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">items</span><span class="hl-code">: </span><span class="hl-brackets">[</span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">new</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">New</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">new.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">sep0</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">type</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">open</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Open</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">open.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">save</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Save</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">save.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">saveAs</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Save As...</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">disabled</span><span class="hl-code">: </span><span class="hl-reserved">true</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img_disabled</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">save_as_dis.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">sep1</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">type</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">print</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Print</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">print.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">pageSetup</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Page Setup</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">disabled</span><span class="hl-code">: </span><span class="hl-reserved">true</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img_disabled</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">page_setup_dis.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">sep2</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">type</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">close</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Close</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">close.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">]</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Edit</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">items</span><span class="hl-code">: </span><span class="hl-brackets">[</span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit_undo</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Undo</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">undo.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit_redo</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Redo</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">redo.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">sep3</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">type</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit_select_all</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Select All</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">select_all.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">sep4</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">type</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit_cut</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Cut</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">cut.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit_copy</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Copy</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">copy.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">edit_paste</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Paste</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">paste.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">]</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">help</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Help</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">items</span><span class="hl-code">: </span><span class="hl-brackets">[</span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">about</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">About...</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">about.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">help2</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Help</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">help.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">bugrep</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">text</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">Bug Reporting</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">bug_reporting.gif</span><span class="hl-quotes">"</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">]</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">]</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-identifier">menuData</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,146 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Skinning</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="doOnLoad();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Skinning</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_blue.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_black.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_web.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script>
|
||||
var menu, menu2, menu3, menu4;
|
||||
function doOnLoad() {
|
||||
// dhx_skyblue
|
||||
menu = new dhtmlXMenuObject("menuObj", "dhx_skyblue");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
// dhx_blue
|
||||
menu2 = new dhtmlXMenuObject("menuObj2", "dhx_blue");
|
||||
menu2.setIconsPath("../common/imgs/");
|
||||
menu2.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
// dhx_black
|
||||
menu3 = new dhtmlXMenuObject("menuObj3", "dhx_black");
|
||||
menu3.setIconsPath("../common/imgs3/");
|
||||
menu3.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
// dhx_web
|
||||
menu4 = new dhtmlXMenuObject("menuObj4", "dhx_web");
|
||||
menu4.setIconsPath("../common/imgs/");
|
||||
menu4.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<table>
|
||||
<th>dhx_skyblue</th>
|
||||
<th> </th>
|
||||
<th>dhx_blue</th>
|
||||
<th> </th>
|
||||
<th>dhx_black</th>
|
||||
<th> </th>
|
||||
<th><b>dhx_web</b></th>
|
||||
<tr>
|
||||
<td width="270"> <div style="height: 250px;"><div id="menuObj"></div></div> </td>
|
||||
<td width="20"> </td>
|
||||
<td width="270"> <div style="height: 250px;"><div id="menuObj2"></div></div> </td>
|
||||
<td width="20"> </td>
|
||||
<td width="270"> <div style="height: 250px;"><div id="menuObj3"></div></div> </td>
|
||||
<td width="20"> </td>
|
||||
<td width="270"> <div style="height: 250px;"><div id="menuObj4"></div></div> </td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_blue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_black.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_web.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu4</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">doOnLoad</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> dhx_skyblue;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">dhx_skyblue</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> dhx_blue;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj2</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">dhx_blue</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> dhx_black;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj3</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">dhx_black</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs3/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> dhx_web;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu4</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj4</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">dhx_web</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu4</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu4</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">dhx_skyblue</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">dhx_blue</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">dhx_black</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">b</span><span class="hl-brackets">></span><span class="hl-code">dhx_web</span><span class="hl-brackets"></</span><span class="hl-reserved">b</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">270</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">20</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">270</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">20</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">270</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj3</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">20</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">270</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj4</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,108 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Clear All</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Clear All</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<input type="button" value="Load XML 1" onclick="loadXML('');">
|
||||
<input type="button" value="Load XML 2" onclick="loadXML('2');">
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
var menuBusy = true;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onXLE", function(){menuBusy=false;});
|
||||
menu.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime());
|
||||
}
|
||||
function loadXML(v) {
|
||||
if (menuBusy) return;
|
||||
menuBusy = true;
|
||||
menu.clearAll();
|
||||
menu.setIconsPath("../common/imgs"+v+"/");
|
||||
menu.loadXML("../common/dhxmenu"+v+".xml?etc="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Load XML 1</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">loadXML('');</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Load XML 2</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">loadXML('2');</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menuBusy</span><span class="hl-code"> = </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onXLE</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menuBusy</span><span class="hl-code"> = </span><span class="hl-reserved">false</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-identifier">v</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menuBusy</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menuBusy</span><span class="hl-code"> = </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">clearAll</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">v</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">v</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,141 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Unload</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body aonload="load2();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Init</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Unload</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="menuObj"></div>
|
||||
<div id="contextArea" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF; visibility: hidden;"></div>
|
||||
</div>
|
||||
<input type="button" value="Load Menu" onclick="load();">
|
||||
<input type="button" value="Unload Menu" onclick="unload();">
|
||||
<input type="button" value="Load Context Menu" onclick="load2();">
|
||||
<input type="button" value="Unload Context Menu" onclick="unload2();">
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu, menu2;
|
||||
function load() {
|
||||
if (menu) return;
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime());
|
||||
}
|
||||
function unload() {
|
||||
if (!menu) return;
|
||||
menu.unload();
|
||||
menu = null;
|
||||
}
|
||||
function load2() {
|
||||
if (menu2) return;
|
||||
document.getElementById("contextArea").style.visibility = "visible";
|
||||
menu2 = new dhtmlXMenuObject("contextArea");
|
||||
menu2.setIconsPath("../common/imgs/");
|
||||
menu2.renderAsContextMenu();
|
||||
menu2.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime());
|
||||
}
|
||||
function unload2() {
|
||||
if (!menu2) return;
|
||||
menu2.unload();
|
||||
menu2 = null;
|
||||
document.getElementById("contextArea").style.visibility = "hidden";
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF; visibility: hidden;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Load Menu</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">load();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Unload Menu</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">unload();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Load Context Menu</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">load2();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Unload Context Menu</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">unload2();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">load</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">unload</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-identifier">menu</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">unload</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">null</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">load2</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menu2</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">style</span><span class="hl-code">.</span><span class="hl-identifier">visibility</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">visible</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">unload2</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-identifier">menu2</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">unload</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code"> = </span><span class="hl-reserved">null</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">style</span><span class="hl-code">.</span><span class="hl-identifier">visibility</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">hidden</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Init</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img src="../common/icons/menu.gif" alt="" border=0 >dhtmlxMenu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Init</h3>
|
||||
</div>
|
||||
<ul class="topics samples">
|
||||
<li><a href='./01_init_from_xml.html'>Initialization from XML</a></li><li><a href='./03_init_from_script.html'>Initiazation using Script</a></li><li><a href='./04_first_item_usual.html'>Adding First Item</a></li><li><a href='./05_dynamic_loading.html'>Dynamic Loading</a></li><li><a href='./06_api_simple.html'>Object API Init</a></li><li><a href='./07_api_ext.html'>Object API Extended Init</a></li><li><a href='./08_skinning.html'>Skinning</a></li><li><a href='./09_clearall.html'>Clear All</a></li><li><a href='./10_unload.html'>Unload</a></li>
|
||||
<!--<li><a href="#">Calendar eXcell</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,90 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Initialization of Context Menu</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Initialization of Context Menu</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="contextArea" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("contextArea");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,90 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Context Menu Object API Init</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Context Menu Object API Init</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="contextArea" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
|
||||
</div>
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
var menuData = {
|
||||
parent: "contextArea",
|
||||
context: true,
|
||||
icon_path: "../common/imgs/",
|
||||
xml: "../common/dhxmenu.xml"
|
||||
};
|
||||
menu = new dhtmlXMenuObject(menuData);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menuData</span><span class="hl-code"> = </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">parent</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">context</span><span class="hl-code">: </span><span class="hl-reserved">true</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">icon_path</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">xml</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-identifier">menuData</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,139 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Context Menu Zones</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();" id="docbody">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Context Menu Zones</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="contextZone_A" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">zone A</div>
|
||||
<div id="contextZone_B" style="position: absolute; left: 220px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">zone B</div>
|
||||
<div id="contextZone_C" style="position: absolute; left: 340px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">zone C</div>
|
||||
</div>
|
||||
<div>
|
||||
<select id="sel">
|
||||
<option value="contextZone_A">zone A</option>
|
||||
<option value="contextZone_B">zone B</option>
|
||||
<option value="contextZone_C">zone C</option>
|
||||
</select>
|
||||
<input type="button" value="Add Context Zone" onclick="add();">
|
||||
<input type="button" value="Remove Context Zone" onclick="remove();">
|
||||
<input type="button" value="Is Context Zone?" onclick="check();">
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject();
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
var sel = document.getElementById("sel");
|
||||
function getId() {
|
||||
return sel.options[sel.selectedIndex].value;
|
||||
}
|
||||
function add() {
|
||||
menu.addContextZone(getId());
|
||||
}
|
||||
function remove() {
|
||||
menu.removeContextZone(getId());
|
||||
}
|
||||
function check() {
|
||||
alert(menu.isContextZone(getId()));
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_A</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zone A</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_B</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 220px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zone B</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_C</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 340px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zone C</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">select</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">option</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_A</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zone A</span><span class="hl-brackets"></</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">option</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_B</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zone B</span><span class="hl-brackets"></</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">option</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_C</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zone C</span><span class="hl-brackets"></</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">select</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Add Context Zone</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">add();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Remove Context Zone</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">remove();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Is Context Zone?</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">check();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">sel</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">options</span><span class="hl-brackets">[</span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">selectedIndex</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">add</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">remove</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">removeContextZone</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">check</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">alert</span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">isContextZone</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,86 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Context Menu With Dynamical Loading</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Context Menu With Dynamical Loading</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="contextArea" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("contextArea");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.enableDynamicLoading("../common/dhtmlxmenu_dl.php");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">enableDynamicLoading</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhtmlxmenu_dl.php</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,126 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Context Menu Hide All Mode</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Context Menu Hide All Mode</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
<style>
|
||||
span.mode_en {
|
||||
color: #009000;
|
||||
margin-left: 7px;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.mode_dis {
|
||||
color: #EE0000;
|
||||
margin-left: 7px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="contextArea" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
|
||||
</div>
|
||||
<div>Hide All contextual menu mode - hide all opened context menu polygons on mouseout (true by the default)</div>
|
||||
<br>
|
||||
<div><input type="button" value="On/Off" onclick="onOff();"><span style="margin-left: 7px;"><b>Hide All</b> mode</span><span id="spmod" class="mode_en">enabled</span></div>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("contextArea");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
function onOff() {
|
||||
menu.setContextMenuHideAllMode(!menu.getContextMenuHideAllMode());
|
||||
document.getElementById("spmod").className = (menu.getContextMenuHideAllMode()?"mode_en":"mode_dis");
|
||||
document.getElementById("spmod").innerHTML = (menu.getContextMenuHideAllMode()?"enabled":"disabled");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">style</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
span.mode_en {
|
||||
color: #009000;
|
||||
margin-left: 7px;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.mode_dis {
|
||||
color: #EE0000;
|
||||
margin-left: 7px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">style</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">Hide All contextual menu mode - hide all opened context menu polygons on mouseout (true by the default)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">On/Off</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">onOff();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">margin-left: 7px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">b</span><span class="hl-brackets">></span><span class="hl-code">Hide All</span><span class="hl-brackets"></</span><span class="hl-reserved">b</span><span class="hl-brackets">></span><span class="hl-code"> mode</span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">spmod</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">class</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">mode_en</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">enabled</span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">onOff</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setContextMenuHideAllMode</span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getContextMenuHideAllMode</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">spmod</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">className</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getContextMenuHideAllMode</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string">mode_en</span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">mode_dis</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">spmod</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getContextMenuHideAllMode</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string">enabled</span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">disabled</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,132 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Adding First Item</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="doOnLoad();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Adding First Item</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 400px; position: relative;">
|
||||
<div id="contextZone_A" style="position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">Items</div>
|
||||
<div id="contextZone_B" style="position: absolute; left: 220px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">Checkboxes</div>
|
||||
<div id="contextZone_C" style="position: absolute; left: 340px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">Radios</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu1, menu2, menu3;
|
||||
function doOnLoad() {
|
||||
// items
|
||||
menu1 = new dhtmlXMenuObject();
|
||||
menu1.renderAsContextMenu();
|
||||
menu1.addContextZone("contextZone_A");
|
||||
menu1.setIconsPath("../common/imgs/");
|
||||
menu1.addNewChild(menu1.topId, 0, "open", "Open", false, "open.gif");
|
||||
menu1.addNewChild(menu1.topId, 1, "save", "Save", false, "save.gif");
|
||||
menu1.addNewChild(menu1.topId, 3, "close", "Close", false, "close.gif");
|
||||
// checkboxes
|
||||
menu2 = new dhtmlXMenuObject();
|
||||
menu2.renderAsContextMenu();
|
||||
menu2.addContextZone("contextZone_B");
|
||||
menu2.addCheckbox("child", menu2.topId, 0, "ignore_case", "Ignore Case", true);
|
||||
menu2.addCheckbox("child", menu2.topId, 1, "search_everywhere", "Search Everywhere");
|
||||
// radios
|
||||
menu3 = new dhtmlXMenuObject();
|
||||
menu3.renderAsContextMenu();
|
||||
menu3.addContextZone("contextZone_C");
|
||||
menu3.addRadioButton("child", menu3.topId, 0, "red", "Red", "color", true);
|
||||
menu3.addRadioButton("child", menu3.topId, 1, "green", "Green", "color");
|
||||
menu3.addRadioButton("child", menu3.topId, 2, "blue", "Blue", "color");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 400px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_A</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 100px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Items</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_B</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 220px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Checkboxes</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_C</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 340px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Radios</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu1</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">doOnLoad</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> items;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_A</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">open</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Open</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">open.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">save</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Save</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">save.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">3</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">close</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Close</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">close.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> checkboxes;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_B</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">ignore_case</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Ignore Case</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">addCheckbox</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">search_everywhere</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Search Everywhere</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> radios;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextZone_C</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">red</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Red</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">1</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">green</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Green</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">addRadioButton</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">child</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menu3</span><span class="hl-code">.</span><span class="hl-identifier">topId</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">blue</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">Blue</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">color</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,54 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Context Menu on Body</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Contextual Menu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Context Menu on Body</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<input type="button" value="Open Demo" onclick="window.open('inc/context_body.html');">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-code"><</span><span class="hl-identifier">input</span><span class="hl-code"> </span><span class="hl-identifier">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-identifier">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Open Demo</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-identifier">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">window.open('inc/context_body.html');</span><span class="hl-quotes">"</span><span class="hl-code">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,29 +0,0 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Context Menu on Body</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../../codebase/dhtmlxmenu.js"></script>
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject();
|
||||
menu.setIconsPath("../../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.addContextZone(document.body);
|
||||
menu.loadXML("../../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Contextual Menu</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img src="../common/icons/menu.gif" alt="" border=0 >dhtmlxMenu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Contextual Menu</h3>
|
||||
</div>
|
||||
<ul class="topics samples">
|
||||
<li><a href='./01_context.html'>Initialization of Context Menu</a></li><li><a href='./02_context_api.html'>Context Menu Object API Init</a></li><li><a href='./03_context_zones.html'>Context Menu Zones</a></li><li><a href='./04_context_dynamic.html'>Context Menu With Dynamical Loading</a></li><li><a href='./05_context_hide_all.html'>Context Menu Hide All Mode</a></li><li><a href='./06_context_first_item.html'>Adding First Item</a></li><li><a href='./07_context_on_body.html'>Context Menu on Body</a></li>
|
||||
<!--<li><a href="#">Calendar eXcell</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,118 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Open Mode</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Features</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Open Mode</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<th>Web Mode</th>
|
||||
<th> </th>
|
||||
<th>Win Mode</th>
|
||||
<tr>
|
||||
<td width="300"><div style="height: 250px;"><div id="menuWeb"></div></div></td>
|
||||
<td width="20"> </td>
|
||||
<td width="300"><div style="height: 250px;"><div id="menuWin"></div></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu1, menu2;
|
||||
function initMenu() {
|
||||
// web mode
|
||||
menu1 = new dhtmlXMenuObject("menuWeb");
|
||||
menu1.setIconsPath("../common/imgs/");
|
||||
menu1.setOpenMode("web");
|
||||
menu1.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
// win mode
|
||||
menu2 = new dhtmlXMenuObject("menuWin");
|
||||
menu2.setIconsPath("../common/imgs/");
|
||||
menu2.setOpenMode("win");
|
||||
menu2.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">Web Mode</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">Win Mode</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">300</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuWeb</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">20</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">300</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuWin</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu1</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> web mode;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuWeb</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">setOpenMode</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">web</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu1</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> win mode;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuWin</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">setOpenMode</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">win</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu2</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,95 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Overflow Control</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Features</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Overflow Control</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<input type="text" value="4" id="overflowValue" size="2">
|
||||
<input type="button" value="set overflow" onclick="setOverflow(document.getElementById('overflowValue').value);">
|
||||
|
||||
<br>
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?etc=" + new Date().getTime());
|
||||
}
|
||||
function setOverflow(h) {
|
||||
if (isNaN(h)) return;
|
||||
menu.setOverflowHeight(h);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">4</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">overflowValue</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">size</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">set overflow</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">setOverflow(document.getElementById('overflowValue').value);</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">setOverflow</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">isNaN</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setOverflowHeight</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,101 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Setting Visible Area</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Features</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Setting Visible Area</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div id="contextArea" style="position: relative; left: 20px; top: 20px; width: 600px; height: 400px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
var pObj = document.getElementById("contextArea");
|
||||
var x1 = getAbsoluteLeft(pObj);
|
||||
var x2 = x1+pObj.offsetWidth;
|
||||
var y1 = getAbsoluteTop(pObj);
|
||||
var y2 = y1+pObj.offsetHeight;
|
||||
//
|
||||
menu = new dhtmlXMenuObject("contextArea");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu(true);
|
||||
menu.setVisibleArea(x1, x2, y1, y2);
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: relative; left: 20px; top: 20px; width: 600px; height: 400px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">pObj</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">x1</span><span class="hl-code"> = </span><span class="hl-identifier">getAbsoluteLeft</span><span class="hl-brackets">(</span><span class="hl-identifier">pObj</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">x2</span><span class="hl-code"> = </span><span class="hl-identifier">x1</span><span class="hl-code"> + </span><span class="hl-identifier">pObj</span><span class="hl-code">.</span><span class="hl-identifier">offsetWidth</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">y1</span><span class="hl-code"> = </span><span class="hl-identifier">getAbsoluteTop</span><span class="hl-brackets">(</span><span class="hl-identifier">pObj</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">y2</span><span class="hl-code"> = </span><span class="hl-identifier">y1</span><span class="hl-code"> + </span><span class="hl-identifier">pObj</span><span class="hl-code">.</span><span class="hl-identifier">offsetHeight</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment">;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">contextArea</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setVisibleArea</span><span class="hl-brackets">(</span><span class="hl-identifier">x1</span><span class="hl-code">, </span><span class="hl-identifier">x2</span><span class="hl-code">, </span><span class="hl-identifier">y1</span><span class="hl-code">, </span><span class="hl-identifier">y2</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,92 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Align</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Features</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Align</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<input type="button" value="Left Align" onclick="menu.setAlign('left');">
|
||||
<input type="button" value="Right Align" onclick="menu.setAlign('right');">
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime());
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Left Align</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menu.setAlign('left');</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Right Align</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menu.setAlign('right');</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,87 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Top Text</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Features</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Top Text</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.setTopText("dhtmlxMenu");
|
||||
menu.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setTopText</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">dhtmlxMenu</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,77 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Hrefs</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Features</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Hrefs</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("");
|
||||
menu.loadXML("../common/dhxmenu_links.xml?etc="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu_links.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Features</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img src="../common/icons/menu.gif" alt="" border=0 >dhtmlxMenu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Features</h3>
|
||||
</div>
|
||||
<ul class="topics samples">
|
||||
<li><a href='./01_open_mode.html'>Open Mode</a></li><li><a href='./02_overflow.html'>Overflow Control</a></li><li><a href='./03_visible_area.html'>Setting Visible Area</a></li><li><a href='./04_align.html'>Align</a></li><li><a href='./05_toptext.html'>Top Text</a></li><li><a href='./06_hrefs.html'>Hrefs</a></li>
|
||||
<!--<li><a href="#">Calendar eXcell</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,111 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Iterator</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Iterator</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<input type="button" value="Disable All Nested" onclick="disable();">
|
||||
<input type="button" value="Enable All Nested" onclick="enable();">
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?etc="+new Date().getTime());
|
||||
}
|
||||
function disable() {
|
||||
menu.forEachItem(function(id){
|
||||
if (menu.getItemType(id) != "separator" && menu._getItemLevelType(id) != "TopLevel") menu.setItemDisabled(id);
|
||||
});
|
||||
}
|
||||
function enable() {
|
||||
menu.forEachItem(function(id){
|
||||
if (menu.getItemType(id) != "separator" && menu._getItemLevelType(id) != "TopLevel") menu.setItemEnabled(id);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Disable All Nested</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">disable();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Enable All Nested</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">enable();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?etc=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">disable</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">forEachItem</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemType</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code"> && </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">_getItemLevelType</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-string">TopLevel</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemDisabled</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">enable</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">forEachItem</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemType</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-code"> && </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">_getItemLevelType</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-string">TopLevel</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemEnabled</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,313 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Menu Items Manipulations</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Menu Items Manipulations</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<th colspan="3" style="padding-bottom: 10px;">Add New Item</th>
|
||||
<tr>
|
||||
<td>Item Type</td>
|
||||
<td width="10"> </td>
|
||||
<td><select id="add_type"><option value="0">Child</option><option value="1">Sibling</option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Parent</td>
|
||||
<td> </td>
|
||||
<td><div id="item_parent" style="font-weight: bold;">(Click menu to select)</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item Text</td>
|
||||
<td> </td>
|
||||
<td><input id="item_text" type="text" value=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Item Has Icon</td>
|
||||
<td> </td>
|
||||
<td>
|
||||
<span><input id="icon_exists" type="checkbox" checked></span>
|
||||
<span><img id="icon_src" width="18" height="18" border="0" src="../common/imgs/copy.gif"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Icon Source</td>
|
||||
<td> </td>
|
||||
<td>
|
||||
<span><img onclick="changeIcon(this, 'copy');" width="18" height="18" border="0" src="../common/imgs/copy.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'cut');" width="18" height="18" border="0" src="../common/imgs/cut.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'new');" width="18" height="18" border="0" src="../common/imgs/new.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'paste');" width="18" height="18" border="0" src="../common/imgs/paste.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'print');" width="18" height="18" border="0" src="../common/imgs/print.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'redo');" width="18" height="18" border="0" src="../common/imgs/redo.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'undo');" width="18" height="18" border="0" src="../common/imgs/undo.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'save');" width="18" height="18" border="0" src="../common/imgs/save.gif"></span>
|
||||
<span><img onclick="changeIcon(this, 'select_all');" width="18" height="18" border="0" src="../common/imgs/select_all.gif"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td><input type="button" value="Add Item" style="margin-top: 10px;" onclick="addItem();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width="30"> </td>
|
||||
<td valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<th colspan="3" style="padding-bottom: 10px;">Remove Item</th>
|
||||
<tr>
|
||||
<td>Item</td>
|
||||
<td> </td>
|
||||
<td><div id="item_id" style="font-weight: bold;">(Click menu to select)</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" align="center"><input type="button" value="Remove Item" style="margin-top: 10px;" onclick="removeItem();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onClick", changeParent);
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
|
||||
}
|
||||
var itemImg = "copy";
|
||||
function changeIcon(obj, icon) {
|
||||
document.getElementById("icon_src").src = obj.src;
|
||||
itemImg = icon;
|
||||
}
|
||||
var parentId = null;
|
||||
function changeParent(id) {
|
||||
parentId = id;
|
||||
var text = menu.getItemText(id);
|
||||
document.getElementById("item_parent").innerHTML = id + " ("+text+")";
|
||||
document.getElementById("item_id").innerHTML = id + " ("+text+")";
|
||||
}
|
||||
var itemId = 0;
|
||||
function addItem() {
|
||||
if (parentId == null) { alert("Please select parentId"); return; }
|
||||
var itemText = document.getElementById("item_text").value;
|
||||
if (itemText.length == 0) { itemText = "New Item"; }
|
||||
var img = "";
|
||||
var imgDis = "";
|
||||
if (document.getElementById("icon_exists").checked) {
|
||||
img = itemImg+".gif";
|
||||
imgDis = itemImg+"_dis.gif";
|
||||
}
|
||||
var opts = document.getElementById("add_type");
|
||||
if (opts.options[opts.selectedIndex].value == "0") {
|
||||
menu.addNewChild(parentId, 0, "item_"+itemId, itemText, false, img, imgDis);
|
||||
} else {
|
||||
menu.addNewSibling(parentId, "item_"+itemId, itemText, false, img, imgDis);
|
||||
}
|
||||
itemId++;
|
||||
parentId = null;
|
||||
document.getElementById("item_parent").innerHTML = "(Click menu to select)";
|
||||
document.getElementById("item_id").innerHTML = "(Click menu to select)";
|
||||
}
|
||||
function removeItem() {
|
||||
if (parentId == null) { alert("Please select itemId"); return; }
|
||||
menu.removeItem(parentId);
|
||||
parentId = null;
|
||||
document.getElementById("item_parent").innerHTML = "(Click menu to select)";
|
||||
document.getElementById("item_id").innerHTML = "(Click menu to select)";
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">valign</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">top</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-code"> </span><span class="hl-var">colspan</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">3</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">padding-bottom: 10px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Add New Item</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Item Type</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">select</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">add_type</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">option</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Child</span><span class="hl-brackets"></</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">option</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Sibling</span><span class="hl-brackets"></</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">select</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Parent</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_parent</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">font-weight: bold;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">(Click menu to select)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Item Text</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Item Has Icon</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">icon_exists</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">checkbox</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">checked</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">icon_src</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/copy.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Icon Source</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'copy');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/copy.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'cut');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/cut.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'new');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/new.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'paste');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/paste.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'print');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/print.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'redo');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/redo.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'undo');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/undo.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'save');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/save.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">changeIcon(this, 'select_all');</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/select_all.gif</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">span</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Add Item</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">margin-top: 10px;</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">addItem();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">30</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">valign</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">top</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">th</span><span class="hl-code"> </span><span class="hl-var">colspan</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">3</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">padding-bottom: 10px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Remove Item</span><span class="hl-brackets"></</span><span class="hl-reserved">th</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_id</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">font-weight: bold;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">(Click menu to select)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">colspan</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">3</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">align</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">center</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Remove Item</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">margin-top: 10px;</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">removeItem();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">changeParent</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">itemImg</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">copy</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">changeIcon</span><span class="hl-brackets">(</span><span class="hl-identifier">obj</span><span class="hl-code">, </span><span class="hl-identifier">icon</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">icon_src</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">src</span><span class="hl-code"> = </span><span class="hl-identifier">obj</span><span class="hl-code">.</span><span class="hl-identifier">src</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">itemImg</span><span class="hl-code"> = </span><span class="hl-identifier">icon</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">parentId</span><span class="hl-code"> = </span><span class="hl-reserved">null</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">changeParent</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">parentId</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">text</span><span class="hl-code"> = </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_parent</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">text</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_id</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">text</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">itemId</span><span class="hl-code"> = </span><span class="hl-number">0</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">addItem</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-code"> == </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">alert</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">Please select parentId</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">itemText</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_text</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">itemText</span><span class="hl-code">.</span><span class="hl-identifier">length</span><span class="hl-code"> == </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">itemText</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">New Item</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">img</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">imgDis</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">icon_exists</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">checked</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">img</span><span class="hl-code"> = </span><span class="hl-identifier">itemImg</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">.gif</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">imgDis</span><span class="hl-code"> = </span><span class="hl-identifier">itemImg</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">_dis.gif</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">opts</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">add_type</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">opts</span><span class="hl-code">.</span><span class="hl-identifier">options</span><span class="hl-brackets">[</span><span class="hl-identifier">opts</span><span class="hl-code">.</span><span class="hl-identifier">selectedIndex</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code"> == </span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewChild</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">item_</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">itemId</span><span class="hl-code">, </span><span class="hl-identifier">itemText</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-identifier">img</span><span class="hl-code">, </span><span class="hl-identifier">imgDis</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">else</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addNewSibling</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">item_</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">itemId</span><span class="hl-code">, </span><span class="hl-identifier">itemText</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-code">, </span><span class="hl-identifier">img</span><span class="hl-code">, </span><span class="hl-identifier">imgDis</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">itemId</span><span class="hl-code">++;
|
||||
</span><span class="hl-identifier">parentId</span><span class="hl-code"> = </span><span class="hl-reserved">null</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_parent</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">(Click menu to select)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_id</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">(Click menu to select)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">removeItem</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-code"> == </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">alert</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">Please select itemId</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">removeItem</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">parentId</span><span class="hl-code"> = </span><span class="hl-reserved">null</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_parent</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">(Click menu to select)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_id</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">(Click menu to select)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,142 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Menu Items Visibility Control</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Menu Items Visibility Control</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td>Select Item</td>
|
||||
<td width="10"> </td>
|
||||
<td><select id="sel"></select></td>
|
||||
<td width="10"> </td>
|
||||
<td><input type="button" value="Show" onclick="show();"> <input type="button" value="Hide" onclick="hide();"> <input type="button" value="Is Hidden?" onclick="isHidden();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
var sel = document.getElementById("sel");
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime(), function(){
|
||||
menu.forEachItem(function(itemId){
|
||||
if (menu.getItemType(itemId) != "separator") sel.options.add(new Option(menu.getItemText(itemId), itemId));
|
||||
});
|
||||
});
|
||||
}
|
||||
function getId() {
|
||||
return sel.options[sel.selectedIndex].value;
|
||||
}
|
||||
function show() {
|
||||
menu.showItem(getId());
|
||||
}
|
||||
function hide() {
|
||||
menu.hideItem(getId());
|
||||
}
|
||||
function isHidden() {
|
||||
alert(menu.isItemHidden(getId()));
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">select</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">select</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Show</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">show();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Hide</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">hide();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Is Hidden?</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">isHidden();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">sel</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">forEachItem</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">itemId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemType</span><span class="hl-brackets">(</span><span class="hl-identifier">itemId</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">options</span><span class="hl-code">.</span><span class="hl-identifier">add</span><span class="hl-brackets">(</span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">Option</span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">itemId</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">itemId</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">options</span><span class="hl-brackets">[</span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">selectedIndex</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">show</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">showItem</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">hide</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">hideItem</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">isHidden</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">alert</span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">isItemHidden</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,145 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Menu Items State Manipulation</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Menu Items State Manipulation</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td>Select Item</td>
|
||||
<td width="10"> </td>
|
||||
<td><select id="sel"></select></td>
|
||||
<td width="10"> </td>
|
||||
<td><input type="button" value="Enable" onclick="enable();"> <input type="button" value="Disable" onclick="disable();"> <input type="button" value="Is Enabled?" onclick="isEnabled();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime(), function(){
|
||||
var sel = document.getElementById("sel");
|
||||
menu.forEachItem(function(id){if(menu.getItemType(id)!="separator"){sel.options.add(new Option(menu.getItemText(id),id));}});
|
||||
});
|
||||
}
|
||||
function getId() {
|
||||
var sel = document.getElementById("sel");
|
||||
var id = sel.options[sel.selectedIndex].value;
|
||||
return id;
|
||||
}
|
||||
function enable() {
|
||||
menu.setItemEnabled(getId());
|
||||
}
|
||||
function disable() {
|
||||
menu.setItemDisabled(getId());
|
||||
}
|
||||
function isEnabled() {
|
||||
alert(menu.isItemEnabled(getId()));
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">select</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">select</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Enable</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">enable();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Disable</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">disable();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Is Enabled?</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">isEnabled();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">sel</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">forEachItem</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemType</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-string">separator</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">options</span><span class="hl-code">.</span><span class="hl-identifier">add</span><span class="hl-brackets">(</span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">Option</span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">sel</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">sel</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">id</span><span class="hl-code"> = </span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">options</span><span class="hl-brackets">[</span><span class="hl-identifier">sel</span><span class="hl-code">.</span><span class="hl-identifier">selectedIndex</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">enable</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemEnabled</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">disable</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemDisabled</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">isEnabled</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">alert</span><span class="hl-brackets">(</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">isItemEnabled</span><span class="hl-brackets">(</span><span class="hl-identifier">getId</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,144 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Menu Items Text Manipulation</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Menu Items Text Manipulation</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td>Select Item</td>
|
||||
<td width="10"> </td>
|
||||
<td><div id="item">(Click menu item to select)</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Current Item Text</td>
|
||||
<td> </td>
|
||||
<td><div id="item_text"> </div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>New Item Text</td>
|
||||
<td> </td>
|
||||
<td><input id="item_new_text" type="text" value="New Item Text"> <input type="button" value="Update" onclick="update();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu, mid;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onClick", menuClick);
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
|
||||
}
|
||||
function menuClick(id) {
|
||||
document.getElementById("item").innerHTML = id;
|
||||
document.getElementById("item_text").innerHTML = menu.getItemText(id);
|
||||
mid = id;
|
||||
}
|
||||
function update() {
|
||||
var text = document.getElementById("item_new_text").value;
|
||||
menu.setItemText(mid, text);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">(Click menu item to select)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Current Item Text</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_text</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">New Item Text</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_new_text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">New Item Text</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Update</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">update();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_text</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">update</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">text</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_new_text</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">mid</span><span class="hl-code">, </span><span class="hl-identifier">text</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,148 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Menu Items Position Control</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Menu Items Position Control</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td>Select Item</td>
|
||||
<td width="10"> </td>
|
||||
<td><div id="item">(Click menu item to select)</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Current Item Position</td>
|
||||
<td> </td>
|
||||
<td><div id="item_pos"> </div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>New Item Position</td>
|
||||
<td> </td>
|
||||
<td><input id="item_new_pos" type="text" value="1" style="width: 30px;"> <input type="button" value="Update" onclick="update();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu, mid;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onClick", menuClick);
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
|
||||
}
|
||||
function menuClick(id) {
|
||||
document.getElementById("item").innerHTML = id + " ("+menu.getItemText(id)+")";
|
||||
document.getElementById("item_pos").innerHTML = menu.getItemPosition(id);
|
||||
mid = id;
|
||||
}
|
||||
function update() {
|
||||
var pos = Number(document.getElementById("item_new_pos").value);
|
||||
if (isNaN(pos)) { return; }
|
||||
menu.setItemPosition(mid, pos);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">(Click menu item to select)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Current Item Position</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_pos</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">New Item Position</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_new_pos</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">1</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 30px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Update</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">update();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_pos</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemPosition</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">update</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">pos</span><span class="hl-code"> = </span><span class="hl-builtin">Number</span><span class="hl-brackets">(</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_new_pos</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">isNaN</span><span class="hl-brackets">(</span><span class="hl-identifier">pos</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemPosition</span><span class="hl-brackets">(</span><span class="hl-identifier">mid</span><span class="hl-code">, </span><span class="hl-identifier">pos</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,156 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Using UserData In Menu Items</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Using UserData In Menu Items</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="2" cellpadding="2">
|
||||
<tr>
|
||||
<td>Select Item</td>
|
||||
<td width="10"> </td>
|
||||
<td><div id="item">(Click menu item to select)</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Current UserData ("data")</td>
|
||||
<td> </td>
|
||||
<td><input id="item_ud" type="text" value="" disabled="true"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>UserData Name</td>
|
||||
<td> </td>
|
||||
<td><select disabled><option>data</option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>UserData Value</td>
|
||||
<td> </td>
|
||||
<td><input id="item_new_ud" type="text" value=""> <input type="button" value="Update" onclick="update();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu, mid;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onClick", menuClick);
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
|
||||
}
|
||||
function menuClick(id) {
|
||||
document.getElementById("item").innerHTML = id + " ("+menu.getItemText(id)+")";
|
||||
var ud = menu.getUserData(id, "data");
|
||||
document.getElementById("item_ud").value = (ud!=null?ud:"");
|
||||
mid = id;
|
||||
}
|
||||
function update() {
|
||||
var data = document.getElementById("item_new_ud").value;
|
||||
menu.setUserData(mid, "data", data);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">2</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">(Click menu item to select)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Current UserData ("data")</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_ud</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">disabled</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">true</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">UserData Name</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">select</span><span class="hl-code"> </span><span class="hl-var">disabled</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-code">data</span><span class="hl-brackets"></</span><span class="hl-reserved">option</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">select</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">UserData Value</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item_new_ud</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Update</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">update();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">ud</span><span class="hl-code"> = </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getUserData</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">data</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_ud</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-identifier">ud</span><span class="hl-code"> != </span><span class="hl-reserved">null</span><span class="hl-code"> ? </span><span class="hl-identifier">ud</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">update</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">data</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item_new_ud</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">value</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setUserData</span><span class="hl-brackets">(</span><span class="hl-identifier">mid</span><span class="hl-code">, </span><span class="hl-quotes">"</span><span class="hl-string">data</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">data</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,185 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Menu Items Images Manipulation</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Items</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Menu Items Images Manipulation</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td>Select Item</td>
|
||||
<td width="10"> </td>
|
||||
<td><div id="item">(Click menu item to select)</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Current Image</td>
|
||||
<td> </td>
|
||||
<td><img id="imgcur" src="" width="18" height="18" style="border: #909090 1px solid;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select New Image</td>
|
||||
<td> </td>
|
||||
<td id="imgList"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Remove Item Image</td>
|
||||
<td> </td>
|
||||
<td><input type="button" value="Remove Image" onclick="update();"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu, mid;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onClick", menuClick);
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime(), function(){
|
||||
menu.forEachItem(function(id){
|
||||
var imgs = menu.getItemImage(id);
|
||||
if (imgs[0] != null && imgs[0] != "") {
|
||||
var text = '<span><img onclick="changeIcon(this, \''+imgs[0]+'\');" width="18" height="18" border="0" src="../common/imgs/'+imgs[0]+'"></span> ';
|
||||
document.getElementById("imgList").innerHTML += text;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function menuClick(id) {
|
||||
var img = menu.getItemImage(id);
|
||||
document.getElementById("item").innerHTML = id+" ("+menu.getItemText(id)+")";
|
||||
document.getElementById("imgcur").src = "../common/imgs/"+img[0];//.replace(/^\.\.\//,"");
|
||||
mid = id;
|
||||
}
|
||||
function changeIcon(obj, icon) {
|
||||
if (mid == null) { return; }
|
||||
document.getElementById("imgcur").src = obj.src;
|
||||
menu.setItemImage(mid, icon);
|
||||
}
|
||||
function update() {
|
||||
menu.clearItemImage(mid);
|
||||
document.getElementById("imgcur").src = "../common/imgs/";
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">table</span><span class="hl-code"> </span><span class="hl-var">border</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellspacing</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">cellpadding</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">0</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select Item</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">10</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">(Click menu item to select)</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Current Image</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">img</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">imgcur</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">18</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">border: #909090 1px solid;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Select New Image</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">imgList</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">Remove Item Image</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-special">&nbsp;</span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">input</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">button</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">value</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Remove Image</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">onclick</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">update();</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">td</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">tr</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">table</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">,
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">forEachItem</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">imgs</span><span class="hl-code"> = </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemImage</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">imgs</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code"> != </span><span class="hl-reserved">null</span><span class="hl-code"> && </span><span class="hl-identifier">imgs</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code"> != </span><span class="hl-quotes">"</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">text</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string"><span><img onclick="changeIcon(this, </span><span class="hl-special">\'</span><span class="hl-quotes">'</span><span class="hl-code"> + </span><span class="hl-identifier">imgs</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code"> + </span><span class="hl-quotes">'</span><span class="hl-special">\'</span><span class="hl-string">);" width="18" height="18" border="0" src="../common/imgs/</span><span class="hl-quotes">'</span><span class="hl-code"> + </span><span class="hl-identifier">imgs</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code"> + </span><span class="hl-quotes">'</span><span class="hl-string">"></span> </span><span class="hl-quotes">'</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">imgList</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-identifier">text</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">img</span><span class="hl-code"> = </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemImage</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">item</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">imgcur</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">src</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">img</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment">.replace(/^\.\.\//,"");</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">mid</span><span class="hl-code"> = </span><span class="hl-identifier">id</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">changeIcon</span><span class="hl-brackets">(</span><span class="hl-identifier">obj</span><span class="hl-code">, </span><span class="hl-identifier">icon</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">mid</span><span class="hl-code"> == </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">imgcur</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">src</span><span class="hl-code"> = </span><span class="hl-identifier">obj</span><span class="hl-code">.</span><span class="hl-identifier">src</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setItemImage</span><span class="hl-brackets">(</span><span class="hl-identifier">mid</span><span class="hl-code">, </span><span class="hl-identifier">icon</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">update</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">clearItemImage</span><span class="hl-brackets">(</span><span class="hl-identifier">mid</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">imgcur</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">src</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Items</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img src="../common/icons/menu.gif" alt="" border=0 >dhtmlxMenu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Items</h3>
|
||||
</div>
|
||||
<ul class="topics samples">
|
||||
<li><a href='./01_iterator.html'>Iterator</a></li><li><a href='./02_manipulations.html'>Menu Items Manipulations</a></li><li><a href='./03_visibility.html'>Menu Items Visibility Control</a></li><li><a href='./04_state.html'>Menu Items State Manipulation</a></li><li><a href='./05_text.html'>Menu Items Text Manipulation</a></li><li><a href='./06_position.html'>Menu Items Position Control</a></li><li><a href='./07_userdata.html'>Using UserData In Menu Items</a></li><li><a href='./08_images.html'>Menu Items Images Manipulation</a></li>
|
||||
<!--<li><a href="#">Calendar eXcell</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,149 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Event Handling In Case Of Single Loading</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Events</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Event Handling In Case Of Single Loading</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div id="ta" style="width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;"></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onXLS", menuXLS);
|
||||
menu.attachEvent("onXLE", menuXLE);
|
||||
menu.attachEvent("onClick", menuClick);
|
||||
menu.attachEvent("onTouch", menuTouch);
|
||||
menu.attachEvent("onShow", menuShow);
|
||||
menu.attachEvent("onHide", menuHide);
|
||||
menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime(), function(){
|
||||
document.getElementById("ta").innerHTML += "<b>doOnLoad</b> onLoadFunction was called<br>";
|
||||
});
|
||||
}
|
||||
function printLog(text) {
|
||||
document.getElementById("ta").innerHTML = text+document.getElementById("ta").innerHTML;
|
||||
document.getElementById("ta").scrollTop = 0;
|
||||
}
|
||||
function menuClick(id) {
|
||||
printLog("<b>onClick</b> Item "+menu.getItemText(id)+" (id:"+id+") was clicked<br>");
|
||||
return true;
|
||||
}
|
||||
function menuTouch(id) {
|
||||
printLog("<b>onTouch</b> Menu was touched at item "+menu.getItemText(id)+" (id:"+id+")<br>");
|
||||
}
|
||||
function menuXLS() {
|
||||
printLog("<b>onXLS</b> XML loading has started<br>");
|
||||
}
|
||||
function menuXLE() {
|
||||
printLog("<b>onXLE</b> XML was loaded into menu<br>");
|
||||
}
|
||||
function menuShow(parentId) {
|
||||
printLog("<b>onShow</b> Menu was shown, parentId <b>"+parentId+"</b><br>");
|
||||
}
|
||||
function menuHide(parentId) {
|
||||
printLog("<b>onHide</b> Menu was hidden, parentId <b>"+parentId+"</b><br>");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onXLS</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuXLS</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onXLE</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuXLE</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onTouch</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuTouch</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onShow</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuShow</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onHide</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuHide</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>doOnLoad</b> onLoadFunction was called<br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-identifier">text</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">text</span><span class="hl-code"> + </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">scrollTop</span><span class="hl-code"> = </span><span class="hl-number">0</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onClick</b> Item </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (id:</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">) was clicked<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuTouch</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onTouch</b> Menu was touched at item </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (id:</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuXLS</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onXLS</b> XML loading has started<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuXLE</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onXLE</b> XML was loaded into menu<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuShow</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onShow</b> Menu was shown, parentId <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">parentId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuHide</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onHide</b> Menu was hidden, parentId <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">parentId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,132 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Event Handling In Case Of Dynamical Loading</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Events</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Event Handling In Case Of Dynamical Loading</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
* This sample requires PHP to work.
|
||||
<div id="ta" style="width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.attachEvent("onXLS", menuXLS);
|
||||
menu.attachEvent("onXLE", menuXLE);
|
||||
menu.attachEvent("onClick", menuClick);
|
||||
menu.attachEvent("onTouch", menuTouch);
|
||||
menu.enableDynamicLoading("../common/dhtmlxmenu_dl.php");
|
||||
}
|
||||
function printLog(text) {
|
||||
document.getElementById("ta").innerHTML = text+document.getElementById("ta").innerHTML;
|
||||
document.getElementById("ta").scrollTop = 0;
|
||||
}
|
||||
function menuClick(id) {
|
||||
printLog("<b>onClick</b> Item "+menu.getItemText(id)+" (id:"+id+") was clicked<br>");
|
||||
}
|
||||
function menuTouch(id) {
|
||||
printLog("<b>onTouch</b> Menu was touched at item "+menu.getItemText(id)+" (id:"+id+")<br>");
|
||||
}
|
||||
function menuXLS() {
|
||||
printLog("<b>onXLS</b> XML loading has started<br>");
|
||||
}
|
||||
function menuXLE() {
|
||||
printLog("<b>onXLE</b> XML was loaded into menu<br>");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
* This sample requires PHP to work.
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onXLS</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuXLS</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onXLE</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuXLE</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onTouch</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuTouch</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">enableDynamicLoading</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhtmlxmenu_dl.php</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-identifier">text</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">text</span><span class="hl-code"> + </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">scrollTop</span><span class="hl-code"> = </span><span class="hl-number">0</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onClick</b> Item </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (id:</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">) was clicked<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuTouch</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onTouch</b> Menu was touched at item </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> (id:</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">)<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuXLS</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onXLS</b> XML loading has started<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuXLE</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onXLE</b> XML was loaded into menu<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,171 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Event Handling In Case Of Contextual Menu</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Events</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Event Handling In Case Of Contextual Menu</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 380px; position: relative;">
|
||||
<div id="zoneA" style="position: absolute; left: 50px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">zoneA</div>
|
||||
<div id="zoneB" style="position: absolute; left: 170px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">zoneB</div>
|
||||
<div id="zoneC" style="position: absolute; left: 290px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;">zoneC</div>
|
||||
</div>
|
||||
<div id="ta" style="width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;"></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu = new dhtmlXMenuObject();
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
menu.addContextZone("zoneA");
|
||||
menu.addContextZone("zoneB");
|
||||
menu.addContextZone("zoneC");
|
||||
//
|
||||
menu.attachEvent("onBeforeContextMenu", function(zoneId){
|
||||
if (zoneId == "zoneA") {
|
||||
printLog("<b>onBeforeContextMenu</b>: context menu will shown at <b>"+zoneId+"</b>; deny (return false)<br>");
|
||||
return false;
|
||||
}
|
||||
printLog("<b>onBeforeContextMenu</b>: context menu will shown at <b>"+zoneId+"</b>; allow (return true)<br>");
|
||||
return true;
|
||||
});
|
||||
menu.attachEvent("onAfterContextMenu", function(zoneId){
|
||||
printLog("<b>onAfterContextMenu</b>: context menu was shown at <b>"+zoneId+"</b><br>");
|
||||
});
|
||||
menu.attachEvent("onClick", function(id, zoneId){
|
||||
printLog("<b>onClick</b>: "+id+" was clicked, context menu at zone <b>"+zoneId+"</b><br>");
|
||||
});
|
||||
menu.attachEvent("onRadioClick", function(gruop, checked, clicked, zoneId){
|
||||
printLog("<b>onRadioClick</b>: "+clicked+" was clicked, context menu at zone <b>"+zoneId+"</b><br>");
|
||||
return true;
|
||||
});
|
||||
menu.attachEvent("onCheckboxClick", function(id, state, zoneId) {
|
||||
printLog("<b>onCheckboxClick</b>: "+id+" was clicked, context menu at zone <b>"+zoneId+"</b><br>");
|
||||
return true;
|
||||
});
|
||||
menu.attachEvent("onShow", function(parentId){
|
||||
if (parentId == null) parentId = "null";
|
||||
printLog("<b>onShow</b>: menu was shown, parentId <b>"+parentId+"</b><br>");
|
||||
});
|
||||
// adding onHide event handler
|
||||
menu.attachEvent("onHide", function(parentId){
|
||||
if (parentId == null) parentId = "null";
|
||||
printLog("<b>onHide</b>: menu was hidden, parentId <b>"+parentId+"</b><br>");
|
||||
});
|
||||
function printLog(text) {
|
||||
document.getElementById("ta").innerHTML = text+document.getElementById("ta").innerHTML;
|
||||
document.getElementById("ta").scrollTop = 0;
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 380px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">zoneA</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 50px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zoneA</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">zoneB</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 170px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zoneB</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">zoneC</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 290px; top: 100px; width: 100px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">zoneC</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">zoneA</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">zoneB</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">zoneC</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment">;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onBeforeContextMenu</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">zoneId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">zoneId</span><span class="hl-code"> == </span><span class="hl-quotes">"</span><span class="hl-string">zoneA</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onBeforeContextMenu</b>: context menu will shown at <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">zoneId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b>; deny (return false)<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">false</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onBeforeContextMenu</b>: context menu will shown at <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">zoneId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b>; allow (return true)<br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onAfterContextMenu</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">zoneId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onAfterContextMenu</b>: context menu was shown at <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">zoneId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onClick</b>: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> was clicked, context menu at zone <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">zoneId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onRadioClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">gruop</span><span class="hl-code">, </span><span class="hl-identifier">checked</span><span class="hl-code">, </span><span class="hl-identifier">clicked</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onRadioClick</b>: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">clicked</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> was clicked, context menu at zone <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">zoneId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onCheckboxClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">state</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onCheckboxClick</b>: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"> was clicked, context menu at zone <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">zoneId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onShow</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-code"> == </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">parentId</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">null</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onShow</b>: menu was shown, parentId <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">parentId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment"> adding onHide event handler;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onHide</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">if</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-identifier">parentId</span><span class="hl-code"> == </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">parentId</span><span class="hl-code"> = </span><span class="hl-quotes">"</span><span class="hl-string">null</span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string"><b>onHide</b>: menu was hidden, parentId <b></span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">parentId</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"></b><br></span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">printLog</span><span class="hl-brackets">(</span><span class="hl-identifier">text</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> = </span><span class="hl-identifier">text</span><span class="hl-code"> + </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code">;
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">scrollTop</span><span class="hl-code"> = </span><span class="hl-number">0</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,105 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Event Handling: CAS State (Single Loading)</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Events</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Event Handling: CAS State (Single Loading)</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div id="ta" style="width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;"></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
//
|
||||
menu.attachEvent("onClick", function(id, zoneId, casState){
|
||||
document.getElementById("ta").innerHTML += "<b>onClick</b> '"+menu.getItemText(id)+"' was clicked, ctrl: "+(casState["ctrl"]?"<b>true</b>":"false")+", alt: "+(casState["alt"]?"<b>true</b>":"false")+", shift: "+(casState["shift"]?"<b>true</b>":"false")+"<br>";
|
||||
});
|
||||
menu.attachEvent("onRadioClick", function(gruop, checked, clicked, zoneId, casState) {
|
||||
document.getElementById("ta").innerHTML += "<b>onRadioClick</b> '"+menu.getItemText(clicked)+"' was clicked, ctrl: "+(casState["ctrl"]?"<b>true</b>":"false")+", alt: "+(casState["alt"]?"<b>true</b>":"false")+", shift: "+(casState["shift"]?"<b>true</b>":"false")+"<br>";
|
||||
return true;
|
||||
});
|
||||
menu.attachEvent("onCheckboxClick", function(id, state, zoneId, casState) {
|
||||
document.getElementById("ta").innerHTML += "<b>onCheckboxClick</b> '"+menu.getItemText(id)+"' was clicked, ctrl: "+(casState["ctrl"]?"<b>true</b>":"false")+", alt: "+(casState["alt"]?"<b>true</b>":"false")+", shift: "+(casState["shift"]?"<b>true</b>":"false")+"<br>";
|
||||
return true;
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment">;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-code">, </span><span class="hl-identifier">casState</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>onClick</b> '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' was clicked, ctrl: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">ctrl</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, alt: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">alt</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, shift: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">shift</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onRadioClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">gruop</span><span class="hl-code">, </span><span class="hl-identifier">checked</span><span class="hl-code">, </span><span class="hl-identifier">clicked</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-code">, </span><span class="hl-identifier">casState</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>onRadioClick</b> '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">clicked</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' was clicked, ctrl: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">ctrl</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, alt: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">alt</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, shift: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">shift</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onCheckboxClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">state</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-code">, </span><span class="hl-identifier">casState</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>onCheckboxClick</b> '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' was clicked, ctrl: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">ctrl</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, alt: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">alt</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, shift: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">shift</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,113 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Event Handling: CAS State (Contextual Menu)</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Events</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Event Handling: CAS State (Contextual Menu)</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 380px; position: relative;">
|
||||
<div id="zoneA" style="position: absolute; left: 50px; top: 100px; width: 200px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;"></div>
|
||||
</div>
|
||||
<div id="ta" style="width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;"></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu = new dhtmlXMenuObject();
|
||||
menu.setIconsPath("../common/imgs/");
|
||||
menu.renderAsContextMenu();
|
||||
menu.loadXML("../common/dhxmenu.xml?e="+new Date().getTime());
|
||||
menu.addContextZone("zoneA");
|
||||
//
|
||||
menu.attachEvent("onClick", function(id, zoneId, casState){
|
||||
document.getElementById("ta").innerHTML += "<b>onClick</b> '"+menu.getItemText(id)+"' was clicked, ctrl: "+(casState["ctrl"]?"<b>true</b>":"false")+", alt: "+(casState["alt"]?"<b>true</b>":"false")+", shift: "+(casState["shift"]?"<b>true</b>":"false")+"<br>";
|
||||
});
|
||||
menu.attachEvent("onRadioClick", function(gruop, checked, clicked, zoneId, casState) {
|
||||
document.getElementById("ta").innerHTML += "<b>onRadioClick</b> '"+menu.getItemText(clicked)+"' was clicked, ctrl: "+(casState["ctrl"]?"<b>true</b>":"false")+", alt: "+(casState["alt"]?"<b>true</b>":"false")+", shift: "+(casState["shift"]?"<b>true</b>":"false")+"<br>";
|
||||
return true;
|
||||
});
|
||||
menu.attachEvent("onCheckboxClick", function(id, state, zoneId, casState) {
|
||||
document.getElementById("ta").innerHTML += "<b>onCheckboxClick</b> '"+menu.getItemText(id)+"' was clicked, ctrl: "+(casState["ctrl"]?"<b>true</b>":"false")+", alt: "+(casState["alt"]?"<b>true</b>":"false")+", shift: "+(casState["shift"]?"<b>true</b>":"false")+"<br>";
|
||||
return true;
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 380px; position: relative;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">zoneA</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">position: absolute; left: 50px; top: 100px; width: 200px; height: 60px; border: #C1C1C1 1px solid; background-color: #E7F4FF;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 500px; height: 160px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">setIconsPath</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/imgs/</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">renderAsContextMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">addContextZone</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">zoneA</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-comment">//</span><span class="hl-comment">;</span><span class="hl-comment"></span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-code">, </span><span class="hl-identifier">casState</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>onClick</b> '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' was clicked, ctrl: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">ctrl</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, alt: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">alt</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, shift: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">shift</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onRadioClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">gruop</span><span class="hl-code">, </span><span class="hl-identifier">checked</span><span class="hl-code">, </span><span class="hl-identifier">clicked</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-code">, </span><span class="hl-identifier">casState</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>onRadioClick</b> '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">clicked</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' was clicked, ctrl: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">ctrl</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, alt: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">alt</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, shift: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">shift</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onCheckboxClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">state</span><span class="hl-code">, </span><span class="hl-identifier">zoneId</span><span class="hl-code">, </span><span class="hl-identifier">casState</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string"><b>onCheckboxClick</b> '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' was clicked, ctrl: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">ctrl</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, alt: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">alt</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">, shift: </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">casState</span><span class="hl-brackets">[</span><span class="hl-quotes">"</span><span class="hl-string">shift</span><span class="hl-quotes">"</span><span class="hl-brackets">]</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string"><b>true</b></span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">false</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Events</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img src="../common/icons/menu.gif" alt="" border=0 >dhtmlxMenu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Events</h3>
|
||||
</div>
|
||||
<ul class="topics samples">
|
||||
<li><a href='./01_events_single.html'>Event Handling In Case Of Single Loading</a></li><li><a href='./02_events_dynamic.html'>Event Handling In Case Of Dynamical Loading</a></li><li><a href='./03_events_context.html'>Event Handling In Case Of Contextual Menu</a></li><li><a href='./04_events_single_cas.html'>Event Handling: CAS State (Single Loading)</a></li><li><a href='./05_events_context_cas.html'>Event Handling: CAS State (Contextual Menu)</a></li>
|
||||
<!--<li><a href="#">Calendar eXcell</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,83 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Radio Buttons And Checkboxes Used As Menu Items</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="featured" content="yes"><meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Radios And Checkboxes</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Radio Buttons And Checkboxes Used As Menu Items</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.loadXML("../common/dhxmenu_radios.xml?e="+new Date().getTime());
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu_radios.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,106 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Radio Buttons And Checkboxes Event Handling</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();">
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img height="22" src="../common/icons/menu.gif" alt="" >dhtmlxMenu</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="./index.html" class="navigation"><img src="../common/icons/none.gif" alt="" >Radios And Checkboxes</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Radio Buttons And Checkboxes Event Handling</h3>
|
||||
</div>
|
||||
<div class="navigation-div">
|
||||
<a href="#code" class="navigation view-source"><img src="../common/icons/source.gif" alt="" >View page source</a>
|
||||
</div>
|
||||
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
|
||||
<script src="../../codebase/dhtmlxcommon.js"></script>
|
||||
<script src="../../codebase/dhtmlxmenu.js"></script>
|
||||
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
|
||||
|
||||
|
||||
<p>Menu contains sub items with checkboxes and radio buttons. Try to change their states.</p>
|
||||
<div style="height: 250px;"><div id="menuObj"></div></div>
|
||||
<div id="ta" style="width: 500px; height: 100px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;"></div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<script>
|
||||
var menu;
|
||||
function initMenu() {
|
||||
menu = new dhtmlXMenuObject("menuObj");
|
||||
menu.attachEvent("onCheckboxClick", menuCheckboxClick);
|
||||
menu.attachEvent("onRadioClick", menuRadioClick);
|
||||
menu.loadXML("../common/dhxmenu_radios.xml?e=" + new Date().getTime());
|
||||
}
|
||||
function menuCheckboxClick(id, state) {
|
||||
document.getElementById("ta").innerHTML += "Checkbox '"+menu.getItemText(id)+"' (id:"+id+") was "+(state?"unchecked":"checked")+"<br>";
|
||||
return true;
|
||||
}
|
||||
function menuRadioClick(group, idChecked, idClicked) {
|
||||
document.getElementById("ta").innerHTML += "Radiobutton '"+menu.getItemText(idClicked)+"' (id:"+idClicked+") was checked<br>";
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="source">
|
||||
<div class="teg">Source</div>
|
||||
<div class="code" id="code">
|
||||
<div class="hl-main"><pre><span class="hl-brackets"><</span><span class="hl-reserved">link</span><span class="hl-code"> </span><span class="hl-var">rel</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">stylesheet</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">text/css</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/skins/dhtmlxmenu_dhx_skyblue.css</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxcommon.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/dhtmlxmenu.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">../../codebase/ext/dhtmlxmenu_ext.js</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 250px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">width: 500px; height: 100px; border: #909090 1px solid; overflow: auto; font-size: 10px; font-family: Tahoma;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-brackets"></</span><span class="hl-reserved">div</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">br</span><span class="hl-brackets">></span><span class="hl-code">
|
||||
</span><span class="hl-brackets"><</span><span class="hl-reserved">script</span><span class="hl-brackets">></span><span class="hl-code"><div class="hl-main"><pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">menu</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">initMenu</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">dhtmlXMenuObject</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">menuObj</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onCheckboxClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuCheckboxClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">attachEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">onRadioClick</span><span class="hl-quotes">"</span><span class="hl-code">, </span><span class="hl-identifier">menuRadioClick</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">loadXML</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">../common/dhxmenu_radios.xml?e=</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-builtin">Date</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">getTime</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">)</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuCheckboxClick</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-code">, </span><span class="hl-identifier">state</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string">Checkbox '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' (id:</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">) was </span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">state</span><span class="hl-code"> ? </span><span class="hl-quotes">"</span><span class="hl-string">unchecked</span><span class="hl-quotes">"</span><span class="hl-code">: </span><span class="hl-quotes">"</span><span class="hl-string">checked</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string"><br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span><span class="hl-code">
|
||||
</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">menuRadioClick</span><span class="hl-brackets">(</span><span class="hl-identifier">group</span><span class="hl-code">, </span><span class="hl-identifier">idChecked</span><span class="hl-code">, </span><span class="hl-identifier">idClicked</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
|
||||
</span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">ta</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">innerHTML</span><span class="hl-code"> += </span><span class="hl-quotes">"</span><span class="hl-string">Radiobutton '</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">menu</span><span class="hl-code">.</span><span class="hl-identifier">getItemText</span><span class="hl-brackets">(</span><span class="hl-identifier">idClicked</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">' (id:</span><span class="hl-quotes">"</span><span class="hl-code"> + </span><span class="hl-identifier">idClicked</span><span class="hl-code"> + </span><span class="hl-quotes">"</span><span class="hl-string">) was checked<br></span><span class="hl-quotes">"</span><span class="hl-code">;
|
||||
</span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-reserved">true</span><span class="hl-code">;
|
||||
</span><span class="hl-brackets">}</span></pre></div></span><span class="hl-brackets"></</span><span class="hl-reserved">script</span><span class="hl-brackets">></span></pre></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Radios And Checkboxes</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="title" content="Samples" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
|
||||
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
|
||||
<div class="search-field">
|
||||
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
|
||||
<a class="sample"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="navigation-div">
|
||||
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
|
||||
<div class="arrow"></div>
|
||||
<a href="../index.html" class="navigation"><img src="../common/icons/menu.gif" alt="" border=0 >dhtmlxMenu</a>
|
||||
</div>
|
||||
<div style="display:block;">
|
||||
<h3>Radios And Checkboxes</h3>
|
||||
</div>
|
||||
<ul class="topics samples">
|
||||
<li><a href='./01_radios_checks.html'>Radio Buttons And Checkboxes Used As Menu Items</a></li><li><a href='./02_events.html'>Radio Buttons And Checkboxes Event Handling</a></li>
|
||||
<!--<li><a href="#">Calendar eXcell</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,16 +0,0 @@
|
||||
<?php
|
||||
/*
|
||||
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||||
This version of Software is free for using in non-commercial applications.
|
||||
For commercial use please contact sales@dhtmlx.com to obtain license
|
||||
*/
|
||||
$mysql_host = "db2.dhtmlx.com";
|
||||
$mysql_user = "dhtmuzer_ro";
|
||||
$mysql_pasw = "gp45_gm";
|
||||
$mysql_db = "dhtmlxsamples";
|
||||
|
||||
/* $mysql_host = "localhost";
|
||||
$mysql_user = "root";
|
||||
$mysql_pasw = "1";
|
||||
$mysql_db = "dhtmlx_webmenu";*/
|
||||
?>
|
||||
@ -1,484 +0,0 @@
|
||||
/* MAIN STYLES */
|
||||
|
||||
html {
|
||||
overflow-x:hidden;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin:1px;
|
||||
color:#666;
|
||||
font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
|
||||
font-size:12px;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
a {
|
||||
font-family: Tahoma, Arial, Helvetica, serif;
|
||||
font-size:12px;
|
||||
color: #058cb6;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
a.navigation img {
|
||||
margin-bottom:-5px;
|
||||
padding-right:5px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-bottom:30px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color:#000;
|
||||
font-family: Tahoma, Arial, Helvetica, serif;
|
||||
font-size:21px;
|
||||
font-weight:normal;
|
||||
padding-bottom:37px;
|
||||
margin-top:35px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
color:#B5B5B5;
|
||||
font-family: Arial, Helvetica, Tahoma, serif;
|
||||
font-size:20px;
|
||||
font-weight:normal;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
color:#666;
|
||||
font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
|
||||
font-size:13px;
|
||||
padding:4px 0 10px 0;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.column {
|
||||
float:left;
|
||||
width:24%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* HEADER */
|
||||
|
||||
.header {
|
||||
width:100%;
|
||||
height: 100px;
|
||||
background:url("../img/head_bg.png");
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display:block;
|
||||
margin-left:48px;
|
||||
height:100px;
|
||||
width:100px;
|
||||
background-image:url("../img/logo.png");
|
||||
float:left;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.tittle-dhtmlx {
|
||||
padding: 29px 0 0 121px;
|
||||
font-family:arial, serif;
|
||||
font-size:16px;
|
||||
color:white;
|
||||
float:left;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
/* Search */
|
||||
|
||||
.search-field {
|
||||
position:absolute;
|
||||
float:right;
|
||||
right:67px;
|
||||
top:30px;
|
||||
min-width: 430px;
|
||||
}
|
||||
|
||||
.search-field input {
|
||||
float:left;
|
||||
width:351px;
|
||||
height:20px;
|
||||
background: white url("../img/search-field.png");
|
||||
border: none;
|
||||
}
|
||||
|
||||
.search-field input:hover {
|
||||
background-position:0 -20px;
|
||||
}
|
||||
|
||||
input.button {
|
||||
cursor:pointer;
|
||||
margin-left:7px;
|
||||
float:left;
|
||||
width:70px;
|
||||
height:20px;
|
||||
background: white url("../img/search-button.png");
|
||||
border: 0;
|
||||
}
|
||||
|
||||
input.button:hover {
|
||||
background-position:0 -20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* BUTTONS */
|
||||
|
||||
.buttons {
|
||||
position:absolute;
|
||||
width: 154px;
|
||||
height: 24px;
|
||||
left: 55px;
|
||||
top:80px;
|
||||
}
|
||||
|
||||
.buttons a.doc {
|
||||
display:block;
|
||||
height:24px;
|
||||
width:93px;
|
||||
background-image:url("../img/doc-button.png");
|
||||
float:left;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.buttons a.doc_inact {
|
||||
display:block;
|
||||
height:24px;
|
||||
width:92px;
|
||||
background-image:url("../img/doc-button_inact.png");
|
||||
float:left;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.buttons a.doc_inact:hover {
|
||||
background-position:0 -24px;
|
||||
}
|
||||
|
||||
.buttons a.sample {
|
||||
display:block;
|
||||
height:24px;
|
||||
width:62px;
|
||||
background-image:url("../img/samples-but.png");
|
||||
float:left;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.buttons a.sample_inact {
|
||||
display:block;
|
||||
height:24px;
|
||||
width:55px;
|
||||
background-image:url("../img/samples-but_inact.png");
|
||||
float:left;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.buttons a.sample_inact:hover {
|
||||
background-position:0 -24px;
|
||||
}
|
||||
|
||||
|
||||
/* CONTENT */
|
||||
|
||||
.content {
|
||||
margin: 30px 63px 0 63px;
|
||||
}
|
||||
|
||||
.content li {
|
||||
list-style:none;
|
||||
height:22px;
|
||||
}
|
||||
|
||||
li img {
|
||||
margin-bottom:-5px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.line {
|
||||
margin: 0;
|
||||
padding: 1px;
|
||||
background: url("../img/border-dotted.gif") repeat-x top;
|
||||
}
|
||||
|
||||
|
||||
/* NAVIGATION */
|
||||
|
||||
.navigation-div {
|
||||
display:block;
|
||||
height:35px;
|
||||
width:100%;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
a.navigation {
|
||||
outline:none;
|
||||
float:left;
|
||||
display:block;
|
||||
height:25px;
|
||||
padding: 2px 10px 0 5px;
|
||||
border: solid 1px #cccccc;
|
||||
}
|
||||
|
||||
a.navigation:hover {
|
||||
background-color: #eaeff4;
|
||||
border-color: #6699CC;
|
||||
text-decoration:none;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
a.navigation img {
|
||||
margin-bottom:-5px;
|
||||
padding-right:5px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
float:left;
|
||||
height:23px;
|
||||
background:url("../img/arrow.gif");
|
||||
margin: 3px 3px;
|
||||
width:8px;
|
||||
}
|
||||
|
||||
a.view-source {
|
||||
border: dashed 1px #cccccc;
|
||||
}
|
||||
|
||||
|
||||
/* LOGOS */
|
||||
|
||||
.big_logo {
|
||||
display:block;
|
||||
width:200px;
|
||||
height:54px;
|
||||
overflow:hidden;
|
||||
line-height:1000px;
|
||||
margin: 40px 0 20px 0;
|
||||
}
|
||||
|
||||
.logo_grid{
|
||||
background:transparent url("../img/logo_grid.gif") no-repeat;
|
||||
}
|
||||
.logo_treegrid{
|
||||
background:transparent url("../img/logo_treegrid.gif") no-repeat;
|
||||
}
|
||||
.logo_tree{
|
||||
background:transparent url("../img/logo_tree.gif") no-repeat;
|
||||
}
|
||||
.logo_layout{
|
||||
background:transparent url("../img/logo_layout.gif") no-repeat;
|
||||
}
|
||||
.logo_menu{
|
||||
background:transparent url("../img/logo_menu.gif") no-repeat;
|
||||
}
|
||||
.logo_toolbar{
|
||||
background:transparent url("../img/logo_toolbar.gif") no-repeat;
|
||||
}
|
||||
.logo_windows{
|
||||
background:transparent url("../img/logo_windows.gif") no-repeat;
|
||||
}
|
||||
.logo_calendar{
|
||||
background:transparent url("../img/logo_calendar.gif") no-repeat;
|
||||
}
|
||||
.logo_slider{
|
||||
background:transparent url("../img/logo_slider.gif") no-repeat;
|
||||
}
|
||||
.logo_scheduler{
|
||||
background:transparent url("../img/logo_scheduler.gif") no-repeat;
|
||||
}
|
||||
.logo_colorpicker{
|
||||
background:transparent url("../img/logo_colorpicker.gif") no-repeat;
|
||||
}
|
||||
.logo_combo{
|
||||
background:transparent url("../img/logo_combo.gif") no-repeat;
|
||||
}
|
||||
.logo_tabbar{
|
||||
background:transparent url("../img/logo_tabbar.gif") no-repeat;
|
||||
}
|
||||
.logo_accordion{
|
||||
background:transparent url("../img/logo_accordion.gif") no-repeat;
|
||||
}
|
||||
.logo_folders{
|
||||
background:transparent url("../img/logo_folders.gif") no-repeat;
|
||||
}
|
||||
.logo_editor{
|
||||
background:transparent url("../img/logo_editor.gif") no-repeat;
|
||||
}
|
||||
.logo_ajax{
|
||||
background:transparent url("../img/logo_ajax.gif") no-repeat;
|
||||
}
|
||||
.logo_gantt{
|
||||
background:transparent url("../img/logo_gantt.gif") no-repeat;
|
||||
}
|
||||
.logo_chart{
|
||||
background:transparent url("../img/logo_chart.gif") no-repeat;
|
||||
}
|
||||
.logo_dataview{
|
||||
background:transparent url("../img/logo_dataview.gif") no-repeat;
|
||||
}
|
||||
.logo_form{
|
||||
background:transparent url("../img/logo_form.gif") no-repeat;
|
||||
}
|
||||
|
||||
/* Topics */
|
||||
|
||||
.topics li {
|
||||
background:url("../icons/old.gif") no-repeat;
|
||||
padding-left: 25px;
|
||||
line-height:22px;
|
||||
}
|
||||
|
||||
.samples li {
|
||||
background:url("../icons/file.gif") no-repeat;
|
||||
}
|
||||
|
||||
ul.list {
|
||||
margin-left:40px;
|
||||
}
|
||||
|
||||
.list li {
|
||||
list-style-image:url("../icons/bullet.gif");
|
||||
}
|
||||
|
||||
.component-demo-placeholder {
|
||||
width:602px;
|
||||
height:252px;
|
||||
background:url("../img/grid-placeholder.gif");
|
||||
}
|
||||
|
||||
|
||||
/* FOOTER */
|
||||
|
||||
.footer {
|
||||
display:block;
|
||||
float:left;
|
||||
width:100%;
|
||||
height:64px;
|
||||
background: white url("../img/border-dotted-ccc.gif") repeat-x;
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
float:left;
|
||||
width:55px;
|
||||
height:24px;
|
||||
background:url("../img/footer-logo.gif");
|
||||
margin: 20px 20px 20px 63px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
float:left;
|
||||
margin-top:18px;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
/* CODE */
|
||||
|
||||
.source {
|
||||
width:100%;
|
||||
background:url("../img/source-bg.gif");
|
||||
border-top: dashed 3px #ccc;
|
||||
border-bottom: dotted 1px #ccc;
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
.code {
|
||||
margin:20px 63px;
|
||||
}
|
||||
|
||||
.teg {
|
||||
height:40px;
|
||||
color:#ccc;
|
||||
font-size:30px;
|
||||
font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
|
||||
background:url("../img/source.gif") no-repeat 0 22px;
|
||||
padding: 10px 0 0 63px;
|
||||
}
|
||||
|
||||
/*colorizer*/
|
||||
|
||||
|
||||
.hl-default {
|
||||
color: Black;
|
||||
}
|
||||
.hl-code {
|
||||
color: Gray;
|
||||
}
|
||||
.hl-brackets {
|
||||
color: Olive;
|
||||
}
|
||||
.hl-comment {
|
||||
color: Orange;
|
||||
}
|
||||
.hl-quotes {
|
||||
color: Darkred;
|
||||
}
|
||||
.hl-string {
|
||||
color: Red;
|
||||
}
|
||||
|
||||
.hl-identifier {
|
||||
color: Blue;
|
||||
}
|
||||
|
||||
.hl-identifier a{
|
||||
font-family: "Courier New";
|
||||
font-size: 11px;
|
||||
color: Blue;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.hl-builtin {
|
||||
color: Teal;
|
||||
}
|
||||
.hl-reserved {
|
||||
color: Green;
|
||||
}
|
||||
.hl-inlinedoc {
|
||||
color: Blue;
|
||||
}
|
||||
.hl-var {
|
||||
color: Darkblue;
|
||||
}
|
||||
.hl-url {
|
||||
color: Blue;
|
||||
}
|
||||
.hl-special {
|
||||
color: Navy;
|
||||
}
|
||||
.hl-number {
|
||||
color: Maroon;
|
||||
}
|
||||
.hl-inlinetags {
|
||||
color: Blue;
|
||||
}
|
||||
.hl-main {
|
||||
background: transparent;
|
||||
}
|
||||
.hl-gutter {
|
||||
background-color: #999999;
|
||||
color: White
|
||||
}
|
||||
.hl-table {
|
||||
font-family: "Courier New";
|
||||
font-size: 12px;
|
||||
border: solid 1px lightgray;
|
||||
}
|
||||
@ -1,45 +0,0 @@
|
||||
<?php
|
||||
header("Content-Type: text/xml");
|
||||
|
||||
//include db connection settings
|
||||
require_once("./config.php");
|
||||
|
||||
$link = mysql_pconnect($mysql_host, $mysql_user, $mysql_pasw);
|
||||
$db = mysql_select_db ($mysql_db);
|
||||
|
||||
function get_menu_xml($parent_id, $top_id) {
|
||||
|
||||
if (!isset($parent_id)) {
|
||||
// top level
|
||||
$xml = '<?xml version="1.0"?><menu>';
|
||||
$parent_id = "topId";
|
||||
} else {
|
||||
// sublevel
|
||||
$xml = '<?xml version="1.0"?><menu parentId="'.$parent_id.'">';
|
||||
}
|
||||
|
||||
$res = mysql_query("SELECT `a`.`itemId`, `a`.`itemText`, `a`.`itemType`, `a`.`itemEnabled`, `a`.`itemChecked`, `a`.`itemGroup`, `a`.`itemImage`, `a`.`itemImageDis`, COUNT(`b`.`itemId`) AS `itemComplex` FROM `dhtmlxmenu` AS `a` LEFT JOIN (`dhtmlxmenu` AS `b`) ON (`b`.`itemParentId`=`a`.`itemId`) WHERE `a`.`itemParentId`='".mysql_real_escape_string($parent_id)."' GROUP BY `a`.`itemId` ORDER BY `a`.`itemOrder`");// or die(mysql_error());
|
||||
while ($out = mysql_fetch_object($res)) {
|
||||
$xml = $xml.'<item id="'.$out->itemId.'" text="'.$out->itemText.'"'.
|
||||
(strlen($out->itemType)>0?' type="'.$out->itemType.'"':'').
|
||||
($out->itemEnabled=="0"?' enabled="false"':'').
|
||||
($out->itemChecked=="1"?' checked="true"':'').
|
||||
(strlen($out->itemGroup)>0?' group="'.$out->itemGroup.'"':'').
|
||||
(strlen($out->itemImage)>0?' img="'.$out->itemImage.'"':'').
|
||||
(strlen($out->itemImageDis)>0?' imgdis="'.$out->itemImageDis.'"':'').
|
||||
($out->itemComplex>0?' complex="true"':'').
|
||||
'/>';
|
||||
}
|
||||
mysql_free_result($res);
|
||||
//
|
||||
$xml = $xml.'</menu>';
|
||||
return $xml;
|
||||
}
|
||||
|
||||
switch(@$_GET["action"]) {
|
||||
case "loadMenu":
|
||||
echo get_menu_xml(@$_GET["parentId"], @$_GET["topId"]);
|
||||
break;
|
||||
}
|
||||
mysql_close($link);
|
||||
?>
|
||||
@ -1,31 +0,0 @@
|
||||
<?xml version="1.0"?>
|
||||
<menu>
|
||||
<item id="file" text="File">
|
||||
<item id="new" text="New" img="new.gif" imgdis="new_dis.gif"/>
|
||||
<item id="file_sep_1" type="separator"/>
|
||||
<item id="open" text="Open" img="open.gif" imgdis="open_dis.gif"/>
|
||||
<item id="save" text="Save" img="save.gif" imgdis="save_dis.gif"/>
|
||||
<item id="saveAs" text="Save As..." img="save_as.gif" imgdis="save_as_dis.gif" enabled="false"/>
|
||||
<item id="file_sep_2" type="separator"/>
|
||||
<item id="print" text="Print" img="print.gif" imgdis="print_dis.gif"/>
|
||||
<item id="pageSetup" text="Page Setup" img="page_setup.gif" imgdis="page_setup_dis.gif" enabled="false"/>
|
||||
<item id="file_sep_3" type="separator"/>
|
||||
<item id="close" text="Close" img="close.gif" imgdis="close_dis.gif"/>
|
||||
</item>
|
||||
<item id="sep_top_1" type="separator"/>
|
||||
<item id="edit" text="Edit">
|
||||
<item id="undo" text="Undo" img="undo.gif" imgdis="undo_dis.gif"/>
|
||||
<item id="redo" text="Redo" img="redo.gif" imgdis="redo_dis.gif"/>
|
||||
<item id="edit_sep_1" type="separator"/>
|
||||
<item id="selectAll" text="Select All" img="select_all.gif" imgdis="select_all_dis.gif"/>
|
||||
<item id="edit_sep_2" type="separator"/>
|
||||
<item id="cut" text="Cut" img="cut.gif" imgdis="cut_dis.gif"/>
|
||||
<item id="copy" text="Copy" img="copy.gif" imgdis="copy_dis.gif"/>
|
||||
<item id="paste" text="Paste" img="paste.gif" imgdis="paste_dis.gif"/>
|
||||
</item>
|
||||
<item id="help" text="Help">
|
||||
<item id="about" text="About..." img="about.gif" imgdis="about_dis.gif"/>
|
||||
<item id="needhelp" text="Help" img="help.gif" imgdis="help_dis.gif"/>
|
||||
<item id="bugReporting" text="Bug Reporting" img="bug_reporting.gif" imgdis="bug_reporting_dis.gif"/>
|
||||
</item>
|
||||
</menu>
|
||||
@ -1,24 +0,0 @@
|
||||
<?xml version="1.0"?>
|
||||
<menu>
|
||||
<item id="view" text="View">
|
||||
<item id="zoomIn" text="Zoom In" img="zoom_in.gif"/>
|
||||
<item id="zoomOut" text="Zoom Out" img="zoom_out.gif"/>
|
||||
<item id="zoom100" text="Zoom 100%" img="zoom_100.gif"/>
|
||||
<item id="view_sep_1" type="separator"/>
|
||||
<item id="reload" text="Reload" img="reload.gif"/>
|
||||
<item id="view_sep_2" type="separator"/>
|
||||
<item id="sourceCode" text="Source Code" img="source_code.gif"/>
|
||||
<item id="fullscreenMode" text="Fullscreen Mode" img="fullscreen_mode.gif"/>
|
||||
</item>
|
||||
<item id="tools" text="Tools">
|
||||
<item id="search" text="Search" img="search.gif"/>
|
||||
<item id="tools_sep_1" type="separator"/>
|
||||
<item id="downloads" text="Downloads" img="downloads.gif"/>
|
||||
<item id="addons" text="Addons" img="addons.gif"/>
|
||||
<item id="tools_sep_2" type="separator"/>
|
||||
<item id="console" text="Console" img="console.gif"/>
|
||||
<item id="pageInfo" text="Page Info" img="page_info.gif"/>
|
||||
<item id="tools_sep_3" type="separator"/>
|
||||
<item id="privateData" text="Private Data" img="private_data.gif"/>
|
||||
</item>
|
||||
</menu>
|
||||
@ -1,27 +0,0 @@
|
||||
<?xml version="1.0"?>
|
||||
<menu>
|
||||
<item id="dhx" text="DHTMLX">
|
||||
<href target="blank"><![CDATA[http://dhtmlx.com/index.shtml]]></href>
|
||||
<item id="company" text="Company"><href target="blank"><![CDATA[http://dhtmlx.com/docs/company.shtml]]></href></item>
|
||||
<item id="services" text="Services"><href target="blank"><![CDATA[http://dhtmlx.com/docs/services.shtml]]></href></item>
|
||||
<item id="faq" text="FAQ"><href target="blank"><![CDATA[http://dhtmlx.com/docs/faq.shtml]]></href></item>
|
||||
</item>
|
||||
<item id="products" text="Products">
|
||||
<href target="blank"><![CDATA[http://dhtmlx.com/docs/products/index.shtml]]></href>
|
||||
<item id="dhtmlxTree" text="dhtmlxTree" img="http://dhtmlx.com/images/menues/img_tree.gif"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/dhtmlxTree/index.shtml]]></href></item>
|
||||
<item id="dhtmlxGrid" text="dhtmlxGrid" img="http://dhtmlx.com/images/menues/img_grid.gif"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/dhtmlxGrid/index.shtml]]></href></item>
|
||||
<item id="dhtmlxTreeGrid" text="dhtmlxTreeGrid" img="http://dhtmlx.com/images/menues/img_treegrid.gif"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/dhtmlxTreeGrid/index.shtml]]></href></item>
|
||||
<item id="dhtmlxWindows" text="dhtmlxWindows" img="http://dhtmlx.com/images/menues/img_wins.gif"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/dhtmlxWindows/index.shtml]]></href></item>
|
||||
<item id="dhtmlxLayout" text="dhtmlxLayout" img="http://dhtmlx.com/images/menues/img_layout.gif"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/dhtmlxLayout/index.shtml]]></href></item>
|
||||
<item id="sep_90247589" type="separator"/>
|
||||
<item id="moreDHTMLX" text="More..."><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/index.shtml]]></href></item>
|
||||
</item>
|
||||
<item id="support" text="Support">
|
||||
<href target="blank"><![CDATA[http://dhtmlx.com/docs/support/index.shtml]]></href>
|
||||
<item id="docs" text="Documentation"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/docsExplorer/index.shtml]]></href></item>
|
||||
<item id="samples" text="Samples"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/docsExplorer/index.shtml?type=smpl]]></href></item>
|
||||
<item id="kb" text="Knowledge Base"><href target="blank"><![CDATA[http://dhtmlx.com/docs/products/kb/index.shtml]]></href></item>
|
||||
<item id="submitrequest" text="Submit Request"><href target="blank"><![CDATA[http://dhtmlx.com/docs/support/support_form.shtml]]></href></item>
|
||||
<item id="blog" text="Blog"><href target="blank"><![CDATA[http://dhtmlx.com/blog/]]></href></item>
|
||||
</item>
|
||||
</menu>
|
||||
@ -1,41 +0,0 @@
|
||||
<?xml version="1.0"?>
|
||||
<menu>
|
||||
<item id="text" text="Text">
|
||||
<item id="lineNumbering" text="Line Numbering" type="checkbox" checked="true"/>
|
||||
<item id="Ignore Case" text="Ignore Case" type="checkbox"/>
|
||||
<item id="textSeparator" type="separator"/>
|
||||
<item id="endOfLine" text="End Of Line">
|
||||
<item id="endOfLineAuto" text="Auto" type="radio" group="eol" checked="true"/>
|
||||
<item id="endOfLineSeparator" type="separator"/>
|
||||
<item id="endOfLineUnix" text="Unix (\n)" type="radio" group="eol"/>
|
||||
<item id="endOfLineDos" text="DOS/Windows (\r\n)" type="radio" group="eol"/>
|
||||
<item id="endOfLineMac" text="MacOS (\r)" type="radio" group="eol"/>
|
||||
</item>
|
||||
<item id="syntax" text="Syntax">
|
||||
<item id="syntaxAuto" text="Auto" type="radio" group="hlm" checked="true"/>
|
||||
<item id="syntaxSeparator" type="separator"/>
|
||||
<item id="syntaxHTML" text="HTML/JS" type="radio" group="hlm"/>
|
||||
<item id="syntaxPHP" text="PHP/ASP/JSP" type="radio" group="hlm"/>
|
||||
<item id="syntaxJava" text="Java" type="radio" group="hlm"/>
|
||||
</item>
|
||||
</item>
|
||||
<item id="color" text="Color">
|
||||
<item id="colorizeText" text="Colorize Text" type="checkbox" checked="true"/>
|
||||
<item id="colosSeparator1" type="separator"/>
|
||||
<item id="fontColor" text="Font Color">
|
||||
<item id="fontColorBlack" text="Black" type="radio" group="fontcolor" checked="true"/>
|
||||
<item id="fontColorBrown" text="Brown" type="radio" group="fontcolor"/>
|
||||
<item id="fontColorRed" text="Red" type="radio" group="fontcolor"/>
|
||||
<item id="fontColorBlue" text="Blue" type="radio" group="fontcolor"/>
|
||||
</item>
|
||||
<item id="p14" text="Background Color">
|
||||
<item id="p41" text="Transparent" type="radio" group="bgcolor" checked="true"/>
|
||||
<item id="ps3" type="separator"/>
|
||||
<item id="p42" text="White" type="radio" group="bgcolor"/>
|
||||
<item id="p43" text="Yellow" type="radio" group="bgcolor"/>
|
||||
<item id="p44" text="Cyan" type="radio" group="bgcolor"/>
|
||||
<item id="p45" text="Magenta" type="radio" group="bgcolor"/>
|
||||
<item id="p46" text="Black" type="radio" group="bgcolor"/>
|
||||
</item>
|
||||
</item>
|
||||
</menu>
|
||||
@ -1,78 +0,0 @@
|
||||
DROP TABLE IF EXISTS `dhtmlxmenu`;
|
||||
CREATE TABLE IF NOT EXISTS `dhtmlxmenu` (
|
||||
`itemId` text collate utf8_bin NOT NULL,
|
||||
`itemParentId` text collate utf8_bin NOT NULL,
|
||||
`itemOrder` int(11) NOT NULL default '0',
|
||||
`itemText` text collate utf8_bin NOT NULL,
|
||||
`itemType` text collate utf8_bin NOT NULL,
|
||||
`itemEnabled` int(11) NOT NULL default '0',
|
||||
`itemChecked` int(11) NOT NULL default '0',
|
||||
`itemGroup` text collate utf8_bin NOT NULL,
|
||||
`itemImage` text collate utf8_bin NOT NULL,
|
||||
`itemImageDis` text collate utf8_bin NOT NULL,
|
||||
KEY `itemOrder` (`itemOrder`)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin;
|
||||
|
||||
|
||||
INSERT INTO `dhtmlxmenu` (`itemId`, `itemParentId`, `itemOrder`, `itemText`, `itemType`, `itemEnabled`, `itemChecked`, `itemGroup`, `itemImage`, `itemImageDis`) VALUES
|
||||
(0x6d3131, 0x6d31, 0, 0x4e6577, '', 1, 0, '', 0x6e65772e676966, 0x6e65775f6469732e676966),
|
||||
(0x6d7331, 0x6d31, 1, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x6d3132, 0x6d31, 2, 0x4f70656e, '', 1, 0, '', '', ''),
|
||||
(0x6d3133, 0x6d31, 3, 0x53617665, '', 1, 0, '', 0x736176652e676966, 0x736176655f6469732e676966),
|
||||
(0x6d3134, 0x6d31, 4, 0x536176652041732e2e2e, '', 0, 0, '', '', ''),
|
||||
(0x6d7332, 0x6d31, 5, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x6d3135, 0x6d31, 6, 0x5072696e74, '', 1, 0, '', 0x7072696e742e676966, 0x7072696e745f6469732e676966),
|
||||
(0x6d3136, 0x6d31, 7, 0x50616765205365747570, '', 0, 0, '', 0x706167655f73657475702e676966, 0x706167655f73657475705f6469732e676966),
|
||||
(0x6d7333, 0x6d31, 8, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x6d3137, 0x6d31, 9, 0x436c6f7365, '', 1, 0, '', '', ''),
|
||||
(0x6d31, 0x68, 10, 0x46696c65, '', 1, 0, '', '', ''),
|
||||
(0x6d3231, 0x6d32, 11, 0x556e646f, '', 1, 0, '', 0x756e646f2e676966, 0x756e646f5f6469732e676966),
|
||||
(0x6d3232, 0x6d32, 12, 0x5265646f, '', 1, 0, '', 0x7265646f2e676966, 0x7265646f5f6469732e676966),
|
||||
(0x6d6131, 0x6d32, 13, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x6d3233, 0x6d32, 14, 0x53656c65637420416c6c, '', 1, 0, '', 0x73656c6563745f616c6c2e676966, 0x73656c6563745f616c6c5f6469732e676966),
|
||||
(0x6d6132, 0x6d32, 15, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x6d3234, 0x6d32, 16, 0x437574, '', 1, 0, '', 0x6375742e676966, 0x6375745f6469732e676966),
|
||||
(0x6d3235, 0x6d32, 17, 0x436f7079, '', 1, 0, '', 0x636f70792e676966, 0x636f70795f6469732e676966),
|
||||
(0x6d3236, 0x6d32, 18, 0x5061737465, '', 1, 0, '', 0x70617374652e676966, 0x70617374655f6469732e676966),
|
||||
(0x6d32, 0x68, 19, 0x45646974, '', 1, 0, '', '', ''),
|
||||
(0x68, 0x6d, 20, 0x47656e6572616c, '', 1, 0, '', '', ''),
|
||||
(0x703130, 0x7031, 21, 0x4c696e65204e756d626572696e67, 0x636865636b626f78, 0, 1, '', '', ''),
|
||||
(0x703131, 0x7031, 22, 0x436f6c6f72697a652054657874, 0x636865636b626f78, 1, 1, '', '', ''),
|
||||
(0x703132, 0x7031, 23, 0x49676e6f72652043617365, 0x636865636b626f78, 1, 0, '', '', ''),
|
||||
(0x707331, 0x7031, 24, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x703133, 0x7031, 25, 0x53686f7720506f707570206f6e204572726f7273, 0x636865636b626f78, 1, 0, '', '', ''),
|
||||
(0x707332, 0x7031, 26, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x703631, 0x703136, 27, 0x426c61636b, 0x726164696f, 1, 1, 0x666f6e74636f6c6f72, '', ''),
|
||||
(0x703632, 0x703136, 28, 0x42726f776e, 0x726164696f, 1, 0, 0x666f6e74636f6c6f72, '', ''),
|
||||
(0x703633, 0x703136, 29, 0x526564, 0x726164696f, 1, 0, 0x666f6e74636f6c6f72, '', ''),
|
||||
(0x703634, 0x703136, 30, 0x426c7565, 0x726164696f, 1, 0, 0x666f6e74636f6c6f72, '', ''),
|
||||
(0x703136, 0x7031, 31, 0x466f6e7420436f6c6f72, '', 1, 0, '', '', ''),
|
||||
(0x703431, 0x703134, 32, 0x5472616e73706172656e74, 0x726164696f, 1, 1, 0x6267636f6c6f72, '', ''),
|
||||
(0x707333, 0x703134, 33, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x703432, 0x703134, 34, 0x5768697465, 0x726164696f, 1, 0, 0x6267636f6c6f72, '', ''),
|
||||
(0x703433, 0x703134, 35, 0x59656c6c6f77, 0x726164696f, 1, 0, 0x6267636f6c6f72, '', ''),
|
||||
(0x703434, 0x703134, 36, 0x4379616e, 0x726164696f, 1, 0, 0x6267636f6c6f72, '', ''),
|
||||
(0x703435, 0x703134, 37, 0x4d6167656e7461, 0x726164696f, 1, 0, 0x6267636f6c6f72, '', ''),
|
||||
(0x703436, 0x703134, 38, 0x426c61636b, 0x726164696f, 1, 0, 0x6267636f6c6f72, '', ''),
|
||||
(0x703134, 0x7031, 39, 0x4261636b67726f756e6420436f6c6f72, '', 1, 0, '', '', ''),
|
||||
(0x707334, 0x7031, 40, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x703531, 0x703135, 41, 0x556e697820280a29, 0x726164696f, 0, 1, 0x656f6c, '', ''),
|
||||
(0x703532, 0x703135, 42, 0x444f532f57696e646f777320280d0a29, 0x726164696f, 0, 0, 0x656f6c, '', ''),
|
||||
(0x703533, 0x703135, 43, 0x4d61634f5320280d29, 0x726164696f, 0, 0, 0x656f6c, '', ''),
|
||||
(0x703135, 0x7031, 44, 0x456e64204f66204c696e65, '', 1, 0, '', '', ''),
|
||||
(0x703730, 0x703137, 45, 0x49676e6f7265, 0x726164696f, 1, 1, 0x686c6d, '', ''),
|
||||
(0x707335, 0x703137, 46, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x703731, 0x703137, 47, 0x48544d4c2f4a53, 0x726164696f, 1, 0, 0x686c6d, '', ''),
|
||||
(0x703732, 0x703137, 48, 0x5048502f4153502f4a5350, 0x726164696f, 1, 0, 0x686c6d, '', ''),
|
||||
(0x703733, 0x703137, 49, 0x4a617661, 0x726164696f, 1, 0, 0x686c6d, '', ''),
|
||||
(0x703137, 0x7031, 50, 0x53796e746178, '', 1, 0, '', '', ''),
|
||||
(0x7031, 0x6d, 51, 0x53657474696e6773, '', 1, 0, '', '', ''),
|
||||
(0x6d, 0x746f704964, 52, 0x4e617669676174696f6e, '', 1, 0, '', '', ''),
|
||||
(0x6d3331, 0x6d33, 53, 0x41626f75742e2e2e, '', 1, 0, '', '', ''),
|
||||
(0x6d3332, 0x6d33, 54, 0x48656c70, '', 1, 0, '', '', ''),
|
||||
(0x6d3333, 0x6d33, 55, 0x427567205265706f7274696e67, '', 1, 0, '', '', ''),
|
||||
(0x6d6b31, 0x6d33, 56, '', 0x736570617261746f72, 1, 0, '', '', ''),
|
||||
(0x6d3334, 0x6d33, 57, 0x546970206f662074686520446179, 0x636865636b626f78, 0, 1, '', '', ''),
|
||||
(0x6d33, 0x746f704964, 58, 0x48656c70, '', 1, 0, '', '', ''),
|
||||
(0x746f704964, '', 59, '', '', 1, 0, '', '', '');
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 394 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user