Recent Questions
Q: We're working on new website and including your html menu systems.
Here's what we're trying to do and it keeps giving us an error (using MS Frontpage for development):
1) We have created a single leftnav menu that will appear on all of the pages of our website.
2) We've created an html page called leftnav.htm that is only this menu. It works just fine when we preview within Frontpage. The leftnav.htm and all the menu .js files are in a unique folder within the site.
3) We then have a template page that is the base template for many of the pages on our website. There is a layout table in this template into which we do an Includepage to bring in the leftnav.htm. When we try to preview this page with the menu included, we get a script error that says "Object expected" on line #155 (the .js file only has 154 lines of code).
We're stuck. Is there a problem with how we're trying to implement the html menu systems?
A: It is possible that you'll have an error in the Frontpage's preview.
Try to open your page in browser. If you'll have the same error,please send send us a copy of your html pages (including .js files) and we will check it.
Q: Can your menu, when placed in a master page, be propagated throughout an application's sub-folders
or will the html menu need to be added to each page separately?
A: If you don't want to create your menu on each page you can use a
server-side script (php, asp, vb, etc.) to generate html pages from
templates on your server.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
var parameter1=value1;
var parameter2=value2;
etc.
var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html
You can use cross frame menu. It allows you to build full-featured menus on the pages
that use frame-based structure. And it's not necessary to insert any code into all the pages -
just specify the additional parameters of the menu and initialize it.
To install the menu in a cross-frame mode, see more info here:
http://www.deluxe-menu.com/cross-frame-mode-sample.htmlQ: I was wondering if there is a way to disable links in the dhtml context menu on a page.
A: To disable your menu items you should set the following parameter to disable all items:
var itemTarget="_";
Or you can disable items individually.
["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["|Installation","", "", "", "", "", "", "", "", "", "", ],
You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:
dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);
Q: I just noticed as well that I cannot change the spacing of the buttons.
Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?
A: You can paste the separator.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)