Recent Questions
Q: I am using Deluxe Menu and I had a question.
When you roll your mouse over the menu items, the background color of that menu item changes (it becomes darker). Is there a way to establish a setting such that when a Menu Item is CLICKED, the color of that Menu Item STAYS darker. This will help the user know which category of the website they are currently visiting.
Please let me know. Thanks!
A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.
You can set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
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: There is one other issue I am hoping you can help with? When the dhtml web menu drops down in Safari over a SWF -- it disappears. I have added the function dm_ext_ruleObjectHide() code to the top of my data file. Can you please advise what else I can try?
A: Submenu couldn't overlap flash in Safari correctly.
And the following code:
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) &&(navigator.vendor.indexOf('Apple Computer') != -1) &&(navigator.product=='Gecko'))
return true;
in function
function dm_ext_ruleObjectHide()
{
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) &&(navigator.vendor.indexOf('Apple Computer') != -1) &&(navigator.product=='Gecko'))
return true;
else
return false;
}
cause flash to disappear in Safari.
You can try to write this function in the following way:
function dm_ext_ruleObjectHide()
{
return false;
}
Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one. I am using the Vista style tabs (black_blue / tealblack).
Is there any way other than definition of new image files to get more color combos?
Can I change the text size in the menu tabs? When I use the Tuner, it has no effect.
A: Try to use image-based menu.
Set:
var menuWidth="92px";
var menuHeight="";
and create the following style:
var itemStyles = [
["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];