Recent Questions Javascript Tree Apache License
Q: I'm trying out your cool dropdown menu code.
I'm trying to rebuild my menu like this one
http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html
I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?
A: See images in Vista Templates have the fixed width and height (92 x 21).
If you want to change items' width/height you should change images.
btn_cyan.gif
btn_cyan2.gif
You can do it in any graph editor, for example in Adobe PhotoShop.
You should also change items width in your Individual Item Style.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];
You can do it in Deluxe Tuner.
Q: How can I make items appear much more quickly in the drop down menu samples?
They appear but only after mouseing-over the menu and waiting for approximately one second.
A: Try to adjust the following parameters:
var dm_writeAll=0;
var smShowPause=100;
var smHidePause=1000;
var transDuration=150;
var transDuration2=200;
You can also turn off transitional effects
var transition=-1;
Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.
Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?
A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:
var menuStylesNames=["Top Menu","width1","width2",];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];
["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],
["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],
Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?
(I want each tree menu element contain a check box and some text. )
A: No, unfortunately Javascript/DHTML Tree doesn't have such a feature now.
But you can paste any html code inside item text, for example:
["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>","", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],