mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-07 14:39:56 +01:00
remove not needed dhtmlx samples
This commit is contained in:
Ralf Becker
parent
8d516b9e79
commit
a77bb077e9
@ -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 |
Binary file not shown.
|
Before Width: | Height: | Size: 371 B |
Binary file not shown.
|
Before Width: | Height: | Size: 185 B |
Binary file not shown.
|
Before Width: | Height: | Size: 51 B |
Binary file not shown.
|
Before Width: | Height: | Size: 207 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 671 B |
Binary file not shown.
|
Before Width: | Height: | Size: 352 B |
Binary file not shown.
|
Before Width: | Height: | Size: 186 B |
Binary file not shown.
|
Before Width: | Height: | Size: 635 B |
Binary file not shown.
|
Before Width: | Height: | Size: 173 B |
Binary file not shown.
|
Before Width: | Height: | Size: 222 B |
Binary file not shown.
|
Before Width: | Height: | Size: 280 B |
Binary file not shown.
|
Before Width: | Height: | Size: 622 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 637 B |
Binary file not shown.
|
Before Width: | Height: | Size: 153 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1010 B |
Binary file not shown.
|
Before Width: | Height: | Size: 191 B |
Binary file not shown.
|
Before Width: | Height: | Size: 635 B |
Binary file not shown.
|
Before Width: | Height: | Size: 270 B |
Binary file not shown.
|
Before Width: | Height: | Size: 45 B |
Binary file not shown.
|
Before Width: | Height: | Size: 388 B |
Binary file not shown.
|
Before Width: | Height: | Size: 646 B |
Binary file not shown.
|
Before Width: | Height: | Size: 432 B |
Binary file not shown.
|
Before Width: | Height: | Size: 363 B |
Binary file not shown.
|
Before Width: | Height: | Size: 333 B |
Binary file not shown.
|
Before Width: | Height: | Size: 258 B |
Binary file not shown.
|
Before Width: | Height: | Size: 243 B |
Binary file not shown.
|
Before Width: | Height: | Size: 261 B |
Binary file not shown.
|
Before Width: | Height: | Size: 322 B |
Binary file not shown.
|
Before Width: | Height: | Size: 262 B |
Binary file not shown.
|
Before Width: | Height: | Size: 267 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 59 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 B |
Binary file not shown.
|
Before Width: | Height: | Size: 44 B |
Binary file not shown.
|
Before Width: | Height: | Size: 51 B |
Binary file not shown.
|
Before Width: | Height: | Size: 607 B |
Binary file not shown.
|
Before Width: | Height: | Size: 916 B |
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
Binary file not shown.
|
Before Width: | Height: | Size: 501 B |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 250 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user