Recent Questions Google Tree Menu
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>"],
Q: I've got an xp style menu that I'm trying to place within a table... Things are not rendering as I'd expect
I am trying to put the menu in the left column of the table, a form on the right side, and then center the entire table.
The html table is surrounded by a center tag (have tried a div tag with no difference).
It appears the xp menu is obeying the center tag, but not keeping it relative to the containing table...
How can I fix this issue? I have also attached the html source code as it is rendered in the browser in case that is of some use.
A: You should set the following parameter:
var tabsolute = 0;
You're using absolute position for the menu now.
Q: The menu doesn't show the drop down sub items. If you would look at the script there are two sublinks for Accommodation which however is not visible when we are doing a mouseover. I have attached the revised data.js file with this mail. Please let me know if thre is anything else hat i need to look into.
A: You should set back color for your submenus.
For example you should create style and assign it for the subitems:
var itemStyles = [
["itemBackColor=#61420A,#B77D13","itemBorderWidth=1","itemBorderStyle=solid,solid",,
"itemBorderColor=#3C2906,#3C2906"],//style0
];
["Accommodation","#", "", "", "", "", "", "", "", ],
["|test1 text text","", "", "", "", "", "0", "", "", ], //style0
["|test2 text text text text","", "", "", "", "", "0", "", "", ],//style0
You should also set the following parameters:
var itemAlign="left";
var subMenuVAlign="bottom";
Q: How can I open the links that I created for the items /sub-items on the same window
for the mouseover menu (not on a new window)?
A: You can set target parameter for all items:
var itemTarget="_self";
or for each item individually:
["","testlink.htm","http://images.myregistry.com/images/myregistry/tabs/thingstodo.gif", "http://images.myregistry.com/images/myregistry/tabs/thingstodo1.gif", "Home Tip","_self", "0", "0", , ],