Dropdownmenu Collapsible Menu Oscommerce by Deluxe-Menu.com
Dropdownmenu Collapsible Menu Oscommerce

Menu Screenshots

Dropdownmenu Collapsible Menu Oscommerce Professional Javascript Tab Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdownmenu collapsible menu oscommerce samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Drop Down Css Dropdownmenu Collapsible Menu Oscommerce
Cost Effective
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
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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I have built a menu which will sit in a frame on the left hand side of the page.
When sub menus are selected they display in the same frame.
How do I make them appear over the adjoining frame?


A: Please, check you dm_init function. You should write it so:
dm_initFrame("frmSet", 1, 2, 1);

More info about cross-frame mode you can find here (see additional info):
http://deluxe-menu.com/cross-frame-mode-sample.html

See cross-frame vertical orientation Sample (left-to-right) here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: I'm testing out your cascading html menu but I cannot seem to see the live version of it on line. I can view it on my computer but I cannot send a link to my coworkers so they can view it also. Am I putting the code in the right location? Please point me into the right direction.

A: It is not correctly to call data file inside H2 tag
<h2> <script type="text/javascript" src="test1.js"></script></h2>

You should write
<script type="text/javascript" src="test1.js"></script>
or
<div>
<script type="text/javascript" src="test1.js"></script>
</div>

Check that you uploaded dtree.js and test1.js files on your server.


Q: We bought a tab menu javascript licence yesterday and we can't figure out how to implement it into our web site.


A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],  ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for
example:javascript:alert(\'Hello!\')
So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],


Q: There is a portion of my site that is set to produce frames and I was wondering if there is more information about setting links in a javascript collapsable menu to selected frame pages?

A: You can specify target parameter for each item in javascript collapsable menu individually.

For example you can specify the name of the frame in the menuItems where you would liketo open your link:

 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "frame", "", "", "", ],