Recent Questions
Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?
A: Images in Vista Templates have the fixed width and height (92 x21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gifQ: You have a great, and very intuitive and easy to learn, product.
I'm down to two dumb questions:
A. What controls the little red arrows? I'd like them on every one of the navigators.
B. How do I create equal space between the drop down menu items? It looks weird right now.
A: 1) If your top item has a submenu this arrow will appear automatically.
For the items without submenus you may write:
["Home <img src='skin_data.files/arrowmain11.gif'>","index.html", "", "", "", "_self", "", "", "", "", "", ],
["About Us <img src='skin_data.files/arrowmain11.gif'>","about_us.html", "", "", "", "_self", "", "", "", "", "", ],
You can find arrowmain11.gif image in the attached example.
Actually you can add any html code inside item's text.
2) Set the drop down menu padding:
var itemPadding="3px 15px 3px 3px";Q: We are testing your css drop down menu and everything is fine, except for the slow load in IE7.
After the page is loaded, the first time we open each item it takes a lot of time to appear.
Do you have any solution for this problem?
A: Check that you've set the following parameter:
var dm_writeAll=0;
You can also try to turn off transitional effects:
var transition=-1;
And adjust the following parameters:
var smShowPause=100;
var smHidePause=500;Q: In javascriptcoding I have id of the submenu. How can retrieve id of the parent menu item in the drop-down menus?
A: You can try to use the following function
function dm_ext_getSubmenuParams (menuInd, submenuInd)
Returns submenu parameters in the array:
[submenu_id, items_count, parent_item_id, submenu_level, is_horizontal]
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
Using this function you can retrieve the parent_item_id.
More info see:
http://deluxe-menu.com/functions-info.html