Adding Cascade Menu In Zencart by Deluxe-Menu.com
Adding Cascade Menu In Zencart

Template:






    - Image arrows
    - Submenus dropdown on mouseover
    - Text aligned to left
    - Status string shows item labels
    - Items with icons
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Cross-frame support - menus work on frameset-based pages
    - Relative/Absolute menu position




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

Menu Screenshots

Adding Cascade Menu In Zencart Scroll Menu Expand

Buy Now!   ::  Free Trial Download   ::  More Info

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
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!
Menu Slide Dhtml Sample Adding Cascade Menu In Zencart
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed adding cascade menu in zencart samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm testing your menu, however this always display the result of the execution of this code, that was generated by the GUI tool

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:bold 14px Arial;color:#000000;text-decoration:none">
<a id="dmI1" href="testlink.html">Recompensas</a>
<a id="dmI3" href="testlink.html">Ingresar</a>
<a id="dmI4" href="testlink.html">Cuentale a un amigo</a>
<a id="dmI6" href="testlink.html">Ingresar</a>
<a id="dmI7" href="testlink.html">Servicios y Soluciones</a>
<a id="dmI8" href="testlink.html">Contactanos</a>
<a id="dmI9" href="http://deluxe-menu.com/order-purchase.html">Acerca de Medussa</a>
<a id="dmI14" href="testlink.htm">Soporte</a>
</div>
<!-- End of Code for Deluxe Menu Items -->

I don't know what's happenning I followed the instructions that you describe in your installation process. I'm using the menu in a jsp page.


A: Now on your page you have only search engine friendly code for Deluxe Menu. You do not have menu.

See more info about the installation of the menu here:

http://deluxe-menu.com/installation-info.html

You should paste also such lines, for example:

<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and

<script type="text/javascript" src="deluxe-menu.files/data.js"></script>

Where data.js is the file with your menu. You can create such file using Deluxe Tuner.

You should upload this files on your server in the correct place.


Q: How do I get the content to refresh when I click on a tabs javascript?
On the following URL how did you get the body content into eachtab?


A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>


Q: I have been testing.
I have another question,

during our test we did few test with other software, and we have the posibility while we are under an option on the menu we right click and choose open in a new window.

  We cant find the way to do this or is not posible?


A: You can paste your own objects within menu items to capture a rightclick, for example:

["<div style='width:100%;height:30px' onContextMenu='your_code'>text</div>",...]


Q: Is there a different type of menu, other than the way I have it set up, such as the tree type, that might load faster or take up less space when the page loads?


A: You should set
  var dmAJAX=1;
create .js files with your submenus and call this files from your mainfile, for example:

  var menuItems = [

["Home","testlink.htm"],
["Product Info","", , , , , , , "data-samples/data-ajax2.js", ],
["Samples","", , , , , , , "data-samples/data-ajax3.js", ],
["Purchase","testlink.htm"],
["Contact Us","testlink.htm"],
];

/*** data-ajax2.js ****/
  var menuItems = [
["Features","testlink.htm"],
["Installation",""],
["Parameters Info","testlink.htm"],
["Dynamic Functions","testlink.htm"],
["Supported Browsers",""],
];

Add dmenu_ajax.js file in the same folder with your dmenu.js file.

Try that.


Buy Now!   ::  Free Trial Download   ::  More Info