Dhtml Slide Menu by Deluxe-Menu.com
Dhtml Slide Menu

Menu Screenshots

Dhtml Slide Menu Menu Javascript Slide

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Javascript Navigation Examples Dhtml Slide 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
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: We have a menu in its own dedicated table row on our website and the table row contains a background image. We want to know if we can make the background on your menu transparent so that you can see our table cell background through the menu.
We have tried using your option to put our image as your menu’s background, but then it repeats for all of the drop downs which we do not want.
We simply want the row of options to be transparent and all of the drop downs to be white.

Is this possible with your system and, if so, how would we go about making this work?


A: You can try to use these parameters:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","#1665CB"];

Or, you can use Individual Item Styles and set images only for the main items.

Try that.


Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML 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.
See the attached screen.gif.
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:
...
<body>
<!-- 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 samefolder with your index.html (root folder of your website).


Q: I have started with the deluxe - looks a little more confusing, but I will persist.

Just to confirm that this is right for me.

1) Will deluxe load quickly?.
2) Will it work with most browsers? Or will user need to download some sort of java file?
3) Can I use it with dreamweaver?


A: 1) Deluxe Menu generally loads faster than other page elements.
It is possible that the speed of showing the menu can be lower if the menu is very large. But it doesn't take so much time.

2) Deluxe Menu works fine in most of browsers on Windows OS, MAC OS, Linux/Unix OS.
More info you can find here:
http://deluxe-menu.com/browsers-info.html

You don't have to install additional software.
Your customer should change security settings in IE to allow Javascript on pages he loads.

When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content.

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

3) Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):

http://deluxe-menu.com/deluxe-tuner-info.html


Q: Having purchased Deluxe Menu and I am having a problem with the simple javascript menu I have created. The menu works fine when I view the html page generated by Deluxe Tuner but when I put it into my own html page the submenus are appearing above the simple javascript menu and not below as required. How do i stop this from happening please?

A: Try to adjust the following parameter:

  var subMenuVAlign="top";
or
  var subMenuVAlign="bottom";