Recent Questions Web Tree Menu And Tag
Q: How do you go about labeling the various segments of your page to utilize the tab navbar?
A: See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.
A: No, there is no such a feature in JavaScript Tree Menu v3.2.7.
You can write your item in the following way:
["|<a href='http://www.domain.com'>test test test</a>",""],
But you should assign style for this link.
A.link {
...
}
A.link:hover {
...
}
Q: I know I can fix the width of the entire (horizontal) menu. But is there a way to fix the width of each Item in the menu? I would like each Item to be the same width.
A: Please, try to specify units in "px", for example.
var menuWidth = "600px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
Try to set individual style for item width:
var itemStyles = [
["itemWidth=120px"],
];
var menuItems = [
["Text1","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
["Text2","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
["Text3","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
["Text4","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
["Text5","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
...
Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.
I am working on a javascript collapsing menu and I am using the XP style one.
I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)
The sub-menu works great and all the text align to the right but from some reason the title is unmovable.
Please if you know any solution to that problem?
A: See how you can create your top javascript collapsing menu items:
- you can set the following parameter:
var tXPAlign="right"; //align of expand-buttons of submenus titles
- write your top items:
["+<div align=right> Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],
