Javascript Cascade Menu by Deluxe-Menu.com
Javascript Cascade Menu

Menu Screenshots

Javascript Cascade Menu Changing Width Of Drop Down Menu

Features

Cost Effective
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
Dhtml Crossframe Javascript Cascade 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
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: When I create a tab which has no sub-items, there is a white line drawn under the whole top javascript tabbed menu bar.
How do I avoid this?


A: Each menu item should have subitems (in the TabMode).
If you don't want to have subitems for some items you can add onesubitem and delete Item Text.

["Item 2","", "", "", "", "", "", "", "", ],
 ["|","", "", "", "", "", "0", "", "", ],


Q: What command that I use the HTML code that will be showing in the pop up window to close it?

A: Try to use the following functions to show and hide popup window:

deluxePopupWindow.open()
hide()

For example you should write:

["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site',
'width=590,height=350,resizable,scrollbars,minimizable,fullscreen, centerscreen,move-effect=top,,opacity=1,
floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]

Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:

<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>

See more info:
http://deluxepopupwindow.com/window-installation-info.html



Q: Two more questions, while waiting for this answer:

1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime', format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
2) If I have a button that in an onclick I want to popup calendar, how would I do that?
3) I am getting 'incorrect copyright', suggestions?

Thank you, I have people waiting for me to bring this site live - your fast help is appreciated

A: >I am getting 'incorrect copyright', suggestions?

You should write NOSCRIPT tag in the following way:
<noscript><a href="http://calendardatepicker.com">Javascript Calendar Date Picker by calendardatepicker.com</a></noscript>

> 1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime',
> format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
> 2) If I have a button that in an onclick I want to popup the calendar, how
> would I do that?
You should install the calendar in the following way:
<form>
<script>
window.onload = function(){
calendarDatePicker.handlers(['cal', 'txt', {type : 'datetime', IiI:'%L %d, %Y, %l:%M %p', locale:'en'}]);
};
</script>
<input type="button" value="Click to open calendar" id="cal" name="cal" onClick="">
<input type="text" id="txt" value="">
<div id="test-box" style="width:40px;height:40px;position:absolute;left:200px;top:10px;"></div>
</form>


Q: We’ve recently purchased your java dynamic menu.  How can we put a border around the menu, but not the title?  It doesn’t appear to be an easy way to do this using the javascript data file.


A: To set border around the whole menu you should set the followingparameters:

  var menuBorderColor="#C0AF62";
  var menuBorderWidth=1;

Use Deluxe Tuner to create your menu.