Recent Questions Javascript And Ajax Tree Menu Tutorial
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 have a question about tab menu java. I would like the use the version where tabMode = 1. However, I don't want a separate page loaded when a tab item is clicked. I would like it to display a <div> the same way it does when tabMode = 0. Is there a way to do this in tab menu java?
A: Download the new version from the same link in your license messageand install it.
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],
Q: I have generated my navigation menu bar and want to incorporate it into my current website.
How do I resize and position the navigational menu inside a table?
A: 1) Resize:
You could specify exact width for menu using that parameter:
var menuWidth="400px";
You can also set exact width for each top item using Individual Item Styles:
var itemStyles = [ ["itemWidth=120px"],];
var menuItems = [ ["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];
2) Position the navigational menu inside a table:
You can paste the menu inside the <div> or <table> tag, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>
Q: Just wondering if it's possible to have the sub menu of my collapsible dhtml menu that appear when the "+" is clicked stay open when another page loads. I tried downloading the trial version & can't get that to happen.
Click on "web development" and then "web design portfolio" - when the new page loads the menu closes. Is it possible to have it remember which sub menus were showing when the new page loads?
A: Javascript/DHTML Tree has save state feature. You should set the followingparameter:
var tsaveState=1;
