Extjs Float Menu by Deluxe-Menu.com
Extjs Float Menu

Template:

Black Red Menu Template - CSS Menu Pulldown






    - Search feature - add the search area in the menu and type symbols.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Personal CSS styles for separate menu elements
    - Text aligned to left
    - Relative/Absolute menu position
    - Cross-frame support - menus work on frameset-based pages
    - Items with icons
    - Image arrows




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

Menu Screenshots

Extjs Float Menu Dhtml Hide Browser Navigation Bar

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



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I downloaded the free trial version and so far it looks like we can do everything. I have a couple questions:

the designer wants it so that when any of the submenu choice are selected, the main main menu in java item should be highlighted when the submenu page is displayed (kind of a breadcrumb). So, is there any way to change the background image of one of the main menu items after the menu loads? I haven't tried running my main menu in java in a webpage yet so I'm not sure if you generate a separate CSS file or put all of the settings into a STYLE= attribute of each tag.

A: The main menu in java 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">Javascript Menu 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.



Q: I would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.

Where do I add an alt tag in the data file?

A: You should use the fifth parameter in menuItems

[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],

For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
 ["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
 ["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
 ["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
 ["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],



Q: I recently purchased a license to use Deluxe Tree Menu.

The javascript array menu is looking great in IE6.0, but there are some very odd images that show up in Firefox. Please help me resolve this issue.

I believe I made modifications from the template of Vista Style 7, although I'm not certain of this. I've deleted unnecessary images from the folder, zipped it up, and have attached it to this email. You'll see the problem on the AboutUs, Services, and Gallery pages.

A: Please, check that you have blank.gif image in the correct place.

For AboutUs page:
  var tblankImage="aboutusmenu.files/blank.gif";



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