Dhtml Sliding Menu On Mouse Click by Deluxe-Menu.com
Dhtml Sliding Menu On Mouse Click

Template:

Dark Blue Rounded Template - Javascript Menu Bar






    - Top items and submenus have a shadow
    - Several menus on one page
    - Unlimited number of sub levels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - 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 Sliding Menu On Mouse Click Dhtml Flyout Menu

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
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!
Menu Horizontal Xml Navigation Dhtml Sliding Menu On Mouse Click
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml sliding menu on mouse click 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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am developing a site where the customer does not want any transition effects within the IE browser.
I want to emulate the above mentioned browsers with the same transition.
When mousing over javascript flyout menu - the submenu should appear with no effect.

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;


Q: I am working on creating a new navigation menu with Tree menu.
I wonder how I can reduce the width of the menu?


A: You should set this parameter

  var tmenuWidth = "275px";

Try to set also the following parameters:

  var tlevelDX = 0;
  var tnoWrap=0;


Q: We are using your menu in a website here under development:

There is a problem with mac browsers - safari and firefox. The flash stops and goes blank when the html menu dropsdown.

We have tried numerous fixed including the one outlined on your website here:
http://deluxe-menu.com/objects-overlapping-sample.html

Here is the link to our html menu file link/file to the menus: -> http://domain.org.au/js/menu

Any assistance you can provide would be appreciated.

A: Now you hide your flash on MAC using the following function:

function dm_ext_ruleObjectHide()
{
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) && (navigator.vendor.indexOf('Apple Computer') != -1) && (navigator.product=='Gecko'))
return true;
else
return false;
}

Try to delete this function, try to set the following parameter also:
  var dmObjectsCheck = 0;

Q: I'm trying to set the frame parameters to frame name body. I have tried seven different text items: body, _body, frame name=body, framename=body, "framename=body", the relative URL, and the exact URL in the titemTarget parameter (common parameters). Nothing seems to work. It always sets the target to a new window. What text do I need to enter for the default parameter to be the body frame target?

Also, is there a way to expand only the menus and not the submenus? There doesn't seem to be a halfway point. Either all the menus are open, or all closed. If I set the default to hidden, it is non-functional. If I set it to expanded, that's not what I'm looking for either.

The menu looks good; other than these two problems it is functioning properly.


A: Please, check the following parameter:

  var titemTarget="framename";

You can also set item target for each item
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],

Try that.

> Also, is there a way to expand only the menus and not the submenus?
You want to expand only the main items when you load your page?

If it is so you can set expanded items by default.

If you want to expand specific items by default you should set "+"symbol at the beginning of item text.

["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ], // this item is expanded by default
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif",
"default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ], // this subitem is not expanded by default


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