Treeview Jquery Api by Deluxe-Tree.com
Treeview Jquery Api


Buy Now!  Free Trial Download

Menu Screenshots Treeview Jquery Api

Treeview Jquery Api Javascript Tree Drag Drop

Features Treeview Jquery Api

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
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".
Dhtml Image Menu Tree Treeview Jquery Api
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
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
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 Treeview Jquery Api

Q: I have Deluxe-Menu v2.0.

1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?

Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?

2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?

How can I get the image to show on the main menu verticale javascript Item ?

A: 1. You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:

//--- Separators  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

2.You can send us a copy of your html page (including .js files andimages), so we can check it.



Q: I'm interested in buying your products. I have no experience in programming, only know html/php. How easy would it be to set up these down vertical menu items? I understand your explanation of copying scripts into the relevant html pages. But what about inserting the menus? Do I have to program them myself?

Thanks for your help. I just love your deluxe items.


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

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

Deluxe Tuner v2.4 supports JavaScript Tree Menu (http://deluxe-menu.com) &Javascript/DHTML 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 ( JavaScript Tree 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"JavaScript Tree 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>
...
<!-- JavaScript Tree 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>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</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.



Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.

I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.

Please advice how I can do this.

A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.

  var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];



Q: I can’t seem to figure out how to keep last clicked item in my java menu script marked.

I use these options:

pressedItem = -1

  var saveNavigationPath = 1;

Where and how do I determine the background color of the clicked item?

I also have this problem on Javascript/DHTML Tree.


A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

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

You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.