Recent Questions
Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.
I am working on a javascript collapsing menu and I am using the XP style one.
I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)
The sub-menu works great and all the text align to the right but from some reason the title is unmovable.
Please if you know any solution to that problem?
A: See how you can create your top javascript collapsing menu items:
- you can set the following parameter:
var tXPAlign="right"; //align of expand-buttons of submenus titles
- write your top items:
["+<div align=right> Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],
Q: I have implemented a deluxe-menu on my client's website and I had a couple of questions.
1. Can I control how fast the submenus scroll in my javascript menu examples? If you look at the site and hover over Need An Expert? on the menu and then point to Practice Areas, this submenu seems to scroll slower than if you mouse over "Technology" and scroll that submenu. The Technology submenu scrolls a lot faster. Is it because there are many more items in the Technology submenu? I tried to find a setting for "scroll speed" or the like, but I couldn't find it.
2. In internet explorer, when you mouse over Need An Expert?, Technology the first time you go to the page, there is a 3-4 second delay before the submenu opens. There are a lot of submenu items under Technology, but in Firefox, there doesn't seem to be this delay. Do you know why this would happen in IE? Is there a way to fix it? Could the problem be that each submenu item has a background graphic and this is causing the delay?
3. When you get to a page on the site and you rollover the top level menu, there is also a delay before the background image of the menu items shows up. You get a solid blue background color for a second or two (the bgcolor assigned) and then the graphic loads and shows up. Is there any way around this? I have a javascript to preload the image (back.jpg) but that doesn't seem to help.
Any help would be greatly appreciated!!!
A: 1. The scroll speed depends on number of items to be scrolled, more items -> faster scroll.
You can decrease the number of items or enlarge the size of submenu.
2,3. Please try to add the following param:
var dm_writeAll = 1;
It will load all backgrounds on page load, no on mouseover.
Q: I place all of my files in folders. If I want the Deluxe menu to work I have to have the Deluxe menu saved in each folder for it to work with the files inside those folders.
A: There is no need to copy al files for the menu in each folder.
To install the menu you can use such paths:
<script type="text/javascript"> var dmWorkPath = "../menudir/";</script>
<script type="text/javascript" src="../menudir/dmenu.js"></script>
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: My submenu is not display at the good position with Firefox.
Look at my web site with Firefox. Select item menu 'Inscription' and you'll see the problem.
Note: mainmenu.js is relative positioning. The table tag is absolute positioning.
A: Try to write so:
<TABLE id=Table60style="Z-INDEX: 803; LEFT: 295px; POSITION: absolute; TOP: 114px">
<TBODY>
<TR>
<TD style="POSITION: absolute;"><NOSCRIPT><A href="http://deluxe-menu.com/">Javascript Menu by Deluxe-Menu.com</A></NOSCRIPT> <NOSCRIPT>MainMenu</NOSCRIPT>
<SCRIPT language=JavaScript1.2 src="deluxe_files/MainMenu.js" type=text/javascript></SCRIPT>
</TD>
</TR>
</TBODY>
</TABLE>