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

Menu Screenshots

Richfaces Collapsible Tree Menu Drop Down Horizontal Menu Tutorial

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your richfaces collapsible tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Pop Up Dropdown In Javascript Richfaces Collapsible Tree 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 richfaces collapsible tree 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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I have to make a japanese Website. Therefore I have to make a dhtml sliding menu with japanese signs and text.

Is it possible to make the deluxe-menu with japanese signs?

A: Yes, you can use Japanese letters in the menu.

Set "Tools/Use UTF8 encode" and create your menu.


Q: I have not put your software into our site yet. I am only working on it in frontpage.
However when I have tried to look at it with the browser it does come up with the active x message.
Our site has no active x components otherwise.


A: Please, try to check browser settings. You can try to see Deluxe Menuon the another computer.

On my computer I don't see such message.


Q: I am having a problem trying to figure out how to generate a link to javascript popup window.

A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

In the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.
Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it, for example:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: I just don't understand the 'concept" of how It should be put into my html page.
I plan on having more than one menu on my page. and this would be an example of one of the drp down menus I want on it. I'm fairly new to making a webpage, but this menu is what I would like on my page.
sorry for being a little slow at this, I DO LOVE how it lays out and cant wait to get it to work on my webpage.


A: 1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Deluxe Tuner v2.4 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"Deluxe Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

If you want to install several menus on the one page you should writethe following code once

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
And then call your data files several times.
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data1.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data2.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data3.js"></script>

Try that.