Features Dreamweaver Free Menu Tree Widget

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

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed dreamweaver free menu tree widget samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Tree Mouse Over Menus Dreamweaver Free Menu Tree Widget

Easy Setup

De Luxe Tuner. GUI interface to create your dreamweaver free menu tree widget menus easily and in no time Sensible menu parameters for manual editing

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

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

  

Recent Questions Dreamweaver Free Menu Tree Widget

Q: How can I setup Font Size, color for individual level, button? How?


A: You should use Individual Item Styles.

  var itemStyles = [
["itemBackColor=#B6E025,#769315","fontStyle=bold 10px Bookman Old Style"], //style 0
];

menuItems = [
...
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
...
];

Q: Is there any way to call a javascript function on mouseover from a menu item?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];

Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: 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="";

Q: I am trying to implement JavaScript Tree Menu 2.0 on a .aspx-page.

However the Norwegian characters are not showed correctly. (only in the menu)

What do I need to do?

It works fine with the old version of JavaScript Tree Menu in our normal asp-pages.


A: When you call data .js file you can try to specify the encoding:

< SCRIPT src="Dansk Aktionarforening11_files/data.js" charset="UTF-8"> </SCRIPT>

or

<SCRIPT src="Dansk Aktionarforening11_files/data.js" charset="ISO-8859-1"> </SCRIPT>

Try that.