Flex Horizontal Menu by Deluxe-Menu.com
Flex Horizontal Menu

Template:

Dell Style Template - Horizontal Dhtml Menu






    - Sound support!
    - Status string shows item labels
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Personal CSS styles for separate menu elements
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Hundreds of pre-designed templates
    - Filters and Transitional effects
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Flex Horizontal Menu Dhtml Menu In Table

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
Cost Effective
Templates Menu Javascript Flex Horizontal Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your flex horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
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!



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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


Q: The items of the flash drop down menu hides behind the video. Do you have other suggestions?

A: You should add "opaque" parameter for <object> and <embed> tags, for example:

<object width="750" height="435">
<param value="http://www.youtube.com/v/_-OiQygm2uU&hl=en&fs=1&autoplay=1" name="movie"/>
<param value="true" name="allowFullScreen"/>
<param value="always" name="allowscriptaccess"/>
<param name="wmode" value="opaque">
<embed width="750" height="435" allowfullscreen="true" wmode="opaque" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube.com/v/_-OiQygm2uU&hl=en&fs=1&autoplay=1"/>
</object>



Q: Thank you in advance for reviewing my question. By the way, I love the software and the menus it creates!

  Question: I would like my horizontal menu buttons all have a uniform width, for example, all 7 top level buttons 120 pixels wide. I am not finding this setting in the available parameters.

  Is there a way to do this? Any assistance would be appreciated.


A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],


Q: I am trying out your menu and I've made out a little test case in the attached file.

If you run it, you will see that the horizontal drop down menu css scrollsOUTSIDE the container div to the edges of the window. Is there anyway I can make the hhorizontal drop down menu css be within the container div and yet scroll?

And will the solution be cross-browser?

Note that menuDiv needs to have a collapsableDiv style. I am assuming that that is not a problem.

A: Try to set exact width for the submenu:

  var smWidth="925px";



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