Template:

Olive Menu Template - DHTML Navigation Menu

    - Status string shows item labels
    - Top items and submenus have a shadow
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus automatically scrolls
    - Items with icons
    - Filters and Transitional effects

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

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!

Cost Effective

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

Java Script Explorer Style Using Spry Horizontal Menu Joomla

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

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

2.0 Buttons by Web-Buttons.com v3.0.0

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

Javascript Menu. DHTML Menu.

Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

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

Recent Questions

Q: Looks like submenu text for the rollover menus is too long for the background.
How can I ensure the background is the same length as the longest word in my submenu list for the rollover menus?

A: Try to change the following parameter:

var smWidth="100%";

Set it:

var smWidth="";

Q: Can I use my own images as the tabs in a div tab menu?

A: The Drop down menu items have the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.

So you can set your menu items in a such way:

var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
["|","testlink.htm", "icon3.gif", "icon3o.gif"],
["|","testlink.htm", "icon4.gif", "icon4o.gif"],
["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];

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

Joomla! • View topic - Spry in Joomla

Reason I am using spry i cause I need to make a gallery but every .... I basically copied the JS files links that the menu was using in my

Problème avec menu css

1 juin 2009 ... Joomla menu parent css - Forum ... Menu horizontal css list style image sur un li - Forum ... Ajouter separateur menu joomla css - Forum ..... Spry.Widget. MenuBar.prototype.createIframeLayer = function(menu)

Menu avec onglet en CSS

19 mai 2008 ... J'ai créé (avec Joomla) un menu afin de répertorier les pages de mon site web. ... Menu horizontal déroulant en CSS multi niveaux - Forum ... Spry menu a onglet - Forum. Meilleure réponse: tu peux ajouter une class qui

Menu, messages du forum de programmation Javascript / Ajax / DHTML

J'ai essayé pas mal de choses mais rien n'y fa Menu Joomla affichage accents ... J'ai créé un menu déroulant-horizontal avec spry de dreamweaver cs3

Required File and Spry Validation - General - Support - Pure ASP

Try submitting the form and you can see the Spry validation in effect. ... We have tested Spry validation with PAU3 validation with your specific case, and as it seems Spry .... Photo Albums and Slideshows · Popup Menus and Tooltips in Dreamweaver ... Joomla. Drupal. MovableType. Blogger. Custom CMS

SELFHTML Forumsarchiv / 2009 / Oktober

Dreamweaver / Spry Menü (CSS). 28. 10. 2009, ftdesigner, (JAVASCRIPT), Seite ... ZUFÄLLIGE hintergrund bilder JOOMLA theme anpassen ...... Menu mit UL LI in Firefox < 1.5 horizontal statt vertikale Listu

Menu com submenus - Fórum Comunidade Portuguesa de Joomla

9 dez. 2009 ... Nesse site (não joomla) usaram o Spry Menu Bar ... menu horizontal com submenus horizontais, tulipa81, J1.5 - Temas, 1, 06-06-2008 17:15

How to use dreamweaver spry menubar? - Mambo CMS Forum

The Spry menu needs to be added to your template's index.php and any ... There is two ways of introducing Javascript, using the script tags

SELFHTML Forumsarchiv / 2009 / Oktober

Menu avec onglet en CSS

Phpbb Forum Css Editor : Free CSS Menu Maker

Using this FREE CSS3 Menu you can create great looking buttons using just CSS3 in a few clicks. ... border opacity css3 Horizontal Css Menu Bar ... Truble with Joomla / phpBB / CBconnector. Admin Login and Password Don't Work Anymore. sg - Joomla 1.5 .... Re: CSS doesn't work when closing the spry problems

Creative Menus for Dreamweaver

Error while using CM: While executing onClick in xtd_CM_CreateMenuV.htm, a JavaScript error occurred. 12. Ari Ellenbogen .... So frustrated with Spry menus in PC Firefox & Safari ..... Problem with Horizontal menu automatically expanding ... Creative Menus in Joomla. 1. Andrei Rinciog [Extend Studio]