Css Slidemenu by Deluxe-Menu.com
Css Slidemenu

Menu Screenshots

Css Slidemenu Dynamic Menu Javascripts

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
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
Javascript Pop Up Menu Right Click Css Slidemenu
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your css slidemenu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: We have a query on a navigation that we have created. We would like to knowhowto set the colour for a nav item of the asp drop down menu if any pages in that section are currently being visited?

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- 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=2;</script>

...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: I was using the trial version with no problems. However, once I upgraded to the full version as above, I am having problems getting my DHTML menus to work properly. I'm using xp pro with ie7. As I said before, I had no problems with the trial version.

Whenever I click on a menu java tab now, ie7 displays an error message in the corner. When clicked it reads:

Line: 18
Char: 16940
Error: 'tabs[...]id' is null or not an object
Code: 0

I am using the 'Microsoft Like Style' tabs template in your DHTML tuner software. I get no errors when the tabs are not linked to hidden <div> tags. However, when they are linked to display the hidden <div> tags I get the error. But they do still display the correct hidden <div> tags after 2 or 3 clicks.

A: Try to set the following menu java parameter:

  var bselectedSmItem=0;



Q: I just purchased the Deluxe PopUp Window application in order to implement some pop up window on my web site the way I need them to work.

Infact, after taking a look at your application it doesn't seem (maybe I'm wrong) it can be used the way I need to.

To cut a long story short: I need the PopUP window onclick to show images and not texts pening up them by clicking on a text-link.

Images are many so, if I not wrong I must create lots of windows each one for each single image.

So, my questions are:

1) Can I use you pop up to show images only?

2) Can I activate them by clicking on the related links.

Generally, in order to do so, I have a single js script that activate the window onclick. To load a Popup window I need to click on a link by opening an HTML page containing the image.

To let it all work I need a <script> function in the <head> </head> tags and an onclick command calling the PopUp script activated when I click on the related link.

So, does your script work the same way. Can you confirm me that I can use your application just the same way as I have always done with a simple .js script + an .htm page containing an image?

I hope I was clear.

A: You can call only one data file and use deluxePopupWindow.open() function to open your windows:

<a href="javascript:;" onclick="deluxePopupWindow.open('window1', '<img src=\'img/DSCN3699.jpg\'>',
'Window1','width=100,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'simple')">Click Here to see a chase1 sample</a>



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


Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.

I still get 'Error on page' when I hover over the first java scrolling menu item.

Please help! I need to buid this site out by Monday.

A: Now you have several errors in your data file:

  var menuBackColor="f9f9ec";

You should write:
  var menuBackColor="#f9f9ec";

The following parameters cannot be empty:
  var menuBorderWidth="0";
  var itemBorderWidth="0";

It is not correct to write the java scrolling menu parameter in the following way:
  var itemBorderStyle=["1px","1px"];

You should write:
  var itemBorderStyle=["none","none"];

If you want to add borders in the subitems you should write:
  var itemBorderWidth="1";
  var itemBorderColor=["#c59d1f","#c59d1f"];
  var itemBorderStyle=["solid","solid"];

And to remove border from the top items you should create Individualstyle and assign it to the top items:
  var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];

["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...