Template: Javascript Tree Menu

Tree Javascript MSDN Library Look and Feel

The template emulates emulates MSDN Library look. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Icons for expand and collapse buttons
    - Animation effect for subitems
    - Only one item can be expanded at the same time, var tcloseExpanded=1;
    - Menu has a static position and is placed within the table cell

Key features:

    - Items with icons
    - 3-state icons for each item
    - Status string shows item labels
    - Submenus expand/collapse on mouseover
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Filters and Transitional effects
    - Vertical orientation of the Tree Menu

Menu Screenshots Javascript Tree Menu

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

Features Javascript Tree Menu

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

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

Vertical Tree Mouseover Menu Javascript Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree menu 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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree menu 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 create 3-state icons for each item: normal state, mouseover state, expanded state.
Use images for icons, backgrounds of submenus and items.
You can use with any amount of menu and submenus on one page.
Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

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

Recent Questions Javascript Tree Menu

Q: I'm about to create a transparent menu as you can see on the attached photo. I can't find any samples on how to place the cascading navigation bar on an image with 100% opacity. Is it possible...?

A: To create a transparent menu you should set transparent value for the following parameters:

var menuBackColor="transparent";
var itemBackColor=["transparent","transparent"];

Q: Is there any way of asigning the background color of the submenu (I onlyneed one level of nesting menus) different from the background color of thedhtml rollover?

A: Create Individual Submenu Style and assign it for the first item in that case:

var menuBackColor="#d1d1d1";

var menuStyles = [
["menuBackColor=#FFFFFF"],
];

["mбs info","http://www.dimensionmultimedia.com/psoepruebas/?page_id=19","","","","","0","0","","","",],

Q: Trialling your menu maker. Was trying to get the tabs dhtml menu bulder working,but it gives me the error "Tabs[...].id is null or not an object" within the program and under IE7, but not under Mozilla Firefox. Obviously the tabs will be used on my website, of which 80-90% of traffic is MS-IE.

Do you know about this problem, and is there a fix. This will be a major stumbling block against me buying the product if this problem is not fixable.

A: Try to set the following dhtml menu bulder parameter:

var bselectedSmItem=0;

Q: Please advise on how to install a created js popup window to an html page linked to text.

A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows
content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add
the content in HTML Content window,
for example:
<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.

4) Select the template you want to use.

5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:


<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>


7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the same
folder with your index.html (root folder of your website).

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