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

Template:

iPhone 15 Template - CSS Menu Slide






    - Submenus go over all page objects
    - Inactive/Disabled items
    - Horizontal or vertical orientation
    - Personal CSS styles for separate menu elements
    - Status string shows item labels
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Items with icons




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 Javascript Menu Scripts

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!
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
Tab Bar Html Example Zen Cart Slide Menu
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
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 zen cart slide menu menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do your users normally indicate which page a web visitor is on, by using your navigation bar submenu?

A: Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for
example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: I am using cross browser drop down menu and I would like to know how I can make a link which displays its target file in 2 frames at the same time.
The menu is placed on my main page and 2 other frames are placed at the same main page too. I would like to send parameters to the mentioed 2 frames from 1 menu item to 2 frames at the same time.
Is it possible?

A: You should call javascript function onClick

function openlinks()
{ window.open('testlink_1.htm','frame3');
window.open('testlink_2.htm','frame2');
}
   ["||How To Setup","javascript:openlinks()"],

Q: I have purchased a license for the Deluxe Tuner and I'm quite happy with the program.

However, I seem to have some trouble getting javascript menu js on the Net without the annoying "incorrect copyright" warning.

The warning does not appear on all computers I checked, and it only appears when I paste the code into HTML myself (in a table, since I want the javascript menu js to be in the relative vertical middle of thepage and I don't think I can do this in D.Tuner itself).

A: Now you have:

<noscript>
<a href="http://deluxe-menu.com">Javascript Tree Menu by Deluxe-Menu.com</a></noscript>

Try to write NOSCRIPT tag in he following way:

<noscript> <a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Menu.com</a></noscript>



Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



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