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

Template:

Microsoft Style Template - Dhtml Cascading Menu

 









    - Personal CSS styles for separate menu elements
    - UL/LI items structure
    - Image arrows
    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect
    - Horizontal or vertical orientation
    - Inactive/Disabled items
    - Hundreds of pre-designed templates




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

Menu Screenshots

Css Collapsable Menu Javascript Disable Browser Arrows

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsable menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Web Menu Development Css Collapsable Menu
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have been using the trial deluxe menu with the deluxe tuner tocreate a menu and have run into a problem.

The menu is based on the following template:

Vista Styles (Part 2) Vista Style 1.

When I saved the menu file to put into an html file I followedthe instructions on the screen to save all the files to the folderwhere I wanted the menu to appear in an html., and then followedthe instructions to paste the menu into the html file where Iwanted the menu to appear.

It is not working. It seems as though something is left out ofthe code, or perhaps not all the necessary files are being copied.The menu appears perfectly in the deluxe tuner preview screen, butnot when I try to save it and use it elsewhere.

I have included all the files, including the instructions thatcame up when I saved the menu, in the attached zip file and wonderif you might take a look at it and tell me what I am doing wrong and/or leaving out.

Can you help?


A: Your menu works fine.
But you should paste
btn_blue2.gif
btn_blue.gif
into "data-NINnew.files" folder.


Q: I have setup some tabs on a site that I am designing and for some reason when i click on a tab and it links to another page it automatically highlights the first tab in the row.
  I have triedfiddling with it and have not been able to figure it out.  Can someone point me in the right direction to have the correct tab selected in the css tab menu after i click it and goto the page.


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

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>
</span>

Q: Though, once I click on a link, the page will load properlyin the correct frame, but the next time I hover over that dhtml menu link again, I get a Permission Denied error.

A: It is possible that your links are incorrect.

If you open links situated in the different folders on your serveryou'll get error.

You can try to use absolute paths for your dhtml menu links:

  var pathPrefix_link="http://domain.com/";

You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.



Q: What command that I use the HTML code that will be showing in the html javascript popup to close window?

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

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