Tree Dos Xp by
Tree Dos Xp

Buy Now!  Free Trial Download

Menu Screenshots Tree Dos Xp

Tree Dos Xp Menu Trees Download

Features Tree Dos Xp

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your tree dos xp menus easily and in no time
  • Sensible menu parameters for manual editing
Menu Tendina Tree View Tree Dos Xp
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tree dos xp samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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".
  • 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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

Recent Questions Tree Dos Xp

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>

<table width=800>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>

Q: I have setup some tabs on a site that I am designing and for some reason when i click on a tab and it links to another page it automatically highlights the first tab in the row.
  I have triedfiddling with it and have not been able to figure it out.  Can someone point me in the right direction to have the correct tab selected in the css tab menu after i click it and goto the page.

A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
<SCRIPT src="data.js" type=text/javascript></SCRIPT>

Q: May I use this menu in Arabic mode I mean in right to left mode?

If yes please let me know how?

A: You're able to use any characters for JavaScript Tree Menu in the same way asyou use them for standard html page.

The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

  var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Use also
  var smViewType = 2;
for right-to-left languages.

Please, see example:

This examples demonstrates how the menu can change a submenusdirection. Use   var smViewType parameter to change a submenusdirection:

  var smViewType = 0..3;

0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;

In JavaScript Tree Menu when you call data .js file you can try to specify the encoding:

<script src="data.js" charset="utf-8"></script>

Unfortunately, you can't use arabic characters in Deluxe Tuner application.You should manually correct your code.

Q: Can dhtml menu scripts be integrated into Expression Web?

A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,
BUT you can use it as standard Javascript files.

To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).

For info see:

That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):