Javascript Tree List On An Array by Deluxe-Tree.com
Javascript Tree List On An Array


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree List On An Array

Javascript Tree List On An Array Tree Fading Rollover Menu

Features Javascript Tree List On An Array

Cost Effective
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
Navbar Tree Javascript Tree List On An Array
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 javascript tree list on an array menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Javascript Tree List On An Array

Q: Could it be possible to explain to me how to create cross-frame horizontal navigation bar..

A: To initialize the cross frame menu call dm_initFrame()
function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.
Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="JavaScript Tree Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="JavaScript Tree Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and changedm_init();
for example to dm_initFrame("frmSet", 0, 1, 0);

You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: I have the following problem. I've set target parameter to "_self".
But my html files still opens in a new window.


A: Please, check the following parameters:
  var itemTarget="_self"; //default target

You can set target parameter for each item.

See menuItems parameter:

  var menuItems =
[
    ["Home","testlink.html","icon.gif","iconover.gif","Home Tip",target,"1"],
     ["|Our Products","testlink.html","icon1.gif","icon2.gif","Our Products Tip","_self",,"0"],
];

Try that.


Q: Is it possible to set the color of the background on a selected item in the slide menu java script like you can with the foreground via:

  var tpressedFontColor="#3366FF";

Also is there a list somewhere of all the Vars?

A: No, unfortunately it is not possible now. You can set the pressed fontcolor only.

You can find all info about slide menu java script on http://deluxe-tree.com

http://deluxe-tree.com/parameters-info.html



Q: Is there a way to fix it so that in the dhtml tree menu when you have link set it doesn't expand the menu and then load the page. It should only load the expand the menu if I click the + image if I have a link...

Example...

 ["|ACRYLIC BRUSHES", "fright_itemlist.asp?level1=BRUSHES ~ KNIVES&level2=ACRYLIC BRUSHES","","","","", "_self","","","tmlevel3/m251.js",]

A: But Javascript/DHTML Tree works in this way now.

If your item has link and subitems at the same time you should clickon the item to open item's link and click on the "+" sign to expandthe item.

Make sure that you've set the following parameter:

  var texpandItemClick=0;