Recent Questions
Q: I have been trying for months to find an answer to my submenu problem using your FAQ and Recent Questions.
The only thing that comes close to an answer is from one of your Recent Questions below, but I don't understand the answer. Will you please give me specific code or info to fix? Please refer to my frameset code and data.js info, which I've provided further down this message.
I am using cross frame menu dropdown. I have three frames: Top, Left and main (middle).
I am using the script and data from your sample file, it works fine. Only problem is submenu is offset to the right. It does not show up exactly down below the top javascript hide menu.
A: Yes, I suppose that the reason is in your frame structure. For examplenow you have:
top -------------------
**MENU**
left--|main------------
|
| **submenus**
|
Try to add additional frame in your top frame with the same width asyour left frame has:
l-top-|right-top-----------------
| **MENU**
left--|main----------------------
|
| **submenus**
|
Q: I want to use single css drop down menu bar for each page without applying HTML Code for each page separatly.I mean to use CSS Menu as per our .JS Menu.
A: Unfortunately it is not possible with css menu.
On each page you should call css file with styles:
<link href="menu.css" rel="stylesheet" type="text/css" />
and add code for the menu on each page in the place where you want to have a menu, forexample:
<ul class="cssMenu cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html">Home</a></li>
<li class=" cssMenui"><a class=" cssMenui" href="#"><span><img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html"><img class="def" src="default.files/icon2.gif"/>
<img class="over" src="default.files/icon2o.gif">Features</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->lt;/li>
<li class=" cssMenui"><a class=" cssMenui" href="testlink.htm">
<img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Contact Us</a></li>
</ul>
You can also try to use frames.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.
Q: A question: How do I make it show all the drop down dhtml menu items rather than having them pop up?
eg:
- Item 1
- sub item 1
- sub item 2
- sub item 3
A: You cannot expand items by default in Deluxe Menu. You should hoverover menu to open submenus.
You can do it using Deluxe Tree.
To expand specific items in Deluxe Tree you should add + sign beforeitem's text or set the following parameter to expand all drop down dhtml items bydefault:
var texpanded = 1;
Q: first - the deluxe menu is a nice tool, greatly.
but I have 2 little problems:
- I'll display the item direct side by side without distance, I can't found the parameter
- I wish the actual site (dhtml vertical menu item) in another colour
A: > - I'll display the item direct side by side without distance, i cant found the parameter
Check that you have correct
var menuWidth="";
parameter.
You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.
> - I wish the actual site (menu item) in another colour
You can create Individual Item style and assign it for the top items,for example:
var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"], //style0
];
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "0", "", "", "", "", ], //style0
["|Item 3","", "", "", "", "", "", "", "", "", "", ],
["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
["|Item 7","", "", "", "", "", "", "", "", "", "", ],
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "0", "", "", "", "", ], //style0
];