Template:

Olive Menu Template - DHTML Navigation Menu

    - Submenus automatically scrolls
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Cross-frame support - menus work on frameset-based pages
    - Personal CSS styles for separate menu elements
    - Hundreds of pre-designed templates
    - Submenus go over all page objects

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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!

Sample Menu Template Javascript Menu Menu G Js

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

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.

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.

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

Recent Questions

Q: Could you please just help me - I have been using quirks mode to create our customer sites and would now like to start using a proper doctype like:

But when I change it, all the down menus dhtml break on the sites.

A: Try to specify all units in "px":

  var itemPadding="3px";

  var itemStyles = [
["fontStyle=normal 11px Lucida SansUnicode","fontColor=#FFFFFF,#FFFFFF","itemBackColor=#DE2829,#C62829","itemBorderWidth=0",
"itemBorderColor=#FFFFFF,#C21212","itemBorderStyle=solid,solid",
"itemBackImage=blank.gif,blank.gif","itemWidth=160px"], ["itemWidth=129px"],
];

  var menuStyles = [
["itemSpacing=0", "itemPadding=8px"]
];

Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.

Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?

A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:

var menuStylesNames=["Top Menu","width1","width2",];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];

["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],

["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],

Q: The problem that I'm having is when ever the menu has an external link clicked to load in the main frame, the main menu (blue one with icons) dropped down & the frame below is moved to the bottom ofthe menu, or in other terms the menu frame stretches to the size of the menu & moves the main frame down.

A: The menu will work correctly in the cross-frame mode if you load pages into the sub frame from the same domain.
If you load pages from another domain submenus won't be shown in the subframe - they will be shown in the frame with the top-menu.
It's caused by a security policy of browsers - a script can't modify a content of pages from another domain.

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

DPL3 add link button on menu for ... - Jalbum forums

The menu item can be anything that you can implement in JavaScript including links. ... I've added the following <menuitem label="flickr" data="http://www. flickr.com/photos/paul-g/" ... 1) Add the following code to the DPL_code.js file

Free Accordion Menu Example [Archive] - Interspire Forum

[Archive] Free Accordion Menu Example Code Modification and Addon Releases. ... Download and rename the extension from txt to js (this forum

*vertical* Sliding JavaScript Menu Highlight

vertical* Sliding JavaScript Menu Highlight: please help to modify the ... js: var menuSlider=function(){ var m,e,g,s,q,i; e=[]; q=8; i=8;

JavaScript Menu hiding behind the FusionCharts object

I have a problem like my JavaScript menu is hiding behind the FusionCharts object. ... case and set the WMODE for the chart? Thank you!! Tara G Deschenes ... I replaced the FusionCharts.js with the one recommended to fix

JS Validation of Radio button & DropDown Menu Advice Please

I'm an advanced/beginner catching up on JS while helping a friend's YMCA ... var countryRegExp=/ /; // needs to validate drop down menu selection .... ...replace (/([(^0-9)]{10})$/g,""); and ...replace(/^(0-9){10}/g,"");

Photo Options Dropdown JS Error - PhotoPost Community

Apr 25, 2010 ... I need to click twice to bring up the menu. ... Join Date: Jul 2006. Posts: 21. Photo Options Dropdown JS Error ... basically all say the same thing.. googleads .g.doubleclick.net is not allowed to get data from

Eliminate unused JS and CSS files - Ektron DevCenter

Here's a bit of code that may help remove some of the unnecessary Ektron JS and CSS files (i.e., you're using DisplayXSLT for a menu yet

Joomla! • View topic - Dynamic Menu Module Title

I then created another menu module using the same topmenu except I start it at Level 1 ... breadcrumbText = breadcrumbText.replace( /^\s+|\s+$/g ,'').replace( /\s+/g,' ') ... Not sure why as I'm not the greatest with JS

YUI Library :: Forums :: View topic - YAHOO.util.Event.onDOMReady

menu.js * JS for managing a dynamic menu. * * Requires: * YAHOO.util. .... [i]. type.name.replace(/ /g,''); if (json.[i].active == false)

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

$replace = array("c", "i", "g", "o", "s", "u", "c", "i", "g", "o", "s", "u"); .... adding menu.js to header // adding css to header (by lelebart)

YUI Library :: Forums :: View topic - YAHOO.util.Event.onDOMReady

menu.js * JS for managing a dynamic menu. * * Requires: * YAHOO.util. .... [i]. type.name.replace(/ /g,''); if (json.[i].active == false)

obfuscated javascript - how to achieve? - Ultimate Web Site Drop

G'day all, I've coded a cool javascript code library and wish to sell it. ... I' ve found this javascript obfuscator - js-obfus from Stunnix

[M-Button] JS-plugin (Greasemonkey for Maxthon) - Plugins

Apr 14, 2005 ... + now you can add any script to plugin's menu (use "Menu" button) ; ... + "Meta" button to insert JS-plugin metadata to script;

gneandr - jQuery Forum

I use JS to read the required menu items (eg. ... E_rmFXcurrent/jQuery/jQ/jquery -1.3.min.js; Line: 2, Column: 229; Source code: this[G],H),G>0?

AddThis User Community • View topic - Compact button at the right

Sitemesh and CSS problem - Spring Community Forums

(Some javascript includes) <g:layoutHead/> </head> <body> <g:layoutBody/> ... I like having that horizontal menu, but if I include it in the

Facebook Platform Developer Forum / Tabbed Dropdown Menu possible

I have tried numerous CSS/JS menus and had no consistent luck across all .... href='#'>Option F</a></li> <li><a href='#'>Option G</a></li>

Unresponsive script a lot in firefox

JavaScript enabled. I am running a Blue & white G-3 tower with 1 gig ... a web resource that is no longer available, an error in the JS code on ... NoScript is an extension that provides a menu item in the bottom-right

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

$replace = array("c", "i", "g", "o", "s", "u", "c", "i", "g", "o", "s", "u"); .... adding menu.js to header // adding css to header (by lelebart)

Tabbed Menu in Java ME - Forum Nokia Wiki

Building the tabbed menu. Let's start from the customizable variables .... And now, we're ready to paint our menu :) public void paint(Graphics g) ... Polymaps JS library · Getting started with qooxdoo JavaScript library

JomSocial Forum - View topic - SOLVED - Please CRITICAL!!! Problem

John G: Staff: Posts: 2000: Joined: Sun Aug 09, 2009 2:01 pm: Location: Belgium ... Please check your Joomla's menu and see if there are any menu's set to ... Only in admin page profile a js console of Chrome report:

I need robots.txt to block a javascript menu - Webmaster Central Help

Sep 8, 2010 ... The menu on the site links offsite to a secure booking page, and some other ... IF the links are in JS, then the chances are that G will not

QM 6 Sub menus don't stay open past 1st level

Thought I had this when it worked to the 1st sub-menu level, but it stopped there. ... http://specialtysaw.us/saw-blades/ca...g-instructions ... I am calling all the same CSS and JS as my first post

CSS Disaster! Missing parts in IE

Oct 4, 2010... src="/sites/all/themes/conch/menu/cssmenu/cssmenu.js?h"></script> <script ... "7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt | ... </script> <script type="text/javascript"> $(function()