Template: Javascript Tree View With Pagination

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:

    - Each item can have individual settings
    - Movable and floatable menu
    - Unlimited number of sub levels
    - Vertical orientation of the Tree Menu
    - Submenus have a fade effect
    - Image arrows
    - Several menus on one page
    - 3-state icons for each item

Menu Screenshots Javascript Tree View With Pagination

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

Features Javascript Tree View With Pagination

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

Cost Effective

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

Tree Expanding Menu Tutorials Javascript Tree View With Pagination

Seamless Integration

Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree view with pagination menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree view with pagination 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.

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!
When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

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

Recent Questions Javascript Tree View With Pagination

Q: If you look at our site in IE (PC) the deluxemenu looks great justified left w/ our logo justified right. When you look at it in Safari (Mac) the dhtml menu dropdown is stretched across the entire width of the page and our logo is no longer in view (yuk!).

A: Try to set exact width for the menu in 'px':

var menuWidth="300px";

Q: I am wanting to load menu items from a sql database but I cannot understand how to do it using the example you provided.

I am using asp but do not know how to incorporate it into the above javascript. Would it be possible for you to provide me with an example please? I tried using <% …… %> but this did not work.

A: Unfortunately we don't have example with ASP.

The example of the menu working with PHP/MYSQL you can find here:

http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: In the standard drop down menu scripts you show a combo box and a search text box. Where are the parameters and/or style options to do this?

A: 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>"],

Q: I set a custom target at '_mainFrame' required by Dreamweaver to view in a particular frame. When I click my button it opens in its own window.

Your thoughts would be appreciated.

A: Please, check the following code, for example
var itemTarget="_mainFrame";

["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_self", , , , ],

or

["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_mainFrame", , , , ],

I suppose that now you have such code
["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_blank", , , , ],

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