Template: Book Treeview

Individual Style Java Tree Menu

Animation and Effects
- Click on titles of submenus - submenus will collapse or expand.
- Submenus have a fade effect in Internet Explorer when you collapse/expand them,
so your menus look like original menus in Windows XP Explorer.
- You can set different speed for animation (parameter: var tXPIterations)

Key features:

    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - different speed for an animation for submenus
    - Unlimited number of sub levels
    - Movable and floatable menu
    - Image arrows

Menu Screenshots Book Treeview

Buy Now! :: Free Trial Download :: More Info

Features Book Treeview

Easy Setup

De Luxe Tuner. GUI interface to create your book treeview menus easily and in no time
Sensible menu parameters for manual editing

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
Runs well with an unlimited number of submenus and items

Tree Disable Appearance Book Treeview

Unrivalled Features

Scrollable, dragable, floating
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed book treeview samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

Buy Now! :: Free Trial Download :: More Info

Recent Questions Book Treeview

Q: I need to be able to highlight the selected menu item of the currentpage in the html tree menu.
Is there a way to do this?

A: Please, try to set this parameters:

var ttoggleMode = 1; Enables a toggle-mode. 0 - disabled, 1 - items stay highlighted after mouse click.
var tpressedFontColor = "#AA0000";

Q: On my website I am a total of 2 menus being generated. How do I correctly generate "SE-Friendly Code" if I have 2 menu in javascripts? The "DM Links" code that is being generated will have a few of the same dm id because the menus are created seperate. How do I get it so each menu will have different dm id with no overlaps?

A: The identifiers in these links are additional parameters.
<div id="dmlinks" style="font:undefined;color:#000000;text-decoration:none">
<a id="dmI0" href="testlink.html">Home</a>
<a id="dmI2" href="testlink.html">Features</a>
<a id="dmI4" href="testlink.html">Description of Files</a>

You can delete these identifiers or leave them.

So, if you have several menu in javascripts on the same page you should generate twoblocks of search engine friendly code and add them on your page.

Q: I have tested and tested but can't find out how I can add the following, as a link in drop down navigation bar. Can you please help?

http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780"

A: You should add <a> tag into the text field in that case:

["<a href="http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780">test</a>","",""]

But you should specify a styles for this link also.

Q: Just wondering if it is possible to select a specificdhtml tab via JavaScript.
Eg. A link on the page to select the next tab (or any other for that matter)

A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>

Buy Now! :: Free Trial Download :: More Info