Css Codes Collapsable Menu by Deluxe-Menu.com
Css Codes Collapsable Menu

Template:

iPhone 2 Template - Sliding Dhtml Menu






    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - UL/LI items structure
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left
    - Filters and Transitional effects




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

Menu Screenshots

Css Codes Collapsable Menu Sample Dhtml Menus With Code

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

Features

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 css codes collapsable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Create Drop Down Menue Css Codes Collapsable Menu
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!
Cost Effective



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: Hello. I have noticed that when you expand a menu and then click to another page, the menu is collapsed on the next page. I read about "state saving" and tried the parameter which did not work. Is there a way to accomplish this?


A: You can see the example for state saving here:

http://dhtml-menu.com/tree-examples/tree-menuxp-save-state.html

This menu saves its state.
To enable this mode you should include dtree_ss.js file intoyour html page and set the following parameter:

  var tsaveState = 1;

See, if you open pages (with menus) from different folder itmeans that you open different menus. So, when you change a state, forexample, of the first menu within "content/" folder and then openanother page with the menu within "content/subfolder/", browsers looks for anothercookie file and can't find it and the second menu stays in a defaultstate. Is it clear?


Q: I've recently purchased and implemented your menu. While it's definitely very good, I have a small issue I'm hoping you can help me resolve.

When running over regular http, the menu drops down and shows in front of any form select dropdowns as it should. However, when running over SSL (https), the menu shows up with the form select box in front of it.

Any help for fixing this would be greatly appreciated.


A: Please, check that you've set the following parameter:

  var dmObjectsCheck=1;

Please, use dmenu_add.js file.
For more info, please, see:
http://deluxe-menu.com/objects-overlapping-sample.html


Q: I have 2 questions about this script I would like to find out before purchasing:

1. Does it support 3rd and 4th level java script navigation menu?
2. How customizable is it style-wise, meaning, I have images I want used for the top level navigation, and background images for the rest. Any way I can achieve this?

A: 1) Yes, you can add as many levels in the java script navigation menu as you want.

2) Actually you can create any java script navigation menu with Deluxe Menu. You can use Individual Styles tocreate your menu. For example:

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma", "fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0", "itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

Please, try the trial version and check menu parameters. Use DeluxeTuner to create your menu.



Q: Is there maybe a way that I can set up the menu so that it does not load at all until someone clicks on, say, a link, such as 'Products' and clicking on that link would then load the java menu buttons onto the page in the desired position?


A: Yes, you can do it.
Delete dm_init(); function from data file and use OnClick event foryour 'Products' link.

<a href="products.html" OnClick="dm_init();">Products</a>


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