Recent Questions
Q: We are using your deluxe menu on our live site, but I have a question about the initial setup of the menu.
I need to update the site and a create a new version where the Deluxe Menu is painted, but not initially displayed until the user has been validated. We are runing the entire site from a single page with multiple iFrames. I have been using the code document.getElementById('dm0m0').style.visibility = "hidden"; to hide the menu during startup, but I would rather have the floating menu hidden initially and then displayed as the user is validated and gain access to the functionality.
So the question is: Is there a property in the data.js file - or any other file - where the menu can be hidden initially until needed?
A: You can hide the menu onloaddocument.getElementById('dm0m0').style.visibility = "hidden";
And then show the floating menu when your user will be validated.
Q: I'm trying created an independent menu from my html pages.
I have several pages stored in directories and subdirectories,
I would like to call theses pages from a single dhtml menu script.
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.
Q: I am using JavaScript Deluxe Menu v3.1 and have some problem with the doctype declaration. If I use the declaration:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
the menuBackImage and itemBackImage images do not display properly. Check with and without doctype declaration. Is there a known fix for this?
A: You should specify units in "px" for the javascript menu object.
var itemPadding="15px 10px 0px 20px";
var menuStyles = [
["smColumns=2","itemPadding=25px 10px 10px 10px"],
["itemPadding=25px 10px 10px 20px"],
["menuBackImage=img/nahbp_1.gif","itemPadding=25px 10px 10px 20px"],
];
Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?
A: In that case you should open images I'm using for top tabs in any graph editor and changethem.
back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)
sep_top.gif // separator for the top items
top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],
By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],
top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],
and so on...
For the subtabs I'm use images for arrows only:
var arrowWidthSub=8;
var arrowHeightSub=8;
var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]