Recent Questions
Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?
A: You can create Individual Item Style and assign it to each item insubmenu.
For example:
var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];
and assign it to each item in submenu:
["|Item 7","", "", "", "", "", "0", "", "", ],
["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: How I make sure, that long menu items in dhtml menu sample can wrap into two lines?
A: You should set the following parameter:
var noWrap=0;
Or use standard <br> tags inside item's text:
["International Music X Home<br>Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],Q: We are looking at JavaScript libraries for our website, and we liked what we saw with your product deluxe-tabs. However, we have a need for both horizontal and vertical tabs, as well as nesting tabs. We would like the vertical (and nested tabs) to have the same capabilities and features as the horizontal tabs. We notive the vertical tab image example, but that was all we could find. Are there more extensive examples that show the same functionality as the horizontal tabs? Is the product, as is, capable of the same functionality for both vertical and horizontal tabs?
A: See, to create vertical tabs you should add '$' symbol before the itemtext in the first item of the next row.
You can use templates, add '$' symbol and adjust some parameters.
Q: I need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.
A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com
You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js
["+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", "mailto:[email protected]", ""],
["|<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>"],
You should also add your own code, so your checkbox will workcorrectly.