Dhtml Faq Menu by Deluxe-Menu.com
Dhtml Faq Menu

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Text aligned to left
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus go over all page objects
    - Filters and Transitional effects
    - Transition #14 - "fade out" effect
    - Image arrows
    - Search feature - add the search area in the menu and type symbols.
    - Status string shows item labels




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

Menu Screenshots

Dhtml Faq Menu Explorer Menubar Style

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml faq 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!
Css Navigation Menu Dhtml Faq Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml faq menu menus easily and in no time
  • Sensible menu parameters for manual editing
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



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 have seen a certain menu effect on a few websites and have so far been unable to reproduce it in simply HTML/CSS. Today I saw the effect on a website, looked at the source code and it appears they are using some of your code.

I have a fairly typical screen layout with a menu bar on the left hand 10% of the screen and the main screen content on the right 90%. Some of my screens get very long, so that when you scroll all the way down to the bottom, the menu is left way up off screen. I would like the menu block to move down so that it is always a certain number of pixels below the top of the viewed screen, not the absolute top of the page. Is this something your software does? If so, which one of your products?


A: You can create such menu with Deluxe Menu.
You should use floatable menu, so you can always see the menu.
But to use the floatable feature

  var floatable=1;

you should use the absolute position for the menu

  var absolutePos=1;
  var posX="10";
  var posY="10";

Please, try the trial version of the menu.


Q: I have small problems with your javascript menu system.

#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?

#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?

#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?


A: 1) You should use Individual Item Styles.
For example:
  var itemStyles = [
    ["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
    ["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
    ["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
    ["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
  var menuStyles = [
    ["smColumns=2"], //style0
];

    ["Home","testlink.htm"],
    ["Samples","testlink.htm"],
      ["|Group 1","", , , , , "0", , , ],
      ["|Group 2","", , , , , "1", , , ],
      ["|Group 3","", , , , , "2", , , ],

...
    [" More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "0", , ],
      ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

2) You can also use Individual Item Styles.

  var itemStyles = [
     ["itemWidth=120px"],
];
  var menuStyles = [
     ["smWidth=120px"],
];

    ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
      ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
      ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles

3) Try to set this parameter:

  var noWrap=0;


Q: One more query, can we remove the following line from all the pages,
<noscript><a href=http://deluxe-menu.com/>Javascript Menu byDeluxe-Menu.com</a></noscript>

<script type="text/javascript">  var dmWorkPath = "/";</script>

As the script <noscript> tags are used in body section of webpage and when we use this in Head tag, it is creating a problem for us. Will removing this line would cause some problem in working of menu, as now a days every browser in the world supports JavaScripts.


A: You cannot delete the following line:
<script type="text/javascript">  var dmWorkPath = "/";</script>

Your menu won't work without this line.

You can try to move the following code in the <body> tag. Try that.


...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
...
<body>


Q: How can I upgrade to Deluxe Menu v2.0? Now I'm using v1.14.


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:



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.


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