Jquery Accordion Treeview With Recursive Demo by Deluxe-Tree.com
Jquery Accordion Treeview With Recursive Demo


Buy Now!  Free Trial Download

Menu Screenshots Jquery Accordion Treeview With Recursive Demo

Jquery Accordion Treeview With Recursive Demo Tree Navigation Bar Menu Submenu

Features Jquery Accordion Treeview With Recursive Demo

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery accordion treeview with recursive demo 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 jquery accordion treeview with recursive demo samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Dhtml Tree Jquery Accordion Treeview With Recursive Demo
Unrivalled Features
  • Scrollable, dragable, floating
  • 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".
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
Cost Effective
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There can be as many submenus as you want.
  • Use a mouse to drag a menu as a usual window.
  • When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

Recent Questions Jquery Accordion Treeview With Recursive Demo

Q:  1) is it possible to have multiple(different) images, popup menus?

 2) Can it Automatically popup instead of Left click?
 Would you show me How?

  3) What is: menuInd - index of the javascript menu script on a page, >= 0 ?
 Could you give more explanation?

A: >  1) is it possible to have multiple(different) images, popup menus?
Yes, you can use any number of popup menus on your page.

>  2) Can it Automatically popup instead of Left click?
>  Would you show me How?
You can use onMouseOver event instead of onClick or onContextMenu events in that case.

> 3) What is: menuInd - index of the javascript menu script on a page, >= 0 ?
Each menu has ID. The ID's number starts with 0.

So, when you have several data files on your page you have such ID's:

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

If you want to have different Popup menus (there color, item, text,font and so on) you should create different .js files with yourparameters. And call them from your page, for example:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script>

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop1.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop2.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop3.js" type=text/javascript></SCRIPT>

If you have different item text only you can use one
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
file. But you should delete the following code:

  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();

and move it to the html page:

<body>
...
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<script type="text/javascript"> //first popup menu ID - 1
  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //second popup menu ID - 2
  var menuItems = [

["Text","testlink.htm"],
["Text1","testlink.htm"],
["Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //third popup menu ID - 3
  var menuItems = [

["New_Text","testlink.htm"],
["New_Text1","testlink.htm"],
["New_Text2","testlink.htm"],
];

dm_init();
</SCRIPT>

<script type="text/javascript"> //fourth popup menu ID - 4
  var menuItems = [

["New","testlink.htm"],
["New","testlink.htm"],
["New","testlink.htm"],
];

dm_init();
</SCRIPT>

<img src="testimage.gif" width=200 onClick="return dm_popup(1, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(2, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(3, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(4, 1000, event);" style="cursor: hand;">

</body>


Q: I wanted to know how to hide/ disable a menu item for a particular user/roleid in dreamweaver dhtml menu..




A: You can find more info here:

http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable()
{
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);

}

to disable your items.



Q: Is there a problem with your menu software and IE 7?
My menu was working fine, now that I upgraded the browser to IE 7, the menu doesnot show any more.


A: Try to set exact value for menu width.

For example:
  var menuWidth="800px";

Your menu should work fine.


Q: We would need to programatically open a particular tab in the horizontal tab menu.

A: Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">
Click to open the third tab
</DIV>