Recent Questions Excel Vba Select Javascript Tree Item
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 JavaScript Tree 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: How do I make the top nav buttons exactly the same width for each button?
Total menu width is 743px and I have 6 buttons I want the width of each button to be fixed at 123px.
I set var menuWidth="743" but it averages out the buttons based on the text.
A: You should use individual item styles. For example:
var itemStyles = [
["itemWidth=123px"], //style 0
];
var menuItems = [
["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
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"]
Q: I am able to open the page but the 'x' which allows me to close the popup dhtml is missing.
A: Try to set this parameter:
closable:1,