Cs Cart Accordion Menu by Deluxe-Menu.com
Cs Cart Accordion Menu

Menu Screenshots

Cs Cart Accordion Menu Javascript Menu With Submenus Vertical

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
Cost Effective
Creating Menu And Submenu In Javascript Cs Cart Accordion Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your cs cart accordion menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed cs cart accordion menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I place all of my files in folders.  If I want the Deluxe menu to work I have to have the Deluxe menu saved in each folder for it to work with the files inside those folders. 


A: There is no need to copy al files for the menu in each folder.

To install the menu you can use such paths:

<script type="text/javascript">  var dmWorkPath = "../menudir/";</script>
<script type="text/javascript" src="../menudir/dmenu.js"></script>

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Q: Can I add the value of the parameter to the link where I want my application to go when I active a submenu in the menu script?

A: Actually you can add php code inside menu links.

If you define your parameter in .js file you should write yourlinks in the following way, for example:

<?
....
$key = 123456;
....
?>
["Home","www.domain.com/home.php?key=<? echo $key ?>", "", "", "", "", "", "", "", ],

If you define your key parameter in the php file you should move your
menuItems into your php page directly:

<?
....
$key = 123456;
....
?>

<script type="text/javascript">
  var tmenuItems = [
['Deluxe Menu','http://deluxe-menu.com','icon.gif',,,,,],
['Deluxe Tree','http://deluxe-tree.com','icon.gif',,'New!',,,],
['Deluxe Tabs','http://deluxe-tabs.com','icon.gif',,'New!',,,],
["Home","www.domain.com/home.php?key=<? echo $key ?>", "", "", "", "", "", "", "", ],
];

dm_init();
</script>



Q: How do I change the font style for menus to bold, but leave the sub-menus normal in the html navigation bar?
I understandthere’s a “fontStyle” variable, but is there an “itemfontStyle”?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

  var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems

//style for the top items:
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];