Zen Cart Slide Menu by Deluxe-Menu.com
Zen Cart Slide Menu

Template:

Red Menu Template - Movable Menu





    - Inactive/Disabled items
    - Items with icons
    - Several menus on one page
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus dropdown on mouseover
    - Unlimited number of sub levels
    - Text aligned to left
    - 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

Zen Cart Slide Menu Popup Menus Javascript Tutorial

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

Features

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed zen cart slide menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Style Jump Menu Zen Cart Slide Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your zen cart slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
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



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

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 have another question.. after I successfully click and load the data in to my window using the mouseover tab, the tab defaults back to the original default tab.
Because I have to reload my page after the tab has been selected the tab chosen is lost. What do you recommend for "remembering" the tab so that when the page reloads the correct tab is highlighted. I know that I need to set the   var bselectedItem but if you have a "nifty" way for me to do that I am all ears.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Q: I am using the dhtml-tabs code. I have 2 tabs that I use for a basic form and an advanced form. The advanced form is on the second tab. When I submit, I get results. When I click the back button, the selected tab is the first one, and not the second. Is there a way to configure the tabs to be persistent or sticky. Such that clicking on the back button will result on being on the second tab, which was the last dynamic drop menu tab before going to a new page?

A: You can try to use the following dynamic drop menu function:

dtabs_itemClick(0,1)

To open your second tab.



Q: Could I apply these javascript menu buttons to my Microsoft Expression Web page?


A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,
BUT you can use it as standard Javascript files.
To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html

That's all.

To create and configure your menus use Deluxe Tuner application(included into the trial package):
http://deluxe-menu.com/deluxe-tuner-info.html

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