Tutorial Deluxe Tree Menu by Deluxe-Menu.com
Tutorial Deluxe Tree Menu

Template:






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Image arrows
    - Personal CSS styles for separate menu elements
    - Top items and submenus have a shadow




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

Menu Screenshots

Tutorial Deluxe Tree Menu Explorer Style

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

Features

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
Cost Effective
Java Sliding Menu Tutorial Deluxe Tree Menu
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Easy Setup
  • De Luxe Tuner. GUI interface to create your tutorial deluxe tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
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



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I just downloaded the Deluxe-Menu program. It looks very nice, but I keep getting this pop up while trying to set up my first menu:

"an error has occurred in the script on this page:
line 15
char 9
access is denied
code 0
with a link to the toolbar.html in my program files where the Deluxe Menu installed.

At this point, I am just trying my first menu - not using a browser.
(I normally use Firefox but also have IE installed).


A: I suppose that you're using Windows 2000.
We have some problems with Tuner on this OS.

Unfortunately we didn't fix the issue with Windows 2000 yet.

Try to delete all content from toolbar.html file.

C:/Program Files/DeluxeMenus/deluxe-menu/deluxe-tuner/data/deluxe-tree/toolbar/toolbar.html
C:/Program Files/DeluxeMenus/deluxe-menu/deluxe-tuner/data/deluxe-menu/toolbar/toolbar.html
C:/Program Files/DeluxeMenus/deluxe-menu/deluxe-tuner/data/deluxe-tabs/toolbar/toolbar.html


Q: I have been mostly creating my menus by starting with a template file that has the features I need, and then modifying that file by hand (as opposed to using the Tuner program). In this case I am using data-vista-01.js.

When I load my html file that has references to the necessary resources (e.g. .js, gif, etc) in a directory that has the Images folder and Menu folder copied directly from the installed Deluxe Menu program directories, I get what I want.

This is perfect. But I think to myself, surely I don't need all the .js files from the Menu directory, nor do I need all the .gif files from the Images directory, so I started deleting those files one at a time, until I got to the point where Images contained only the Vista1 folder + the empty.gif file, and the Menu folder contained only dmenu.js. My menu now not working.

I'm guessing that some graphic files need to draw the top-level menu bar are missing. But which ones?
So my question is, what files do I really need? Is this something the documentation describes, and if so where?

I hope I don't have to include the full contents of the Menu and Images folder, as they are quite large.


A: Unfortunately, you should add all need images manually.
We'll try to correct it soon.
You can open your data.js file and see what images you're using in themenu and copy tese images into your folder.

You should also change the following parameter:

  var pathPrefix_img="";

There is no need to use all engine files for the menu.
Description of files you can find here:
http://deluxe-menu.com/description-of-files-info.html


Q: From your website, I see that you are able to populate a menu through ASP/VB, but I have not been able to figure out how this is done.
How exactly do you use an ASP script to generate the menu items for the dynamic menu?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html




Q: I am trying to have the selected top menu w dhtml item remain on the mouseover event after it is selected. It seemed to be working fine when i was just testing with # as a link but when i actually linked to different pages it returns to normal. How do i get this to work.

I tried removing the variable from the data file and calling it using
<script type="text/javascript" language="JavaScript1.2">   var pressedItem=set 1,2,3 depending on page </script>
but this does not seem to work as it does for tabs.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">menu w dhtml by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.



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