Javascript Dhtml Menu by Deluxe-Menu.com
Javascript Dhtml Menu

Menu Screenshots

Javascript Dhtml Menu Menu Tree Java Script Download

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript dhtml 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
Button Menus Javascript Dhtml 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
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.

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

Recent Questions

Q: I am using the dhtml-tabs code. I have 2 tabs that I use for a basic form and an advanced form. The advanced form is on the second tab. When I submit, I get results. When I click the back button, the selected tab is the first one, and not the second. Is there a way to configure the tabs to be persistent or sticky. Such that clicking on the back button will result on being on the second tab, which was the last dynamic drop menu tab before going to a new page?

A: You can try to use the following dynamic drop menu function:

dtabs_itemClick(0,1)

To open your second tab.



Q: The menu has a problem with newlines. The menu builds correctly (layout ok) but when pressed on the button nothing happens

At some point, in the DHTML menu, we have the following in the javascript:

  var menuitems = [

 ["|Print HTML","javascript:alert('HTML print: Only the 7 most recent orders on the screen \n will be printed because of space limitations on paper.');printResult('4'); ","","", ,"_parent",,] ]

As you can see we have a newline (\n) between the words "screen" and "will". But when we click on the button nothing happens. If we remove the newline and we click on the button then we first get the alert box. After pressing the OK button the function printResult is called.

Is there any way for us to still use the newline character in the menuItems variable?

This can be easily reproducible. That's why I haven't made an example.


A: Try to write in the following way \\n:

 ["|Print HTML","javascript:alert('HTML print: Only the 7 most recent orders on the screen \\n will be printed because of space limitations on paper.');printResult('4'); ","","", ,"_parent",,]


Q: I have a menu defined that displays and operates correctly in a page. However, if I place that same page in an iFrame the menu displays correctly BUT the texpanded parameter no longer works.
If I copy the contents of the iFrame and run it again in a new window, it all works fine again.

Is there something special I need to do in an iFrame?


A: Deluxe Tree Menu doesn't work with <IFrame> objects. It works with objects only. All it can to do with <IFrame> is to loadpages into it.
You should use standard installation for the menu.


Q: Using data-visa-5.js

Trying to get the menu to start collapsed rather than fully expanded.

Thought it was the   var texpanded=0 setting but doesn't seem to have any effect.

A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:

["+   Home","index.php","","","Home","","","1",""],
["+   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+   WeatherForum","/forum/index.php","","","Home","","","1",""],
["+   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+   Weather Maps","","","","Weather Maps","","","1",""],

Delete + signs from your items:

["   Home","index.php","","","Home","","","1",""],
["   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["   WeatherForum","/forum/index.php","","","Home","","","1",""],
["   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["   Weather Maps","","","","Weather Maps","","","1",""],