Template: Javascript Treeview Disable Autopostback Select Node

XP Style Orange State Saving Web Tree Menu

State Saving Web Tree 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!
Set the following parameter: var tsaveState = 1;
and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.

Key features:

    - Image arrows
    - Relative/Absolute menu position
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Submenus have a fade effect
    - Unlimited number of sub levels
    - Items with icons
    - Vertical orientation of the Tree Menu

Menu Screenshots Javascript Treeview Disable Autopostback Select Node

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

Features Javascript Treeview Disable Autopostback Select Node

Professional Look-n-feel

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

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

Cascading Menu Tree Javascript Treeview Disable Autopostback Select Node

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

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

Cost Effective

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

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 Javascript Treeview Disable Autopostback Select Node

Q: On the same collapsible menus, is there any way to remove the spaces between the top items?

A: No, unfortunately there is no way to remove that space in XP Style
  var tXPStyle=1;

If you use
  var tXPStyle=0;

you can set the following parameter:
  var titemHeight=18;

Q: I have a quick question: I have an iframe menu item (see note 1) for the dhtml menu sample,
and when I click a link in that iframe, I would like to close the menu.
Is this possible, perhaps by using a javascript call?

A: You couldn't close the menu, you can only hide it.
You can try touse the following code to hide the menu.

["||test menuitem
<iframe src='test.php' onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'
></iframe>","", , , , ,"0" , , , ],

You can also place your Iframe in DIV tag with indents.

["||test menuitem
<div style='padding: 10px;'><iframesrc='test.php'
onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'></iframe></div>","", , , , ,"0" , , , ],

Q: I still do not understand your answer about the simple java menu arrows, which work in preview, but not on the website. The html is correct.

A: You have
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"];
in your data js, so the arrows must be here
http://domain/ss.files/arrow_sub5.gif

you arrows is here
http://domain/menu/ss.files/arrow_sub5.gif

You can use
  var pathPrefix_img="menu/";

or change paths here
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"]; --> menu/ss.files/arrow_sub5.gif

Q: I have images that I want to use for the top level of the menu. How do I create a menu using images that were created in a different program? I tried to look in the frequently asked questions but IcouldnТt find anything that told me how. Thank you in advance for your help.

A: You can use any image for the top items.

You can set
var itemBackImage=["",""];
Or, create Individual style

var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

The new method of making image-based menus: if item text is empty, icon fields will be used as item images.

For example:

["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]

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