Javascript Sliding Side Menu by Deluxe-Menu.com
Javascript Sliding Side Menu

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Top items and submenus have a shadow
    - Image arrows
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Cross-frame support - menus work on frameset-based pages
    - UL/LI items structure
    - Items with icons
    - Transition #14 - "fade out" effect
    - Text aligned to left




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

Menu Screenshots

Javascript Sliding Side Menu Javascript Expanding Menu Download

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!
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
Pulldown Dhtml Javascript Sliding Side Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript sliding side 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 javascript sliding side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I have used for your software for Menu creation(Trial version). We integrated it in our appliaction running good on IE 6. It has some whitespaces also. Menu using dhtml is not displayed in IE 7 when integrated in our application. When we call your html directly in IE 7 then it displays.

In Mozilla ,menu is displayed but without transitional Effects.

I am interest buy your software. If we are assured that above issues will be fixed in licensed version.

A: > Menu using dhtml is not displayed in IE 7 when integrated in our application.Try to set exact width for the menu, for example:  var menuWidth="300px";

> In Mozilla, menu using dhtml is displayed but without transitional Effects.Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:

http://www.deluxe-menu.com/filters-and-effects-sample.html



Q: Can I create menus with cross-frame capability using your drop down menu generator?
With the menu beingin one frame and the submenus opening to the other frame?

A: See how should you create cross frame menu:

1. To initialize the cross frame menu call dm_initFrame()
function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.
Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); for example to dm_initFrame("frmSet", 0, 1, 0);
You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: I created tabs. And i placed the some control in each tab. I taken the submit button outside the tab . I written java script validation for taking input.Now in this case my focus should go the particular tab and the control.
How to control and refer particular tab in flash tab menu when submit button is exist outside the tab

A: You can use the following function to open appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, <=0.
For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>




Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];



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