Javascript Tree Pre Rendered by Deluxe-Tree.com
Javascript Tree Pre Rendered


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Pre Rendered

Javascript Tree Pre Rendered Javascript Tree Hide

Features Javascript Tree Pre Rendered

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree pre rendered samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Tree Samples Javascript Tree Pre Rendered
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

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Javascript Tree Pre Rendered

Q: I'm fairly new to HTML and Java. I'm using your popup window html, (its great) but do notknow how to use the "ID object" function. I'm using Frontpage as my HTML editor. The only way I can figure out how to give "a line of text" or a "Graphic" and ID is to create a "Layer". That creates an (ID) in the HTML script. But I still cannot get the pop up to work when clicking the object. How is the best way to create an object ID that will all Deluxe pop-up to recognize it?

Can I have two separate pop-up within the same html page?

One last thing...Can I create a pop up that fly's out after 10 seconds, and within that fly out have a link that opens another pop up with important info in it using the iframe feature?

This sound like novice questions, but that's me!

A: See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in the FrontPage. Right click on this image and goto "Picture properties...", on the Appearance tab select 'Style...' and enter any text inthe ID field, for example 'open_popup'. Switch to 'Code' mode, you'll have the followingcode:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. Switch to 'Code' mode andadd id="open_popup" for <a>, <div>, <img> ... tags.

> Can I have two separate pop-up within the same html page?

You can add as many popups as you want.

> Can I create a popup window html that fly's out after 10 secondsCreate popup window and set openAfter=10 parameter to it. You can find this parameter in'Actions' section.

> and within> that fly out have a link that opens another pop up with important info in it using the iframe feature?Use HTML content as window content. Set winContent parameter in 'Common' section.

Add link inside the html content:
<a title='Click to open sample' href='javascript:;' onclick=\"deluxePopupWindow.open(\'window1\', \'files/test.html\', \'Window2\',\'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect\', \'default\', \'iframe\')\">Click to open Popup Window with 'files/test.html'content.</a>
More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.


Q: I am sure this is a pretty minor thing…When one of my dhtml menu dropdown items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow? Basically, I want the links of the dhtml menu dropdown items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: I am programming in asp.net 1.1 and asp.net 2. I have a situation where the client wants to govern security with roles. Is there any functionality for deluxe tree to show/hide specific branches based on security levels (i.e. roles)?


A: You should to use API function
function dtreet_ext_showItem (itemID, visibility)

More info you can find here:
http://www.deluxe-tree.com/functions-info.html


Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.

  var itemStyles = [
["itemWidth=92px"


A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.