Html Autoexpand Menu by Deluxe-Menu.com
Html Autoexpand Menu

Menu Screenshots

Html Autoexpand Menu Cool Javascript Menus For Sites

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html autoexpand menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Html Hide Menu Bar Html Autoexpand Menu
Cost Effective
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your html autoexpand menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: The dropdown menu works perfect locally, but when hosted it doesnt seen to work, im sorry i dont completly understand what you mean when using the other parameters to make it absolute... here is the html files, and the .js files included in a zip file.


A: Now on your website you have the following code:

["Home","C:\Documents and Settings\Josh\Desktop\Josh\Alsek Website\home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","C:/Documents and Settings/Josh/Desktop/Josh/Alsek Website/Pages/LiftKits.html", , , , "iframe", , , , ],
...

On your website you're using paths to the pages situated on a localdisk. It is not right.

You can try to write
["Home","pages/home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],
...

You can also use pathPrefix_link parameter.

  var pathPrefix_link = "http://www.domain.com/";

and write

["Home","home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],


Q: I am trying to follow your directions on how to load the application and I am completely lost as to what I need to do.
Do you have instructions on how operate the application; I am having a very difficult problem trying to maneuver around.
I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.


A: To set your own images for tabs you should use the following
parameters (see how we created images in the attached example):

  var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
  var bbeforeItemImage=["img/styleIE7_n_left.gif","img/styleIE7_o_left.gif","img/styleIE7_s_left.gif"];
  var bafterItemImage=["img/styleIE7_n_right.gif","img/styleIE7_o_right.gif","img/styleIE7_s_right.gif"];

You can also use a whole images for you tabs you should use only
  var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];

Set the dimensions of the menu here:
  var bmenuWidth="600px";
  var bmenuHeight="33px";


See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],




Q: I would like to know does deluxe menu support Unicode characters? I have enter some Chinese texts through deluxe tuner and I can preview those Chinese text in deluxe tuner preview panel. I have chose "use utf8 encode"already. However after I saved the .js file, the js file encode become ANSI and those Chinese texts in the js file become ?????. Can deluxe tuner autosave the file to UTF8 encode?

A: Please, check that you've set "Tools/Use utf8 encode".

When you save your data file in UTF8 you should use the same encoding on our html page.

So you should write:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.


Q: Ok, please disregard my previous email, it was IE 8! I went back to IE 7 and everything is fine.

I do however got requests to speed up the javascript treeview action (of my 2 out of 2 customers thus far on your menus).

Is there a setting to make it go faster?

A:   var tXPIterations=5;

You can also try to use AJAX feature. It will increase the loading speed.