Side Left Accordion Menu by Deluxe-Menu.com
Side Left Accordion Menu

Menu Screenshots

Side Left Accordion Menu Popup Menu Bar Javascript Tutorial

Features

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
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
Vertical Menu Dhtml Web Design Side Left Accordion Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your side left accordion menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Is it possible for a navigation bar item to have an associated "target"? What I mean is I'd like to be able to open the page in a new window, so I'd need to specify the href as well as "target=_new" (in HTML anyway).

A: You can set target parameter for all items:
  var itemTarget="_blank";

Where main - is the name of the main middle frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],




Q: I want to use a Flash icon with sound next to the menu items, is this possible?


A: Yes, you can use a flash icon in the menu items.
See how you should install your flash icon:

  var menuItems = [

["<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='50' height='50'><param name='movie' value='data.files/bullet_orange.swf'><param name='quality' value='high'><embed src='data.files/bullet_orange.swf' quality='high' bgcolor='#FFFFFF' width='50' height='50' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'></embed></object>Home","testlink.html",""],
["Product Info",""],
 ["|Features","testlink.html"],
 ["|Installation","testlink.html"],
...


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

Free Accordion Menu R2 [Archive] - Interspire Forum

[Archive] Free Accordion Menu R2 Code Modification and Addon Releases. ... have an 'expand' icon (eg a + of > sign) next to the left of the main category menu. ...... your coding works really well at our side. Thank You

Expanding Menu - Help Please! :: Forum :: Indexhibit

I have my menu now aligned to the right but now the vertical accordion motion has been replaced with the list flying in from the left? how

ddaccordion menu? - Storesprite.com Shopping Cart Ecommerce Forums

width: 180px; /*width of accordion menu*/ ... background: black url(titlebar.png ) repeat-x center left; .... (but not the admin side) I am unsure if this should be in or not but makes no difference either way

First project with VM (little scare)?

3— An accordion menu with “unlimited” sub-levels will always be on the left ... The left menu have an active state that always show where the user ... email ( with roll back if html is not accepted (mostly user side) with

struggling creating an accordion style shop menu for my website

Accordion menus generally require javascript of some kind. .... my items im selling to appear on the right hand side the menu on the left

Ext.Button width

Here is my code: new Ext.Panel({ layout: 'accordion', ... Is it possible to set a width of 100% to an Ext.Button that is inside an Accordion Menu? .... which contained the new button, and anchored it to the right side of the screen. ... padding-left:3px; padding-right:3px; width:auto;

Free Accordion Menu Example [Archive] - Interspire Forum

[Archive] Free Accordion Menu Example Code Modification and Addon Releases. ... Are there any details left out of the instructions? ..... if the categories didn 't expand/contract vertically, but rather came out the side

adaptation contrib Accordion Menu for Categories - Forum osCommerce-fr

j' essaie d' adapter cette contrib Accordion Menu for Categories .... ' MODULE_BOXES_CATEGORIES_CONTENT_PLACEMENT', 'Left Column',

Panel Menu not showing up

I cannot seem to be able to configure the Panel Menu for the Praise me template ... copied the module and replaced the template file with accordion/menu.html. ... But the menu keeps on showing up on the left side instead of as a drawer

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

Mar 11, 2010 ... Anyone tried to use accordion, tree or sliding menus with Flexicontent? ... I need a tree menu to show categories in left side of page

Beginners Accordion Help - jQuery Forum

I'm working on an accordion menu for a side navigation bar. ... #menu div {width :100%; float:left; padding-left:20px;} .menu_head {}

Page & Category Menu Bars - Page 25 - Wordpress Themes - WP Forum

accordion menu, plugin, problem, sidebar, widget the popular plugin accordion menu ... sub pages as vertical menu (in left side of screen)

RocketTheme • View topic - [SOLVED] Accordion Menu on the Left Side

i want have on the left side a menu with accordion effect! is this possible? Can i copy the mainmenu as a new menu modul and place it to the

accordion menu for dnn 5 > DotNetNuke Forum, DNN Creative Magazine

Feb 17, 2010 ... I am building a new site in dnn 5 and want to use a 2 col left menu layout. ... this kind of accordion menu for purchase to be used in dnn 5?

Rico Forum - Accordion menu with graphics example

Im having trouble keeping the accordion box from expanding left to right (width) but your site is very nice. -Wally. Re: Accordion menu with

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

collapsible : menu works like an accordion but can be fully collapsed ..... showing a page where the menu should appear on the left side,

DHTMLX Forum • View topic - layout nested in layout resizing

//initialize the accordion of the left side container { ... //Initialize the grid used as a settings menu {

Action List? | Adobe Acrobat

... can choose from are shown in the accordion list on the left side. ... including in an Action do not contain all of the menu choices I

Easy slide down menu

Aug 19, 2010 ... i found a template of that menu style here(menu on the left hand side), Simple list based menu and then they give the code for it HERE ... Making Accordion menu using jquery · Digg this Post!

bug with images in other folder (Page 1) - AutoViewer

... /*width of accordion menu*/ } .arrowlistmenu .menuheader{ /*CSS class ..... to be working fine, except for my logo on the top left side

Flowplayer Forums - Tabs within Tabs within Tabs History

Then depending on the selection, accordion menu on the left hand side (also done with the help of tabs, so tab with tab)

2 - RocketTheme • Search

I don't know how your menus are set up but if the side menu mirrors the main menu ... I'm working with an accordion menu in the left module position and a

JavaScript Accordion menu persist through site... - WebDeveloper.com

The accordion menu is working fine... but I need to be able to make it's unfolded ... SideboxTreeMenu a { display : block; padding-left : 12px; text- decoration .... Search Forums, Forums Home, Client-Side Development

Joomla! • View topic - [TUT] How to add accordion menus to your

the submenu appear at the left side of the mainmenu. can you provide a link to a page in your site with the accordion menu