Tree Simple Php by Deluxe-Tree.com
Tree Simple Php

Template: Tree Simple Php

Vista Style 5 Dhtml Tree Menu

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

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

Key features:

    - Submenus automatically scrolls
    - Submenus have a fade effect
    - Movable and floatable menu
    - Each item can have individual settings
    - different speed for an animation for submenus
    - Status string shows item labels
    - Inactive/Disabled items
    - Vertical orientation of the Tree Menu





Buy Now!  Free Trial Download

Menu Screenshots Tree Simple Php

Tree Simple Php Tree Dynamic Menus

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

Features Tree Simple Php

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
Javascript Tree Flyout Tree Simple Php
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
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
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".
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • You can create any style for XP menu:
  • different icons, colors, and buttons for each submenu title;
  • any color for borders, backgrounds, and font of menus and items;
  • any available font style; and many other options!
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Tree Simple Php

Q: How can I set the padding for the menu text at the top for the javascript select menu? I want more padding on the left of the text but I don't want it centered.

A: You can set bigger left padding for your Submenu Style, for example:

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 25px"],
];

itemPadding=0px 5px 0px 25px - top right bottom left

Q: I am unable to make content show for each tab in the dhtml tab navigation.
I can make it open a new webpage, but that isnt what I want.
What I want is when the visitor clicks a tab, then content for
that tab shows, on the same page, and the tab menu still there.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],




Q: Your frameset FAQ/examples seem to tackle scenarios where submenus open in frame 2. I'm interested in in the actual menu selection opening in frame 2 (menus being in frame 1). Is there some documentation I've missed?


A: All info about installation of the menu in the cross-frame mode youcan find here:

http://deluxe-menu.com/cross-frame-mode-sample.html


Q: In the navigation bar below (done in Spanish) I am trying to display the word “Niños” (Children) but looks like this special character is not displayed correctly.  How I fix this?


A: Try to write it in the following way:“Niños”


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