Sliding Sub Menu by Deluxe-Menu.com
Sliding Sub Menu

Menu Screenshots

Sliding Sub Menu Html Pulldown Rollover Menu

Features

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
Cost Effective
Create Interface Using Javascript Sliding Sub Menu
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sliding sub menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I am in the final stages of testing and need some advice and help.

I have two problems I am trying to address.

1) Arrows on dropdown menu select.

2) Load time.

Please notice, I have to use absolute paths for the dropdown menu select to work.

1) I can't get the arrows to show, so I tried to add the code for images in the first bold sentence below.

2) I tried to add the second line for absolute paths for links to increase load time in the second bold sentence. It appears that the load time is increased by about 3 seconds and that the menu is the last to load, even though I have tried to have this as the first html to load.

Neither one of my commands appear to work.

This site has over 10,000,000 items on it, and I can't wait to get this up and running. Your program is the perfect solution for anybody with a website.

A: 1) Now you have:

  var arrowImageMain=["mainmenu.files/arrv_blue_2.gif","mainmenu.files/arrv_white_2.gif"];
  var arrowImageSub=["mainmenu.files/arr_blue_2.gif","mainmenu.files/arr_white_2.gif"];

You should set your arrows in the following way:

  var arrowImageMain=["arrv_blue_2.gif","arrv_white_2.gif"];
  var arrowImageSub=["arr_blue_2.gif","arr_white_2.gif"];

2) Your menu is very large. I advise you to us AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You can also try the following things:

move all <script> calls into <head>, but delete dm_init() function from mainmenu.js file -- move them instead offiles calls, i.e.:

<head>
<script src=mainmenu.js>
...
</head>

...

<div><script>dm_init();</script></div>

It this case data will be loaded when <head> will load, but after thatdropdown menu select must be shown quickly.
Let me know about results.



Q: Both arrow types are visible when my intranet first loads and when I select a top item that is a direct link to a page.
But, as soon as I select any item from a list of sub items that includes subitems with arrows,
the arrow images disappear from vertical menu until I refresh the site.

A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.



Q: First of all, your product is amasing!

I can not create popup windows by clicking on a menu.

For example:

MainMenu:     Home > Favorites > Fun > About us

Sub Menu:      - Portal
                       - Games
                       - Forum
                       - Chat

By clicking on “Games” Button of sub menu I would like to open a popup window,

Not regular window with navigation, scroll and so on.


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];


Q: I purchased the full package for the application. Great job!
I have no questions about generating and/or customizing DHTML menues - it's pretty straight forwards.
I am trying to find out how to generate and customize POPUP WINDOWS.


A: To assign popup windows for links on your page 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>

Change parameters of windows in data files, for example popup-window-XP.js.
Open it in any text editor.

2) 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), 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) For example: open the popup-window-XP.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 <script type="text/javascript" src="popup-window-XP.files/dpopupwindow.js"></script>
<script type="text/javascript" src="popup-window-XP.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

5) Copy 'popup-window-XP.files/' folder and popup-window-XP.js file into the samefolder with your index.html (root folder of your website).