Menu Bar Button Image Css by Deluxe-Menu.com
Menu Bar Button Image Css

Template:

iPhone 1 Template - Cascading Drop Down Menu






    - Transition #14 - "fade out" effect
    - Text aligned to left
    - Image arrows
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Status string shows item labels
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover
    - 85% transparency for sub menus




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

Menu Screenshots

Menu Bar Button Image Css Javascript Onmouseover Example

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
Animated Javascript Menu Menu Bar Button Image Css
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu bar button image css 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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I make the buttons in my java navigation menu transparent?
I only want to see the letters appear in my table and not the button until I mouse over it?


A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];


Q: I'm trying to set the frame parameters to frame name body. I have tried seven different text items: body, _body, frame name=body, framename=body, "framename=body", the relative URL, and the exact URL in the titemTarget parameter (common parameters). Nothing seems to work. It always sets the target to a new window. What text do I need to enter for the default parameter to be the body frame target?

Also, is there a way to expand only the menus and not the submenus? There doesn't seem to be a halfway point. Either all the menus are open, or all closed. If I set the default to hidden, it is non-functional. If I set it to expanded, that's not what I'm looking for either.

The menu looks good; other than these two problems it is functioning properly.


A: Please, check the following parameter:

  var titemTarget="framename";

You can also set item target for each item
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],

Try that.

> Also, is there a way to expand only the menus and not the submenus?
You want to expand only the main items when you load your page?

If it is so you can set expanded items by default.

If you want to expand specific items by default you should set "+"symbol at the beginning of item text.

["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ], // this item is expanded by default
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif",
"default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ], // this subitem is not expanded by default


Q: Hello. We need some tech support regarding our deluxe menu.

All of our pages that have the menu code on them are suddenly giving status bar errors that say: "Done, but with errors on page"

When pulling up the error details, the dialog says:

Line: 2
Char: 1
Error: Syntax error
Code: 0

On pages that do not have the menu at all, we're not getting the error.


A: Now you have such code:

<SCRIPT LANGUAGE="" type="text/javascript">
<!--

  var dmWorkPath = "menu/";

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</SCRIPT>

So, your menu cannot find   var dmWorkPath = "menu/"; parameter on yourpage.

Try to write your code in the following way:

<SCRIPT type="text/javascript">  var dmWorkPath = "menu/";</script>
<SCRIPT LANGUAGE="" type="text/javascript" src="menu/dmenu.js"></SCRIPT>
<!-- (c) 2006, http://deluxe-menu.com -->


Q: Can you provide an example of how to dynamically change the menu items at runtime for the dropdown menus?
(asp is fine, but if it needs to javascript that is also ok)

A: 1) You can use API functions to affect items dynamically:
http://deluxe-menu.com/functions-info.html

2)Generate your menu items dynamically from database.
Unfortunately we don't have working example with ASP.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html
Buy Now!   ::  Free Trial Download   ::  More Info