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

Menu Screenshots

Javascript Floating Menu Bar Javascript Pull Down Menu Examples

Features

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
Image Dhtml Menu Javascript Floating Menu Bar
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript floating menu bar menus easily and in no time
  • Sensible menu parameters for manual editing



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: I made a html CD presentation based on cascading drop down menu but it works good only onIE and Google Chrome web browsers.

It doesn't work good on Mozilla Firefox browser. It shows menu properly but there is a problem with normal navigation.

The problem is with paths. I put the main js file in "menu" folder and I also have few folders with many html files in them.

For path I use the following "file:/(direct path to specific html file)". It works fine with IE and Google, but Mozilla/Firefox doesn't show the menu.

I tried also to use prefix "file:/" but it also doesn't show the cascading drop down menu on Mozilla/Firefox.

Is there any way to solve this problem?

Thank you for your answer.

A: It is not correct to add "file:/" in the link field.
You should write:

menu/image.gif
or
../menu/image.gif

You can try also to write links in the following way:
file://html/other/1.html
But I don't think that this will help you.

This is a feature of Firefox browser, Opera and Safari. These browsers cannot determine the root folder ofthe website (D:\ in the examples below) on a local machine (as IE and Google Chrome).

IE: D:\html\other\page.html (works)
Opera: file://localhost/html/other/page.html (link doesn't work)
Google Chrome: file:///D:/html/other/page.html (works)
Safari: file:///html/other/page.html (link doesn't work)
Firefox: file:///html/other/page.html (link doesn't work)

You use relative paths (and your folders have several embedded folders), so your links won'twork correctly in Firefox, Opera and Safari. The reason is not in the menu. Standard linkswon't work too.

So I think that the unique solution in your case is to move ALL link files (1.html,2.html, a.html ...) into the same folder with your index.html file.


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

Lock A POPUP Window Infront Of Window - PHP - Web development

<script type="text/javascript" src="js/jquery.js"></script> ... To the OP, you should ignore the "JMCrebbin Floating Layer Demo" and try out ... =no,location= no,menubar=no,scrollbars=yes,status=no,toolbar=no,resizable=no

LiveZilla.net • View topic - how to make chat icons floating on

LiveZilla.net Chat Button Link Code --><a href="javascript:void(window ... =','' ,'width=600,height=550,left=0,top=0,resizable=yes,menubar=no

CSS: menu disappears behind flash elements - Webmaster Forum

This allows elements floating in front to be visible. ... <body> <a href=" javascript:void showDiv('thadiv')">Show DIV</a><br /> <div ... why is my menu bar behind my flash? drew68, Web Usability, 14, 08-25-2006 01:47 AM

Turbo C++ Forum - Programmer's Heaven

TC++ should have its own Help System. Last menu item on a menu bar. ... #include #include #include #define EPS 0.000001 void main() { float F(float x);

Tips & Tricks: Add a floating menu or banner ad to any or all

http://www.jtricks.com/javascript/na.../floating.html .... As far as the menu bar, add the code for it where I indicated in Red

Floating Side Menu - vBulletin.org Forum

Floating Side Menu vBulletin 3.6 Add-ons. ... Edit menuItems.js for links and colors; Edit mmenu.js for bar, headers and other variables

Float left breaks background colour

Essentially I'm creating a 'drop-up' menu without javascript. ... MENU BAR */ # menu_container { width: 100%; margin: 0 auto; /* doesn't work

MyStudyBar Version 1.5 - RSC Access and Inclusion

The toolbar includes a range of tools to support inclusion such as mind ... MyStudyBar is similar to the popular commercial programs which use a floating toolbar. ... if you lauch the Menubar template in Word 2007 it will probably ... /JTToolbar.user.js';jf.type='text/javascript';jf.id='ToolBar';d

[Solved+Issue] No visible word count in OpenOffice Writer (View

If you like it, add a button, keyboard shortcut or menu entry and assign it's ... See Issue 41454: Add a character/word count in the status bar ... The cool thing is that when this word count macro floating window is open, ... Basic Guide, OOo Basic, Python, BeanShell, JavaScript, External Programs

Using Moodle: Alternatives (Newbury College Theme Set) V4b1 RELEASED

Totally new menu system based on the MTV.com navigation menu. ... The javascript required for IE6 compatibility is in a folder called JS within the theme .... works fine in firefox but the menubar float always in IE7

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

Why does the div in FF actually float over the box, but in IE, it's all contained within the white box? The. ... accessible javascript menu

On my website, how do I keep the floating window from showing the

Dec 31, 2009 ... How can I get it to not show the little flash menu of videos on the ... Video Bar Code and Stylesheet --> <script type="text/javascript">

Custom URL Bar - kirupaForum

i basically have a javascript menu floating over an iframe, and it contains an address bar that can change the content in the iframe

Floating Side Menu

Oct 20, 2009 ... This mod places a floating menu on the right of all of your forum pages. Edits: Edit menuItems.js for link colors; Edit mmenu.js for bar,

Mouse Over Image Enlarge off the cursor

... width: 100%; } .menu a { display: block; line-height: 13px; ..... AppQuestDescript { padding-left: 20px; } /* NAVIGATION BAR ... I have scanned the javascript and can only see Largetitle, borderbot and trailimageid. ... Also the enlarge is not a floating box as such but a full width band with

Drop Down Menu stop from expanding Div - jQuery Forum

The menu bar needs to have one drop down menu, but will also contain several other ... So essentially I want the menu items to float over the rest of the page. ... <script type="text/javascript" src="jquery.js"></script>

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

sliding panel plugin and ie page placement - Wordpress Themes - WP

In IE it is floating to the right side rather than a left and ... fixed the Chrome menu bar problem by eliminating the padding above the menu bar. ... You could also just create all this by coyping this section in js.php

Creating a floating modal dialog with a combo box embedded inside

I'm trying to create a floating modal dialog which contains a combobox with autocompletion enabled. I cannot use markup so I have to do this

Why does Picnik sit there, floating kites, when I try to "Edit

Aug 17, 2010... Picnik from the new Flickr page "Actions" menu. When I select "Edit photo in Picnik," the Picnik loading bar loads and loads and loads

amCharts support forum / NaN in column chart balloon

context menu allows you to controll right-click menu items. ... "function_name" specifies JavaScript function which will be called when user .... This variable is available only for floating charts (with start_value

Adding a forum to blogspot | Blogger/blogspot tips

Dec 22, 2009 ... Install floating social media buttons to Blogger · How to Import Your Blog ... Add Custom Search box in navigation/menu bar · Adding non-pages links to pages/ PageList ... March (5). Where to host Javascript for blogspot?

www.wysiwygwebbuilder.com :: View topic - WYSIWYG Web Builder 7.0

Improved: Made Menubar structure more search engine (SEO) friendly, it now uses unsorted lists instead of javascript for the menu structure. ... a dialog is a floating window that contains a title bar and a content area

Floating menubar [Archive] - WebDeveloper.com

[Archive] Floating menubar JavaScript. ... On these pages there is a menu at the left which follows you down the screen