Php Css Collapse Tree View by Deluxe-Tree.com
Php Css Collapse Tree View


Buy Now!  Free Trial Download

Menu Screenshots Php Css Collapse Tree View

Php Css Collapse Tree View Javascript Tree Menue

Features Php Css Collapse Tree View

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".
Cost Effective
Vertical Menu Tree Php Css Collapse Tree View
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your php css collapse tree view menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

Recent Questions Php Css Collapse Tree View

Q: Could you please explain how to increase the height of our javascript menu submenu links to 18 or 20 px each?

A: You can create Individual submenu style and assign it to the firstitem in each submenu.

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

  var menuItems = [

["Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "0", "", "", "", "", ],
 ["|Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "", "1", "", "", "", ], //assign style



Q: Where do I enter my link addresses (http://www.address.com) for each item and sub-item using Deluxe Tuner????
I'm sure it's simple, but I don't see it.


A: You should add links in the following way.
Click on the menu item in the main window.
In the "Item Parameters" window you'll see parameters of this item.
You should paste your link in the link field.


Q: I do not know how to prevent IE7 or IE8 displaying a security warning for the javascript dropdown menuI have created using your software. I get the warning message when I view the menu that I have created.

A: Try to set the following options in Internet Explorer:

1) Go to 'Tools -> Internet Options -> Security'
2) Select Local Intranet and then press 'Custom level...' button.
3) Run ActiveX Controls and plug-ins = Enable
Automated Prompting for ActiveX Controls = Disable


Q: When using website tab menu, where do I place the text content related to the selected tab,
(the text presented on the rest of the screen under the tab)?
And who do I connect a specfic text to a certain tab?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
You should set  var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],


And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image:
url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>