Richfaces Dynamic Tree by Deluxe-Tree.com
Richfaces Dynamic Tree


Buy Now!  Free Trial Download

Menu Screenshots Richfaces Dynamic Tree

Richfaces Dynamic Tree Tree Floating Toolbar

Features Richfaces Dynamic Tree

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
Seamless Integration
  • 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 Tree Cascading Richfaces Dynamic Tree
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your richfaces dynamic tree menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed richfaces dynamic tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can set default expanded/collapsed items and submenus.
  • After clicking on menu item selected item becomes highlighted.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

Recent Questions Richfaces Dynamic Tree

Q: After I successfully click and load the data in to my window using the tab menu, the tab defaults back to the original default tab. Because I have to reload my page after the tab has been selected the tab chosen is lost. What do you recommend for "remembering" the tab so that when the page reloads the correct tab is highlighted.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom 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, forexample:

<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>




Q: Hi, I am looking at your JavaScript Tree Menu package. It looks very nice, but I cannot find any kind of manual for how to use it. There's some online documentation on the Tuner, but (for example) I can't find anything that documents the dm_popup window open options. I find some sample code I can copy that has the call

return dm_popup(0, 1000, event)

1. So, what do these parameters mean?
2. It takes a long time for the menu to go away if you don't click anything. From tracing through the obfuscated javascript with firebug, it looks like the second parameter sets a timeout to make the menu go away. But when I change the "1000" to "1", the menu does not appear to behave any differently.
3. If I want to have more than one of these menus show up on the page, how would I do that?
4. I have it set up to show the popup when you right-click a page element. However, the menu items only appear to fire if you then left-click them. This is confusing to the user: I'd like to have the menu items also fire when you right-click them for consistency. How would I configure this?

These are the kinds of questions I would like to have answers to, but I cannot find any relevant documentation. Do I have lots of tracing through javascript ahead of me? If I have just missed the relevant documentation, please tell me where to find it. I would love to use your product, but if I have to spend all my time tracing javascript it's not a big win for me. Thanks for your assistance.

A: 1) You can find window open options info on our website:
http://deluxe-menu.com/popup-mode-sample.html
Click "Show additional info" button on this page.

2) You should adjust the second parameter in dm_popup() function:dm_popup(0, 500, event);

3) See the first parameter in the dm_popup() function is menuInd, soif you want to create several popup menus you should create severaldata file and call them on your page, for example:
<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0 //standard menu (doesn't use popup feature)
<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1
<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2
<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3
<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

See how you should call dm_popup() functions:

<img src="../../../../fileadmin/img/flag_de.gif" width="50"
onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
....

<img src="../../../../fileadmin/img/flag_fr.gif" width="50"
onMouseOver="return dm_popup(2, 2000, event);" style="cursor: pointer;">
// 2 - is ID of the third menu
// 3 - is ID of the fourth menu
... and so on.

4) Unfortunately it is not possible now.

Unfortunately we don't have additional documentation yet. But you canfind all need info on our website. Try to use search field on ourwebsite.

> I have another question. My popup menus are not fixed, they are dynamic in
> the sense that I have multiple rows showing up on the page and each row
> needs to have custom information passed. Each row has one or more database
> identifiers associated with it, and the ajax calls that will get fired
> when I choose a menu item such as "Edit" or "Add Child" will need those
> database identifiers. How would I pass this information?

You can dynamically generate the menu structure. For example movemenuItems into your phph page (or embed in a Smarty Template) insideSCRIPT tag:

 <script type="text/javascript">
    var menuItems = [
      ["Terminal","index.php?form=TERMINAL&tid={$tid}"],
      ["Kassenschnitte","index.php?form=KS&tid={$tid}"],
      ["Buchungen Debit","index.php?form=DEBIT&tid={$tid}"],
      ["Kredit- / Bonuskarten","index.php?form=KREDIT&tid={$tid}"],
      ["Rucklastschriften","index.php?form=RLAST&tid={$tid}"],
      ["Monatsstatistik","index.php?form=STATISTIK&tid={$tid}"],
      ["RL-H.Rechnung","index.php?form=RLASTABR&tid={$tid}"],
      ["LiveStream","index.php?form=LIVESTREAM&tid={$tid}"],
      ["Reports","index.php?form=REPORTS&tid={$tid}"],
      ["Datenhistorie","index.php?form=HISTORY&tid={$tid}"],
      ["Bankleitzahlen","index.php?form=BLZ&tid={$tid}"],
      ["<br />Ihre Nutzerdaten","index.php?form=NDATEN&tid={$tid}"],
   ["<br />{$NAVI}",""],
  ];
  dm_init();
</script>


Q: I want to use this menu with ASP. Can the link items NOT open a new window?
For ASP the current window needs to be used with whatever value is in the link parameter.


A: JavaSript menu uses window.open or href-method depending on the target parameter.
If you set "" or "_self" target the menu uses href-method and if youset "_blank" or frame name the menu uses window.open and opens your link in a new window.

You should use the following parameter
  var titemTarget = "_self";
or
  var titemTarget = "";

Please, see also individual items targets, for example:
{|The Team, http://www.domain.co.uk/receptionist.htm, _blank,}
Change "_blank" to "" or to "_self".


Q: I have just come across your page. I need to publish a mass of data on a site where javascript ist turned off. Is dynamic drop down menus able to work in an javascript free environment?


A: No, JavaScript Tree Menu is Javascript menu.

When your security settings doesn't allow Javascript onpages you load you can't see a dynamic page content. So, you cannotsee your javascript menu at all.