Joomla Menu Flotante by Deluxe-Menu.com
Joomla Menu Flotante

Menu Screenshots

Joomla Menu Flotante Javascript Menubar

Features

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
Cost Effective
Topmenu Jscript Example Joomla Menu Flotante
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed joomla menu flotante samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.

A: No, there is no such a feature in Deluxe Menu v3.2.7.

You can write your item in the following way:
 ["|<a href='http://www.domain.com'>test test test</a>",""],

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


Q: I purchased your product yesterday and was quite impressed, but I am having a bit of a problem with my submenuitems.
In the general menu properties there is a "Global"   var titemHeight = 22;
My problem is that I would like my upper level of my drop down menu to have one itemheight and my submenuitems to have a smaller height. Is this possible?

A: In the XP Style

  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use

  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper level of your menu items.




Q: How can I have the option for the navbar tabs that initiated the action highlighted once the new page is reloaded?
I want to highlight the tab which is done with 'bselectedItem', please tell me about thesub-tab option.


A: See you cannot create subitems in:
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>


Q: I am trying to have the selected top menu w dhtml item remain on the mouseover event after it is selected. It seemed to be working fine when i was just testing with # as a link but when i actually linked to different pages it returns to normal. How do i get this to work.

I tried removing the variable from the data file and calling it using
<script type="text/javascript" language="JavaScript1.2">   var pressedItem=set 1,2,3 depending on page </script>
but this does not seem to work as it does for tabs.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">menu w dhtml by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.