Infinite Menus

Welcome to Infinite Menus!

Infinite Menus uniquely combines pure CSS, a tiny 9K of JavaScript, and HTML lists to create the ultimate professional grade drop down menu.

The menus simple, yet flexible design, allows it to easily integrate with even the most complex dynamically generated sites.  Extremely low code overhead delivers the fastest load time and reaction speeds possible in a menu.  These capabilities are matched on every common browser for both PC and Mac (IE, Netscape, FireFox, Safari, Opera).

The menu may be manually text edited or visually customized using the optional design pad.



ptional Add-Ons (Modules)

Additional modules which add RSS support, animations and more must be added to your source code when using these menu features.  The visual design pad will automatically add the appropriate add-ons  for you.

If you are manually designing the menu, you will need to manually add the modules for these extra features to work.  The modules are simply JavaScript code and may be found in the 'optional_modules' folder.  The template menu in the root folder by default contains all the extra modules.

IMPORTANT: If manually adding the modules, place the source code or script references to the modules directly before the Infinite Menus source code.



Menu Features & Advantages


FAQ


Q: I added the HTML for a new sub menu in the structure but it did not appear?
A:
This is usually a syntax error, double check that you have nested the new sub menu within its parent items <LI> tag.  Double check that the list items closing tag (</LI>) is located at the end of the sub menu HTML you added and is not doubled up.
 

Q: How do I position the menu in my document?
A:
The menu positions itself as an inline block level element at the point of insertion within your HTML source code  (similar to positioning a table or div within your page).  To move the menu, move the entire menu structure (including comment tags witch identify the menu structure and links section) to an insertion point of your choosing within your HTML source code.  If using the separate files sample, move the <SCRIPT> tag which references the 'imenus_data.js'  file instead.


Q: How do I make the menu 508 compliant?
A:
The menu structure and links are contained within a DIV which by default is set to 'display:none;'.  To make the menu compliant remove the 'display:none' statement.  *Note: You may notice a flicker when the page loads with this statement removed from the DIVs inline style.


Q: What is the difference between the active and hover states?
A:
The hover state applies when the mouse is hovered over a menu item, the active state applies when an items child sub menu appears.


Q: The menu is not working and in its place is a static listing of all my menu items?
A:
This means there is a syntax error somewhere within your menus parameter settings or the HTML structure and links.  The best thing to do is carefully review your last changes for missing quotes, typos, etc.  A single syntax error will throw the menu into static list mode, we recommend backing up your menu regularly as you work.


Q: Can I add a custom bullet or icon to each of my menu items?
A:
Yes, simply add an <IMG> tag within the <A HREF> tag for the item you with to apply your custom image to.  You can add any custom HTML you wish to each menu item, keep all HTML nested within the items <A HREF> tag.


Q: Can the main menu be Vertically oriented instead of Horizontal?
A:
Yes, within the menus parameters is a setting titled 'this.main_is_horizontal', set the value to false for vertically oriented menus.


Q: How do I add more than one menu to a single page?
A:
There are two ids which identify different parts of the menu...

To add a second menu add a new menu structure and a new function with parameter settings.  Next, increment the numeric id of both ids outlined above...  they would become... 'imenus1' and 'menudata1'.  An infinite number of menus may be added to any page using this technique.

 

OpenCube Forums

For additional help try search the OpenCube Forums at http://www.opencube.com/forum

Infinite Menus (c) Copyright, 2006 OpenCube Inc. All Rights Reserved.