Floating Button Dhtml by Deluxe-Menu.com
Floating Button Dhtml

Template:






    - Text aligned to left
    - Unlimited number of sub levels
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Image arrows
    - Submenus dropdown on mouseover
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Floating Button Dhtml Dynamic Vertical 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!
Vertical Sliding Menu Frame Floating Button Dhtml
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your floating button dhtml 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 floating button dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I never had trouble with your other scripts but Deluxe Tuner is very difficult and I am about to give it up.

I am trying to set up a new navigation bar using vista 3-1. If I add another Vista drop down menu buttons, they have a completely different look to the ones with the templates. It makes no sense.

How do I add items and have it remain the same look?.


A: See, in Vista style templates we use Individual Item Styles for thetop items.
For, example select the first item on the main window.

In the "Item Parameters" window you can see Individual Styles assignedfor this item:
Item Style - Top Item
Submenu Style - Top Menu

When you add the new item you should assign Individual Styles for itin the same way.

That is all.


Q: I have read your FAQ’s on “When using mouse over tab menu, where do I place the text content related to the selected tab”, but I am still not understanding how to edit the script.
Cansomeone please assist me.

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

See, for each item you should assign the ID property of the content
DIV (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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

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



Q: The page that I am creating lists out notes from our system - there is a "options" button to the right of each note - when the cursor hovers over this button I want to dynamically load the drag drop menu.

A: You can try to use pop up drag drop menu.

http://deluxe-menu.com/popup-mode-sample.html

You may also generate a menus from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.



Q: Firstly I'd like to say it looks like a great product. Something that would definitely be of use for our corporate intranet. But first! I have a problem with the evaluation.

I'm trying to get a click/context menu from clicking an image but no matter what I try the following .htm file errors with object required on line 15. I've read your examples / source over and over again but no joy - If I just display the menu with the usual <script> menu.js etc. entry it works but not with a popup?

Please please help if you can?

PS I've set the popupMode variable to 1 in the menu definition file.


A: The installation of your Popup menu is not correct.

If you have only one menu on your page you should write
<img src='images/note.gif' oncontextmenu='return dm_popup(0 ,2000 ,event );'>

You should also copy dmenu_popup.js file into the same folder withdmenu.js file.

More info you can find here:
http://deluxe-menu.com/popup-mode-sample.html


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