Jquery Treeview Cross Browser Specific by Deluxe-Tree.com
Jquery Treeview Cross Browser Specific


Buy Now!  Free Trial Download

Menu Screenshots Jquery Treeview Cross Browser Specific

Jquery Treeview Cross Browser Specific Trees Vertical Menu

Features Jquery Treeview Cross Browser Specific

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery treeview cross browser specific samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Menubar Tree Jquery Treeview Cross Browser Specific
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
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
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

Javascript Tree Menu. Expandable Menu.

  • You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.

Recent Questions Jquery Treeview Cross Browser Specific

Q: Is there a way to center floatable menus horizontally on a page?
I used to use absolutePos=0, and all of my menus were centered ok, but when I tried floatable=1 I found that I had to change toabsolutePos=1 to get the menu to float, and this messed up my centering. Since I have multiple menus of different widths, I'd rather not have to hard-code the menu width, but please let me know if there's a better way.


A: Notice, when you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: I am trying to use your Deluxe-Tabs, to use on our wwebsite, and to be honest, I am not much of a developer. So please forgive me for my naпve question(s). I have been trying to get 'Content' in to the tabbed dhtml menu build, and I cannot find how that is done.

Do you have an example with all the files (html too!) that shows a simple tabbed dhtml menu build with content for each Tab that I can look at to see how it is done.

I thought I was going to be able to generate the TABs, and point them to the HTML files I want them to use, and each time I selected a tab, that page would be displayed. That does not appear to be what is happening.

Your help would be greatly appreciated.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your dhtml menu build parameters).

["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">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

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

<br><br><br>

You should paste your description here!!!!!
</div>



Q: When the menus drop down the background is white but it is see through, this is ok on the homepage but on the other pages it is making the text unreadable. Is there a way of keeping the background of the submenus solid so it isn't see through javascript expanding menu?

A: You should set the following parameter:

  var transparency="100";


Q: Can I choose what menus will be expanded or collapsed in the tree menu javascript when the user comes to the webpage for the first time?

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Javascript/DHTML Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
   ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Javascript/DHTML Tree: XP Style" item will be expanded by default in that case.

Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specific menu items dynamically:
http://deluxe-tree.com/functions-info.html