Slide Menu Iframes by Deluxe-Menu.com
Slide Menu Iframes

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Submenus automatically scrolls
    - Text aligned to left
    - Unlimited number of sub levels
    - Hundreds of pre-designed templates
    - Submenus go over all page objects
    - Horizontal or vertical orientation
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Slide Menu Iframes Pop Up In Javascript

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
Cost Effective
Java Pull Down Menu Slide Menu Iframes
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
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 slide menu iframes menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.

A: Unfortunately there is no way to change cursor for items with links and without links.

You can try to use <a> tag inside the text field:

["<a href="http://domain.com/index.html">test</a>","",""]



Set default cursor:
  var titemCursor="default";




Q: I am using Javascript Menu. Deluxe Menu. v1.12
How can I upgrade to v.2.0?


A: How to upgrade to v2.00
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.Deluxe Menu v2.00 has new parameters and features.
To upgrade to v2.00 you should do the following.

   Step 1.
     1.1 For Windows users
      a. Run Deluxe Tuner v2.0
           (can be found in the trial menu package v2.0
           http://deluxe-menu.com/deluxe-menu.zip).
      b. Open menu data file (.js file where menu parameters are placed):
select File/OpenЕ
      c. Save the file: select File/Save, then click "No" button when the dialog box appears.

     1.2 For other OS users
      a. Open menu data file (.js file where menu parameters are placed) in a text editor.
      b. Make sure that the following variables exist in the data file:

        var keystrokes = 0;
        var dm_focus = 1;
        var dm_actKey = 113;

        var dynamic = 0;
        var smHideOnClick = 1;
        var itemAlignTop = 'left';
        var smSmartScroll = 1;

        var dmAJAX = 0;
        var dmAJAXCount = 30;
        var dmRTL = 0;
        var dmObjectsCheck = 0;
        var menuBackRepeat = "repeat";
        var menuHeight = "";
        var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

      c. Save the file.

   Step 2. Now open HTML-page that contains Deluxe Menu.

   Step 3. Replace existent tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

   Step 4. Save HTML-page.

   Step 5. New engine v2.00 has 7 .js files.
They are:
      - dmenu.js
      - dmenu4.js
      - dmenu_add.js
      - dmenu_dyn.js
      - dmenu_key.js
      - dmenu_cf.js (new v2.00)
      - dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.00.

Try that.


Q: I can’t highlight the selected menu item of the current page in the javascript flyout menu?


A: Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page.
That is why you should write your own code on PHP.

You can also set the correct:
  var pressedItem=1;
parameter on each html page.


Q: Question is where in the data file configuration or within the menu Tuner would I inseart the icons for individual item labels and center them over the text or other alignments like you did in the horizontal menu on the deluxe-menu.com web site?


A: You should write, for example, so:

["<img src='data.files/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],


Buy Now!   ::  Free Trial Download   ::  More Info