Indexhibit Horizontal Navigation Howto by Deluxe-Menu.com
Indexhibit Horizontal Navigation Howto

Template:

iPhone 4 Template - Expanding Dhtml Menu






    - 85% transparency for sub menus
    - Text aligned to left
    - Submenus automatically scrolls
    - Hundreds of pre-designed templates
    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Indexhibit Horizontal Navigation Howto Tutorial Javascript Popup Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed indexhibit horizontal navigation howto samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Drop Down Menus Java Source Code Indexhibit Horizontal Navigation Howto
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
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!
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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: My problem is that the easy dropdown menu, as opposed to being in a fixed position
as stated in the .js file floats up and down with the page..How do I fix this..

A: You should set the following parameter to disable the floating feature:

  var floatable=0;

Q: > Does you tree menu php support right-to-left layout? that is to say it opens thebranches/submenus from the right to left .

A: Yes it is possible to create a menu for right-to-left languages with Deluxe Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">.

You should set the following parameters:

  var titemAlign="right";
  var ticonAlign="right";
  var texpandBtnAlign="right";

Deluxe Menu support right-to-left languages.
In Deluxe Menu you can set the following parameter:
  var dmRTL = 1;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Q: Is there any way to call a javascript function on mouseover from a menu item?

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(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];



Q: How do I add padding around a top item in the javascript menu buttons?

A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px// top right bottom left



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