Features Dtree Js Creat New Function

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

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed dtree js creat new function samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Javascript Menu Tree Scrolling Dtree Js Creat New Function

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

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

Easy Setup

De Luxe Tuner. GUI interface to create your dtree js creat new function menus easily and in no time Sensible menu parameters for manual editing

  

Recent Questions Dtree Js Creat New Function

Q: Can dhtml menu scripts be integrated into Expression Web?

A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,
BUT you can use it as standard Javascript files.

To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).

For info see:http://deluxe-menu.com/installation-info.html

That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):
http://deluxe-menu.com/deluxe-tuner-info.html

Q: I am trying to follow your directions on how to load the application and I am completely lost as to what I need to do.
Do you have instructions on how operate the application; I am having a very difficult problem trying to maneuver around.
I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.


A: To set your own images for tabs you should use the following
parameters (see how we created images in the attached example):

  var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
  var bbeforeItemImage=["img/styleIE7_n_left.gif","img/styleIE7_o_left.gif","img/styleIE7_s_left.gif"];
  var bafterItemImage=["img/styleIE7_n_right.gif","img/styleIE7_o_right.gif","img/styleIE7_s_right.gif"];

You can also use a whole images for you tabs you should use only
  var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];

Set the dimensions of the menu here:
  var bmenuWidth="600px";
  var bmenuHeight="33px";


See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: When I select something from one of the mouseover menus it takes me to a link on a website,
is it possible to run a javascript instead?

A: Actually you can use your own Javascript code instead standard links and html code inside item text.
For example:

  var bmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var bmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];

Q: The arrows on my cross browser javascript menu only show on the main page of my website (www.domain.com). I read the FAQs and the problem seems common and related to a path error. My path appears correct (to me anyway..lol) but it still doesn't work.

A: Try to use absolute path to your images. Set the following parameter:

  var pathPrefix_img="http://www.domain.com/";