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

Template:

Blue Rounded Menu Template - CSS Menu Dropdown






    - Submenus dropdown on mouseover
    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect
    - Image arrows
    - Filters and Transitional effects
    - Top items and submenus have a shadow
    - Inactive/Disabled items
    - Items with icons




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 Hide Browser Menu Bar Javascript

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
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!
Tutorial Popup Menu In Java Tutorial Deluxe Tree Menu
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
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
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



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I installed licensed files, entered the key and now the menu appears broken.
You will see under the "Contact Us" image there is a gray line that makes it look broken. I am using IE 6.0.
The line doesn't appear in Firefox. What solution is there to this?

A: The line which you can see on your website is a shadow. You can see it only in IE.

Please see menu parameters, they contains:
  var shadowLen=3;

Try to write so:
  var shadowLen=0;
  var shadowColor="#777777";
  var shadowTop=1;


Q: I have looked through the FAQS on your site, but can’t find a clear answer to this questions:

Can a menu submenu dhtml be triggered to an open state upon onload?

I can get the top level menu over state to show, but the drop downs won’t open.

A: Unfortunately it is not possible to highlight the pressed menu submenu dhtml itemin Deluxe Menu now. You can highlight the top items only.



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:


<!-- Deluxe Popup Window -->
<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>
<!-- (c) 2009, DeluxePopupWindow.com -->

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

Q: Currently the links of javascript tab control open in a _blank browser, how do I change this?


A: You should set the following parameter:

  var bitemTarget = "_self";

You can set it using Deluxe Tuner. You can find this parameter in theTab-Mode section.


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