Recent Questions
Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.
1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.
I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.
A: > Is there a way to define the border image or color on an item.
You can't specify the image for border, but the color and width are fully configurable.
> 2. Is there a way to dynamically highlite an item?
Yes, please see
http://deluxe-menu.com/dynamic-functions-sample.html
Q: How to include the search box in the navigation menubar?
A: Use the following javascript menu parameter to enable/disable the "search support" for the Deluxe menu:
var dmSearch=2;
0-nosearch; 1-ordinary search (within one level of submenus only); 2-recursive (within the whole menu).
Set item's link to "search:", for example:
["","search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'", "", ],
Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste content of javascript tabbed menu here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
Q: Some menu entries may be disabled and clicking on them should produce predefined javascript alert message?
A: To create disabled items you should set "_" symbol in the targetparameter of the menuItems.
If the target is "_" the item is disabled.
You can assign a font color for all disabled items using the following menu parameter:
var fontColorDisabled = "#AAAAAA";
You can write a javascript code instead of an item link:
["item text", "javascript:alert('Hello World')", , , ,"_",]
That's all.