Template: Jquery Treeview Manual Open Class

Vista Style 2 Treeview Menu

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Personal CSS styles for separate menu elements
    - Submenus expand/collapse on mouseover
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Items with icons
    - Status string shows item labels
    - different speed for an animation for submenus
    - Unlimited number of sub levels

Menu Screenshots Jquery Treeview Manual Open Class

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

Features Jquery Treeview Manual Open Class

Cost Effective

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

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".

Dynamic Tree Frames Jquery Treeview Manual Open Class

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed jquery treeview manual open class 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.

Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
Don't permit your web site visitors to get lost. Try Javascript/DHTML Tree!

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

Recent Questions Jquery Treeview Manual Open Class

Q: I used your trial version. In my application, I need one column of submenu to be displayed, all other columns should be closed.

A: You should adjust the following parameters, for example you should write so:

var transDuration=350; //Delay of a transitional effect (in ms) on submenu's showing.

var transDuration2=200; //Delay of a transitional effect (in ms) on submenu's hiding.

Q: We had to activate the tcloseExpandedXP to 1.
So far, that is OK. But as soon as we do so, The main menu-titles are aligning to the LEFT side! We could not get them to align to right as needed.

Any idea how this could be fixed?

A: You can try blank images before the top-menu items.

["<img src='blank.gif' width=84 height=12>Text","", , , , , , , , , , ],
["|Text","general/forms/form01.php?c2=80&c3=250&fa=1", , , , , "fmain", "5", , , , ],
["|Text","general/forms/form01.php?c2=80&c3=0&fa=6", , , , , "fmain", "5", , , , ],
["|Text","general/forms/form01.php?c2=80&c3=0&fa=2", , , , , "fmain", "5", , , , ],
["|Text","", , , , , , "5", , , , ],
["<img src='blank.gif' width=44 height=12>Text1","", , , , , , , , , , ],

Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?

A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.

For example:
var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:

function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.

And then you must write so:

window.onbeforeprint = myprint;
window.onafterprint = myprint2;

Q: Do you have it in vertical orientation for dropdown menu javascript, please?

A: To create vertical drop down menu you should set the followingparameter:

var isHorizontal=0;

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