Javascript Menu Bottom by Deluxe-Menu.com
Javascript Menu Bottom

Template:

iPhone 16 Template - CSS Navigation Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Relative/Absolute menu position
    - UL/LI items structure
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Top items and submenus have a shadow
    - Text aligned to left
    - Items with icons
    - Submenus automatically scrolls




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

Menu Screenshots

Javascript Menu Bottom Scrolling With Javascript

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

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
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
Tab Menu Scripts Javascript Menu Bottom
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu bottom menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu bottom 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!



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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am using your Deluxe Tabs software, and I am simply trying to implement your dhtml menu samples:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

I have downloaded the trial software and built my tabs, but at this point, all I have is the tabs... I need the entire box under the tabs, and I need to be able to insert my content for each tab.

Please explain to me how to use your dhtml menu samples.


A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>


Q: Thank you for your reply. I have run the example sent by you. Your dhtml menu example has horizontal menus and it hides all the menus.

But I am using xp vertical menu. In that I have Home,Sales,Customer Support,Reports,Access Control menus.

For Admin login I need all the menus including submenus.

But for employee login i need Home , Sales, Customer Support menus and i need only few sub menus only.

Please help me with this issue.

A: You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

More info:

http://www.deluxe-menu.com/functions-info.html



Q: The menu is the table imbedded to the layer.

If you want to center the menu paste itwithin the <div>> or <table> with a static position and specify a center alignment for it, for example:

<div align=center>
<script src="data.js"></script>
</div>

Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "500px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

If you want to use absolute position for the menu, use varabsolutePos=1 instead of absolute position for div.


Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.

A: Submenus has a different color because they have a transparency:

  var transparency="90";

Set it to 100.

Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.



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