C Javascript Treeview Leftclick by Deluxe-Tree.com
C Javascript Treeview Leftclick


Buy Now!  Free Trial Download

Menu Screenshots C Javascript Treeview Leftclick

C Javascript Treeview Leftclick Tree Menu

Features C Javascript Treeview Leftclick

Cost Effective
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".
Tree Create Menu Or List C Javascript Treeview Leftclick
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed c javascript treeview leftclick samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • These effects will make your menu more attractive and stylish. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions C Javascript Treeview Leftclick

Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


Q: Using data-visa-5.js

Trying to get the menu to start collapsed rather than fully expanded.

Thought it was the   var texpanded=0 setting but doesn't seem to have any effect.

A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:

["+   Home","index.php","","","Home","","","1",""],
["+   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+   WeatherForum","/forum/index.php","","","Home","","","1",""],
["+   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+   Weather Maps","","","","Weather Maps","","","1",""],

Delete + signs from your items:

["   Home","index.php","","","Home","","","1",""],
["   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["   WeatherForum","/forum/index.php","","","Home","","","1",""],
["   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["   Weather Maps","","","","Weather Maps","","","1",""],




Q: I get coches word in black when the menu loads the first time and I didn't configured that to happend.


A: Check the following parameters:

  var bselectedItem=1;
  var bfontColor=["#000000","",""];


Q: I'm evaluating a copy of deluxe-tree and have a question about long items. I need to be able to either automatically wrap the line to fit the width given in the tmenuWidth variable or insert line breaks as I see fit.

At the moment I have found that I can insert the <br> tag to force a line to break but it messes up the space after the menu, if I have several one after the other then they will sit close together. If I add a
at the beginning of the menu entry then the space before is bigger than the default.

Is there any easy way around this?


A: Try to set the following parameter:

  var tnoWrap=0;