Recent Questions
Q: I cannot get the separator image to display in my dhtml right click menu. Is there a setting I am missing? I want to separate the main menu items with an image.
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical dhtml right click menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: How can I have the option for the navbar tabs that initiated the action highlighted once the new page is reloaded?
I want to highlight the tab which is done with 'bselectedItem', please tell me about thesub-tab option.
A: See you cannot create subitems in:
var tabMode=0;
it is not correct.
You should set
var tabMode=1;
The following parameters set the pressed items for top items andsubitems:
var bselectedItem=0; //top items
var bselectedSmItem=2; //subitems
where 0,1,2... is the index of the item in bmenuItems.
- delete var bselectedItem=1; and var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:
<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript"> var bselectedItem=3;
var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>
Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.
Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.
Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.
A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
    ["|Contestants","experience_contestants.php","","","_self","2",,,],
...
> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.
You should use Individual styles, for example:
var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];
var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...
For submenus you should set the following parameter:
var smWidth="150px";
> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.
You should also use Individual styles.
But you should set this parameter:
var fontStyle="";
And then use different fonts for your items.
Q: Can search engines follow the online javascript menu items?
A: You should generate search engine friendly code and install it on yourpage.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).