Javascript Collapsible List by Deluxe-Menu.com
Javascript Collapsible List

Template:






    - Several menus on one page
    - UL/LI items structure
    - Horizontal or vertical orientation
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Unlimited number of sub levels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Top items and submenus have a shadow
    - Submenus automatically scrolls




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

Menu Screenshots

Javascript Collapsible List Javascript Compute Menu Position

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!
Side Navigation Menu Javascript Collapsible List
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript collapsible list samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsible list menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am investigating why a few things have not been working for sometime on our site.

This is the error I get in the console "The requested URL /js/menudir/dtree_ss.js was not found on this server."

I update the files awhile back and removed the dtress_ss.js as I was instructed, why is it that it that the script is still trying to reference this file?

What do I have to do to remove this error from java script tree menu?

When I updated the files a few months back the new files seem to fix a problem we were having with Chrome, but broke the drop down menu in Explorer. I have yet to resolve this. The drop down menu appears to work fine in all other browsers.

The nav menu not working in IE7 (not sure about IE6 or IE8) is a bigger issue than the error in the console, but thought maybe they were related. From our analytics, the strong majority of our customers are using IE7.

A: 1) dtree_ss.js
The current version of Deluxe Tree doesn't have dtree_ss.js at all. You should deletethe following code from your page:
<script language="JavaScript1.2" src="/js/menudir/dtree_ss.js" type="text/javascript"></script>

In the body tag you should write:
<td >
<script src="/js/menudir/data-tree.js" type="text/javascript"></script>
</td>

In the HEAD tag you should write:

<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">java script tree menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="/js/menudir/";</script>
<script type="text/javascript" src="/js/menudir/dtree.js"></script>
<!-- (c) 2009, http://deluxe-tree.com -->

2) Error in IE7.
You're using new engine files and old data files for the menus now.
I'm sending you the example.
Use engine files for Deluxe Menu and Deluxe Tree and data files (data.js and data-tree.js)from it.

Q: Your frameset FAQ/examples seem to tackle scenarios where submenus open in frame 2. I'm interested in in the actual menu selection opening in frame 2 (menus being in frame 1). Is there some documentation I've missed?


A: All info about installation of the menu in the cross-frame mode youcan find here:

http://deluxe-menu.com/cross-frame-mode-sample.html


Q: I have read your FAQ's on "When using javascript tabbed menu, where do I place the text content related to the selected tab", but I am still not understanding how to edit the java text menu. Can someone please assist me. This is for our Pack website and I have subscribed to a non-profit license. Thank you for your time.

A: You should specify any Object ID name of the DIV.

See, for each java text menu item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>



Q: Do you by chance have the dhtml menu samples working with XML?

A: Unfortunately we don't have working example.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so,you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">dhtml menu samples by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

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