Javascript Tree Blogspot by Deluxe-Tree.com
Javascript Tree Blogspot

Template: Javascript Tree Blogspot

Mac OSX Javascript Treeview Menu

The template emulates Mac OSX menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Items have icons
    - Animation effect for subitems
    - Menu has a static position and is placed within the table cell

Key features:

    - Relative/Absolute menu position
    - Inactive/Disabled items
    - Image arrows
    - 3-state icons for each item
    - Movable and floatable menu
    - different speed for an animation for submenus
    - Filters and Transitional effects
    - Each item can have individual settings





Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Blogspot

Javascript Tree Blogspot Tree Parameters

Buy Now!   ::  Free Trial Download   ::  More Info

Features Javascript Tree Blogspot

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 Multiple Expandable Menu Javascript Tree Blogspot
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
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 javascript tree blogspot samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Javascript Tree Blogspot

Q: I want to separate the main items with an image in the website navigation bar.

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
(you can do it in DeluxeTuner, use "Add separator" button), for example:

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



Q: In Firefox, the java popup menu is hidden behind Flash player. Anyway to fix this?


A: See fix for flash in Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html


Q: I like your product a lot. These are the features that, unfortunately, cannot be done and hope that you can address them. I will place the order right away if these are resolved:
1. For each individual item, allow attaching a customized javascript to fire up "onclick" and "nomouseover".

2. Allow using a variable size icon for each item.


A: 1. You're able to use Javascript for each item, for example:

  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

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

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

2. DHTML Tree Menu uses constant icon size for all icons.
If you wantto use different icon dimensions, you can use standard <img>elements within items:

  var tmenuitems = [
["<img src='icon.gif' width=10 height=10>item text", "index.html"]
];


Q: Can Deluxe menus work with tables?


A: Yes, you can place your menu into the <div> or <table> tag.

For example:

 <table>
    <tr>
       <td><script type="text/javascript" src="menudir/data.js"></script></td>
   </tr>
  </table>



Buy Now!   ::  Free Trial Download   ::  More Info