Jquery Tree Menu Arrows Expand by Deluxe-Tree.com
Jquery Tree Menu Arrows Expand


Buy Now!  Free Trial Download

Menu Screenshots Jquery Tree Menu Arrows Expand

Jquery Tree Menu Arrows Expand Menu And Templates And Tree

Features Jquery Tree Menu Arrows Expand

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery tree menu arrows expand menus easily and in no time
  • Sensible menu parameters for manual editing
Tree Horizontal Tree Menu Jquery Tree Menu Arrows Expand
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery tree menu arrows expand samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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 Jquery Tree Menu Arrows Expand

Q: Is there some chance to use calling of JScript function from Item of deluxe menu?

Something about:

  var menuItems = [
["Calling alert","alert ('Hello');", "icon_win98_1.gif", , , , , , , ]
];


A: Thanks for your interest in our products.

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(...)", ...]
];


Q: When I roll my mouse over my menu, it appears halfway down the page, not next to the menu. This only happens when I enclose the code in <div></div> layers. Is there a way to fix this?


A: It is possible that you have some problems with your css.

The problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add <DIV id=SiteMenu>

to the

style="position:absolute;"

So, you'll have:

<DIV id=SiteMenu style="position:absolute;">

Check that.


Q: I would like to separate each main menu item in a dhtml menu bar with a dotted line graphic.

A: To add a separator you should

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

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>