Ajax Collapsible Menu Tree by Deluxe-Menu.com
Ajax Collapsible Menu Tree

Template:

Google Style Template - Dhtml Pop Up Menu






    - Submenus automatically scrolls
    - Inactive/Disabled items
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Filters and Transitional effects
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Ajax Collapsible Menu Tree Dhtml Dynamic List

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax collapsible menu tree 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
Dhtml Menu Transparency Ajax Collapsible Menu Tree
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!
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
Cost Effective



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: With the new version, my body onload function is blocked.
In our application we do something with a body onload function.
It doesn't get called if I use the deluxe-menu. If I remove deluxe-menu js files from html, it works.

Is there a way I can use deluxe-menu and get my onload handler called?


A: Deluxe Menu detects any user's onload events and remember them in the case when you write a such events before dm_init(); call.

Try to delete onload event from <body> and write the following at theend of a page (after dm_init() call):

<script type="text/javascript"> onload = onloadHandler;</script>

That should work.


Q: I am testing out your menu system as I try to redesign my site. It is a vertical menu with submenus.

I have hundreds of pages in my site and I'd like to be able to attach your menu system to all of them.
However, I will be making changes to the menu system on a regular basis.
I do not want to go change every program in the site each time I need to make a menu change.

I was hoping you could give me some kind of programming code that I could enter into the <body> section of my html files which would automatically read a file into my prograrm, which contained the menu code.
This way when a menu change is needed, I edit one file, all the programs read that file and display the menu.

As an example of the code I would want read into a webpage at start up:

<script type="text/javascript">  var dmWorkPath="files/";</script>
<script type="text/javascript" src="files/dmenu.js"></script>
<div id="dmlinks" style="font:bold 9px Verdana;color:#FFFFFF;text-decoration:none">
<a id="dmI0" HREF="500main.htm">Home</a>
<a id="dmI2" HREF="tixbbs.htm" TARGET="text">For Sale</a>
<a id="dmI4" href="testlink.html">Place Ad</a>
<a id="dmI5" href="testlink.html">Sources</a>

</div>
<script type="text/javascript" src="data-deluxe-menu.js"></script>


A: If you change the menu parameters only there is no need to change code on each page. You should only replace your old data file (data-deluxe-menu.js) with the new one.

If you don't want to install your menu on each page, you can try to use frames, the menu has a cross-frame mode.
Please, see more info about cross-frame mode here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Also you can use a server-side script (php, asp, vb, etc.) to generate html pages from templates on your server.


Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at http://deluxe-tabs.com/.

In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file of my mouseover tabs?

A: See, for each 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.

<div id="contentName" 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 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>

You can paste any code within DIV's (PHP, Javascript ...)



Q: I am not able to get the Keystrokes function to work.  The variable is set to 1 on both parameters and it is set at 113 for the F2 function key but it is not highlighting anything on the horizontal menu I have, any ideas?

A: Please check that you have dmenu_key.js file in the same folder withyour dmenu.js file.

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.



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