Floating Menu Javascript by Deluxe-Menu.com
Floating Menu Javascript

Menu Screenshots

Floating Menu Javascript Drag And Drop Dynamic Html

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your floating menu javascript 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 menu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Menus Javascript Floating Menu Javascript
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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: What the options of CSS Submenu, CSS Item, and CSS Text each handle.
What are the differences in the application?


A:   var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.

  var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.

  var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.

It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.

I sent you an example with css. Please, see how you can use css in themenu.


Q: As I have stated before, your Deluxe-Menu is very very good.

But there is allways room for improvement.

Is there any chance to see support for the following in Deluxe-Menu:

When I move the mousepointer above a menuitem and right-click I would like to see in the javascript contextual menu (the context menu provided by the browser):

Open Link in new window
Open Link in new tab

If the above is not possible or not something you want to enable.... then, there should be possible to make a workaround to make this work:

I see there is support for custom javascript contextual menus.....
.... is there any possibility to make a custom context menu that show above a menuitem and that show when right clicking on the menuitem.
Should hopefully be possible to create in such way that I create one context menu in javascript (the deluxe menu way... ) , but when clicking on "Open link in new window" from that custom menu, then the JS code should call a javascript function of mine (or yours), with a parameter related to the menuitem that was right-clicked...
And this javascript function should be able to resolve the actual URL (based on the input parameter rel. to the menuitem) and then open a new window using window.open()

If not possible to implement using the native browser context menu, then I belive it should be possible to do it using my workaround how to.....
Just a thought....
Any suggestions on how I can make the workaround work, or if maybe you could support the workaround in some way in future releases of Deluxe-Menu?

A: Yes, there is a workaround.
You can write your items in the following way:
 ["|<a href='http://www.domain.com' class="link">test test test</a>",""],

You should assign style for this link.
A.link {
...
}
A.link:hover {
...
}


Q: When one of my menu items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow for the dhtml rollover?
Basically, I want the links of the menu items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: 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/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Spidering Javascript and DHTML - Wrensoft Forums for Zoom Search

Spidering Javascript and DHTML Zoom Search Engine V4 (Old Version) ... Floating DHTML menu problem with zoom hit-higlighted pages, Anonymous

Customize the Ning Navigation Menu Bar: Add Background Images to

This Tutorial will not only show you how to add images to your menu tabs, ... I loved the floating images tip. Added a cute little animated bookworm. :)

Choosing Screen Resolution [Archive] - Small Business Ideas Forum

Another issue is your link colour on the left handed menu bar, .... there is only one page to edit for the whole site (plus a tiny javascript). ... other than that I have already removed the floating menu because it was

Web Design Forum -> CSS, XHTML/HTML & JavaScript

Aug 30, 2010 ... CSS, XHTML/HTML & JavaScript: CSS, XHTML & javascript - Having trouble with CSS post your question here. ... Menu appearing behind Javascript But only on my laptop, Demonolith .... Floating Divs with padding · 01chris

OpenCart Community • View topic - product categories & subcategories

floating menu is bad idea for products, because you have to be precise ... javascript but search engines will only see the unordered list

CSS Floating wrong in IE...why? - Ultimate Web Site Drop Down Menu

IE, on the other hand, still counts the "floating" contents as being "within." At least, this is my diagnosis ... accessible javascript menu

FormAssembly.com Support Forum - Remove the 'Please select' option

However, they are not floating correctly because of the width of the date of birth menus. The menus would be thinner if the first select

GimpTalk • HOW CUSTOMIZE YOUR GIMP MENUS

i want add to the EDIT menu a “Apply Image”(as it is called by photoshoppers ) feature. In Gimp language that means : copy visible+paste (as floating .... JavaScript, PHP, MySQL help forum, Repeatedly Asked Questions

drop down tool tip

Jun 6, 2005 ... i am having a series of drop down boxes one by one in a row. my tool tip ... involve calculating of the position of the floating elements and wither they ... Re: Need Javascript Multiple sidebar menu with sliding effects

CSS: menu disappears behind flash elements - Webmaster Forum

This allows elements floating in front to be visible. ... <a href="javascript: void showDiv('thadiv')">Show DIV</a><br /> <div id="thadiv"

Mouse Over Image Enlarge off the cursor

Oct 25, 2006 ... I have scanned the javascript and can only see Largetitle, ... Also the enlarge is not a floating box as such but a full width band with the

How to detect right mouse click --> paste - WebDeveloper.com

2) right-mouse click on the textarea, from the floating menu, ... Since it is trivial to disable JavaScript for a web page to bypass all of

Floating Side Menu

Oct 20, 2009 ... Floating Side Menu Origin: DynamicDrive.com Original Script: Omni Slide Menu ? ... <script src="menuItems.js" type="text/javascript">

JavaScript DHTML Dock Carousel Using Mootools - Open Web Design Forums

This is an awesome navigation menu with an unique and eye-catching ... Javascript floating message - Javascript multi level drop down menu

A complex problem? - WebDeveloper.com

Aug 29, 2010 ... These 2 functions are hiding or showing a java floating menu. It doesen't work though and after 5 days of I decided to ask for help here

Floating Footer Menu - Hints and Tips for uCoz - Other - uCoz

Floating Menu --> <div style="position:absolute;position:fixed;bottom:1 ... padding-top: 4px;"><a href="javascript://" onclick="$('#menu')

Valid ideas • KDE Community Forums

This new interface is designed to work both with or without JavaScript support by the browser, offering a variety of features like the dashboard with a

Using Moodle: Floating navigation menu in 1.5 themes

You can then include the XHTML in your header or footer, and combine it with Javascript to create menus that work/look like the floater on

Keeping menu HTML code on my hosting server

Nov 21, 2009 ... So now you see that anything can go into the floating bar. .... Store your menu configuration in JavaScript .. it will looks something like:

SmartMenus DHTML Menu / JavaScript Menu - Forums / Can't make a

s_add( {N:'test_menu',LV:1,W:130,T:11,L:1,P:true,S:s_CSSTop, FTY:true,FTX:true, FTT:1,FTL:1 // the properties used to make the menu floating

Forum Swt Menu Background Color Template - Javascript Menu Template

Build an effective web site navigation with Vista JavaScript Menu! ... Floating Menu Script free horizontal submenu template

floating banner ? - AdSense Help

Feb 9, 2010 ... Im confused about using floating banner ads menu some say yes google allow floating banner while it doesn't cover any content and others say

Code for Floating or Scrolling Div

What is that interactive code that appears to be JavaScript that allow for the floating and/or scrolling divs or tables to float or scroll

Slideout Menu

Feb 12, 2010 ... Plus these edits on the "menu" javascript sheet ... or the floating friend requests reminder bar? - General rules · - Tricks & Tips