Dear surfer, Welcome to the ":: JavaScript tree CodeThatTree is advanced, cross-browser, state-of-art JavaScript tree control ::" page of the CodeThat.Com,The content of the page can be defined as: CodeThatTree is an advanced, cross-browser, state-of-art JavaScript tree control that can be easily integrated into any web page. It requires no JavaScript knowledge from the prospective user and comes loaded with the features everybody expects from a modern navigation tree.Most likely you found us using the keywords: "CodeThatTree, script, tree, javascript, javascript tree, free, free javascript tree, cross-browser, html, xml, css".This page (and site) presumes you have JavaScript enabled and best viewed when it is enabled. Please refer to your browser's documentation to find out how you can enable the JavaScript.You may want to do it as well because we at CodeThat.Com provide these JavaScript solutions and we are useless for you unless you enable the JavaScript. Looking forward to serve you,CodeThat.Com

PRODUCTS

SUPPORT

CODETHAT

STUDIO GRID TABLE MENU TREE XPBAR HINT EDITOR TAB FORM CALENDAR SCROLLER SHOPPINGCART TREEPHP PACKER

User
Manual

Introduction Item's look Item's positioning Items' actions Using XML IE-like style

Run-time item manipulation HTML code as nodes text Tree from the database

Mouse-over behaviour Performance tips What's new? Tree reference STD vs PRO

On-line
Builder

PRO

STD

123Guide Examples Download

Themes

CODETHATTREE STD BUILDER

There is an online CodeThatTree Builder for STD version.

Fill an appropriate fields, then click 'Build script' button and paste code from the Result window to your web page.

To see the result at our web site click 'Preview' button.

In case you've only download Standard version you're getting CodeThatTree Builder for STD version.

Please keep in mind - fields marked (*) are required.

Read Standard vs PRO to know the differences between CodeThatTree Standard and PRO.

Read CodeThatTree User Manual to learn more about CodeThatTree.

Common Settings: Paths

You can't change standard paths at online version because at the other case script can't fine correct path and builder can't create correct html-code.

But at the offline version you should type at the fields bellow correct paths to SDK and CodeThatTree script.

Also you should specify path to Styles file (CSS) and Images directory.

CodeThatSDK (relative):
CodeThatTree (relative):
Styles file (CSS):

Main Settings

Position	X	px	Y	px
Absolute positioning
Target

Style Settings

CSS class
Item offset	X	px	Y	px
Size	Width		Height
Define fixed item size
	(if you don't get the desired look of the tree try to deselect this checkbox)
	Width		Height
Text color
Custom text color (HEX)
Background image
Background color
Custom background color (HEX)
url of the image for a tree leaf
url of the image for a closed tree node
url of the image for a open tree node
Z-index

Shadow Parameters

Create shadow
Shadow color
Custom shadow color (HEX)
Width

Border Parameters

Create border
Border color
Custom border color (HEX)
Width

"mouseover" Style Settings

Define style when in "mouseover" state

CSS class
Text color
Custom text color (HEX)
Background image
Background color
Custom background color (HEX)
Z-index

Items Settings

Text

Specify html text

Html code

Action Parameters

URL

Target

Title(item hint)

JS code

Style Settings

Specify style settings for this item

Specify style settings for this item when in "mouseover" state

Specify style settings for submenu

Specify style settings for for submenu when in "mouseover" state

Style Settings for the Item

Style Settings for the Item When in "mouseover" State

Style Settings for the Submenu

Style Settings for the Submenu When in "mouseover" State

CSS class

Text color

Custom text color (HEX)

Background image

Background color

Custom background color (HEX)

Z-index

url of the image for a tree leaf
url of the image for a closed tree node
url of the image for a open tree node
Ability to specify the form in this item
Shadow Parameters
Create shadow
Shadow color
Custom shadow color (HEX)
Width
Border Parameters
Create border
Border color
Custom border color (HEX)
Width

(Select item and click on 'Add item' to add an item below selected item)

Build the Script

[ Home ] [ Contacts ] [ Site Map ] [ News ] [ Links ] [ Downloads ]

[ Go Top ]