Menus En Javascript by Deluxe-Menu.com
Menus En Javascript

Template:

Blue Rounded Menu Template - CSS Menu Dropdown






    - Submenus go over all page objects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Relative/Absolute menu position
    - Hundreds of pre-designed templates
    - Filters and Transitional effects
    - Submenus dropdown on mouseover
    - Personal CSS styles for separate menu elements
    - Top items and submenus have a shadow




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

Menu Screenshots

Menus En Javascript Layer Dhtml

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

Features

Cost Effective
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
Expandable Tree Menu Html Menus En 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
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 menus en javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".

Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:

- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.

Why no font paramenters for Submenu Items?


A: You can assign Item Style for the submenu item too.

See the example:

  var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
  var menuStyles = [
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0


Q: I have tried various different ways,I cannot get a separator image I have specified in the Separators section to display for the navigation-bar-menu. I have verified that the image exists, but still nothing.

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 (you can do it in Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: We'd like to underline dhtml pop up menu items on hover but we can't do it with those spaces.

A: To set align for the one dhtml pop up menu item only you can use the following method:

instead of

["email a temp expert                               ","email.html", "", "", "", "", "15", "", "", "", "", ],

you can write:

["<div align=left>email a temp expert</div>","email.html", "", "", "", "", "15", "", "", "", "", ],

and set fontDecoration=none,underline style for this item:

["itemWidth=248px","itemHeight=41px","itemBackImage=dd-data.files/emailatemp.JPG,dd-data.files/emailatemp.JPG","fontStyle='bold 11px Arial',''","fontColor=#005D8C,#002030","fontDecoration=none,underline"],



Q: I used Deluxe Menu and generated a beautiful drop down navigation menu for our school web page. however, I am using MS FrontPage and apparently it is blocking the content. Whenever I bring it into the program all I get is a text drop down navigation menu. What am I doing or not doing?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the drop down navigation menuinto your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
2. open the page in Frontpage
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data-deluxe-menu.js"></script>//your data file created in Deluxe Tuner
...
</body>
You should copy all engine files and images for the drop down navigation menu in "deluxe-menu.files/" folder and paste it in the same folder with you .html files.

Engine files:
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js

That's all.

It is possible that you'll have errors in the preview but your drop down navigation menushould work fine in the browser.



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