Recent Questions
Q: I updated the files you talked about. I can see the javascript cascading menu on most computers, but not all. I am sorry to ask the same question over but my problem is persisting with some computers.
A: It is not correctly to add # symbol before the top item. This itemwill be hidden.
You can find more info here:
http://deluxe-tree.com/menu-items-info.html
Now you have:
["#FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],
You should write:
["FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],
Q: I am in the process of building this site, but as you will see the menu text is showing on the top menue, but not the javascript hide menu itself.
A: You forgot to upload engine files on you server.
That is why you see search engine friendly code for the javascript hide menu only:
<div id="dmlinks" style="font:normal 11px Arial;color:#ff9966;text-decoration:none">
...
</div>
Notice that you should call dmenu.js file and dmWorkPath parameter on your html page only once.
You should write only
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath="OnlineHelp.files/";</script>
<script type="text/javascript" src="OnlineHelp.files/dmenu.js">
Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?
I'm using a JavaScript such as the one below:
<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.
For example:
var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];
or
var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 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"]