Html Context by Deluxe-Menu.com
Html Context

Menu Screenshots

Html Context Vertical Text Menu Html Samples

Features

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!
Cost Effective
Css Drop Html Context
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

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!

Recent Questions

Q: I am now running the newest version, all ok. A new client wants to have submenus openFor the left hand menu navigation that I purchased, can I choose what dhtml tree menus will be expanded or collapsed when the user first comes to the webpage for the first time?

For instance, right now, when the user first goes to the page ALL of the menus are collapsed. If I wanted the first and third tree menus to be expanded and the others to stay collapsed when a new user first went to the page, how would I accomplish that?

Thank you very much for your help. on mouse rollover as well as on mouse click. Is this possible with tree menu in XP style?

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
 ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Deluxe Tree: XP Style" item will be expanded by default in that case.

Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.html


Q: I am using the menu in a frameset, and I would like for the selected menu branch of the side navigation bar to stay highlighted after the user moves the mouse to another window (where the menu brings up a new page),just so the user knows where he/she is. Is that possible?

A: If you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:

  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should 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:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html


Q: I made a html CD presentation based on cascading drop down menu but it works good only onIE and Google Chrome web browsers.

It doesn't work good on Mozilla Firefox browser. It shows menu properly but there is a problem with normal navigation.

The problem is with paths. I put the main js file in "menu" folder and I also have few folders with many html files in them.

For path I use the following "file:/(direct path to specific html file)". It works fine with IE and Google, but Mozilla/Firefox doesn't show the menu.

I tried also to use prefix "file:/" but it also doesn't show the cascading drop down menu on Mozilla/Firefox.

Is there any way to solve this problem?

Thank you for your answer.

A: It is not correct to add "file:/" in the link field.
You should write:

menu/image.gif
or
../menu/image.gif

You can try also to write links in the following way:
file://html/other/1.html
But I don't think that this will help you.

This is a feature of Firefox browser, Opera and Safari. These browsers cannot determine the root folder ofthe website (D:\ in the examples below) on a local machine (as IE and Google Chrome).

IE: D:\html\other\page.html (works)
Opera: file://localhost/html/other/page.html (link doesn't work)
Google Chrome: file:///D:/html/other/page.html (works)
Safari: file:///html/other/page.html (link doesn't work)
Firefox: file:///html/other/page.html (link doesn't work)

You use relative paths (and your folders have several embedded folders), so your links won'twork correctly in Firefox, Opera and Safari. The reason is not in the menu. Standard linkswon't work too.

So I think that the unique solution in your case is to move ALL link files (1.html,2.html, a.html ...) into the same folder with your index.html file.


Q: My question is, the down arrows only show on the main page, how do I fix this.


A: Please, check images paths within data .js file.
For example, if you have data.js file here:

c:/website/data.js

and your images are stored here:

c:/website/images/

you should set image name so (for example):

  var arrowImageMain = ["images/arrow1.gif", "images/arrow2.gif"];

If you use Tuner, you should save data .js file before you'll selectimages. When you save .js file it means that you set a root directoryfor the project, so Tuner can make all selected images with relativepaths.