Tree Dynamic Menu by Deluxe-Menu.com
Tree Dynamic Menu

Template:

iPhone 14 Template - CSS Menu Rollover






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Items with icons
    - Submenus go over all page objects
    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - Top items and submenus have a shadow
    - Transition #14 - "fade out" effect




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Tree Dynamic Menu Expanding Menus Javascript

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

Features

Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Collapsible Menu Using Javascript Tree Dynamic Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your tree dynamic menu 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 tree dynamic menu 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
  • Section 508 compliant



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus 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

Q: Greetings..... I am new to java script and would like to have a drop down menu that I can use with frames....
I downloaded your program and have created a small menu to try to become familiar with the program and see if I can accomplish getting a menu to display on a new page...... I am currently using Page Mill.

When I created the menus, I saved them as TstBuy and it was saved in the Deluxe-menu folder.

Having read a number of your information displays plus lacking the knowledge of what files and where to place them, I would appreciate any information you can offer as to what files to place in the main Page Mill folder if that is where they go??

As for the data I created (TstBuy), I thought that I would be able to copy and paste that file into the Page Mill page within a text box, but the paste feature was not available...

Thanks for any assistance you can offer..


A: Thanks for your interest in our products.
Deluxe Menu wasn't developed as Page Mill/Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files.

You can try to export your menu into html page using Deluxe Tunerapplication and then copy the code from the generated html page into your html page.You should click in Deluxe Tuner "File/Export/To HTML". You'll getsuch files:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu4.js
     dmenu_add.js
     dmenu_dyn.js
     dmenu_key.js
     dmenu_cf.js
     dmenu_popup.js
     dmenu_ajax.js
data-deluxe-menu.js
deluxe-menu.html

There is no need to use all files from the "deluxe-menu.files/"folder.
The description of files you can find here:

http://deluxe-menu.com/description-of-files-info.html

You can delete all files which are not necessary for you.

To install the menu into your html page:

1. open the page in Page Mill/Dreamweaver/Frontpage
2. open html source code of the page (deluxe-menu.html)
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

You should also copy "deluxe-menu.files/" folder, all image files anddata-deluxe-menu.js in the same folder with your html page.

For example, you'll have such structure:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu_add.js
data-deluxe-menu.js
your_html_page_from_Page_Mill.html

That's all.


Q: Is it possible for a javascript navigation barr item to have an associated "target"?

What I mean is I'd like to be able to open the page in a new window, so I'd need to specify the href as well as "target=_new" (in HTML anyway).

A: You can set target parameter for all items:
  var itemTarget="_blank";

Where main - is the name of the main middle frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],



Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
["Text","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "1", , , ], //style 1

Try that.


Q: I want tree view menu to be in expande state mode, how can I do this? Also, same goes for all the other menus depending which link I click.

A: You can try to to call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

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