Collapsible Side Navigation Menu by Deluxe-Menu.com
Collapsible Side Navigation Menu

Template:

iPhone 8 Template - Collapsible Drop Down Menu






    - Inactive/Disabled items
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Text aligned to left
    - Status string shows item labels
    - 85% transparency for sub menus
    - Submenus dropdown on mouseover
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Horizontal or vertical orientation




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

Menu Screenshots

Collapsible Side Navigation Menu Drag And Drop Java Tree

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

Features

Cost Effective
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!
Create Menu In Javascripts Collapsible Side Navigation Menu
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
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



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I create a dhtml menu tabs on a website and I keep getting an error. On my dutch system it says: 'tabs[...].id' is leeg of geen object.

What am I doing wrong? I cannot find the problem.

On the first click on de tabs I get the error and nothing happens. From the second click on, everything works fine.

A: You can find an answer in Recent Questions section on our website.

Try to set the following parameter:

  var bselectedSmItem=0;

Use latest engine file also.



Q: May I know what's the upgrade policy for these javascript menu scripts?

A: All minor upgrades you'll get for free (for example, 1.5->1.7).
All major upgrades you'll get for free during 1 year (for example, 1.7->2.0).

For example, if there's some major upgrades (1.7 -> 2.0 -> 4.0)you'll get them for free during one year.

But if there'll be no major upgrades during some period (1.72 -> 1.81 -> 1.92). And after 3 year, for example, there will be major upgrade to 2.0. So you can upgrade for free.

We can offer you some discount for the major upgrade of javascript menu scripts after one year.



Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)


Q: I am getting stuck with trying to set a default tab in the div tab menu to be selected when a window opens...
What I've been trying to do is changing this line here :

  var bselectedItem=0;

At 0 (default) it has the first tab selected. Any other number and notabs are selected.
Is there a setting somewhere else that I am missing?A: You can set "bselectedItem" and "  var bselectedSmItem" parameters based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </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, for example:

<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&tg;




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