Menu widget provides a way of creating menus. The widget uses Prototype library.
Add this code to the head section of the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<script type='text/javascript' src='<%=dekoh.portal.util.StaticFilesURLGenerator.generateStaticFileURL(request, "common",null,"JSlibrary.jsp")%>'></script>
<script type='text/javascript' src='<%=dekoh.portal.util.StaticFilesURLGenerator.generateStaticFileURL(request, "widget","menu","dekohMenu.js")%>'></script>
The basic syntax to initialize the Dialog widget is
<script type="text/javascript">
function createMenu(element)
{
var menuData = new Array();
var appMenu = new dekohMenu(element, 'appMenu');
var dekohMenuItemList = new Array();
dekohMenuItemList[dekohMenuItemList.length]= new dekohMenuItem('Sample_ID_1','Sample Title 1','<%=dekoh.portal.util.StaticFilesURLGenerator.generateStaticFileURL(request,"theme","app","images/file-text.png")%>','http://www.dekoh.com');dekohMenuItemList[dekohMenuItemList.length]= new dekohMenuItem('Sample_ID_2','Sample Title 2','<%=dekoh.portal.util.StaticFilesURLGenerator.generateStaticFileURL(request,"theme","app","images/file-text.png")%>','http://www.dekoh.com');dekohMenuItemList[dekohMenuItemList.length]= new dekohMenuItem('Sample_ID_3','Sample Title 3','<%=dekoh.portal.util.StaticFilesURLGenerator.generateStaticFileURL(request,"theme","app","images/file-text.png")%>','http://www.dekoh.com');
for(var i =0; i < dekohMenuItemList.length; i ++){
appMenu.addItem(dekohMenuItemList[i], dekohMenuItemList[i].parentId) }
appMenu.displayMenu();
}
</script>
Include the following code where you want to invoke the Menu Widget in page:
<div style="border:1px #333 solid;padding:10px;background:#eee;cursor:pointer;" onclick='createMenu(this);'>Create Menu </div>
| Options | Since | Description | Default |
|---|
| targetDiv | V1.0 | Target Div element where the menu is going to initialize | - |
| Function | Parameters | Description |
|---|
| addMenuItem | Id, Title, Icon, Link, Level, parented, frameId | - |
| addItem | menuItem, parentId | - |
| displayMenu | - | - |
| showMenu | menuItems, id, targetElement | - |
| displaySubMenu | Id, level | - |
| findPos | obj | - |
Dekoh Portal Ver 0.4.2 or later.
