Dear surfer, Welcome to the ":: JavaScript hint controlling made easy ::" page of the CodeThat.Com,The content of the page can be defined as: JavaScript layer hint controls. Create layer hint then set the position and close when done. All code in the convenient controls.Most likely you found us using the keywords: "CodeThatHint, script, form, layer, window, javascript, javascript form, free, free javascript form, cross-browser, html, xml, css, browser, content, appearance, window creation, layer creation".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

Affiliate registration

Our Customers

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

User Manual

Introduction Hint style

On-line Builder

CODETHATHINT ONLINE BUILDER PROFESSIONAL

There is an online CodeThatHint Builder for PRO 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.

You'll get CodeThatHint Builder for PRO version when purchase CodeThatHint PRO.

In case you've only download Standard version you're getting CodeThatHint 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 CodeThatHint User Manual to learn more about CodeThatHint.

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 CodeThatSDK and CodeThatHint script.

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

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

Main Properties

Size

Width:		px		Height:		px

Position

follow mouse movements absolute relative to object having ID:
Top (y):	px	Left (x):	px	Z-index:
make always fully visible make scrollable

Time intervals

Timeout before hint is shown:		milliseconds
Timeout before hint is hidden:		milliseconds
Hint maximum lifetime (0 = unlimited):		milliseconds

Style settings

When you're specifying colors you can both type an appropriate value to the control or click Choose button and pick color from the dialog box.

When you're specifying images you can both type an appropriate value to the control or click Browse button and and choose image file.

XP Hints

Use XPHint style
Display XPHint shadows
Shadow shift X:	px	Shadow shift Y:	px
Shadow add width:	px	Shadow add height:	px
Shadow opacity (for IE 5.5+):

	Top-left	Top-center	Top-right
Left-top				Right-top
Left-middle	Arrow position:			Right-middle
Left-bottom				Right-bottom
	Bottom-left	Bottom-center	Bottom-right

XPHint images directory (on a website, required for code generation):

Backgrounds

Background color:
Background image:

Borders

Width:
Color:

Advanced

CSS class:
Window opacity (for IE 5.5+):
Advanced filter settings (for IE 5.5+):

Window contents: text or HTML code

<h1>Sample HTML</h1>

Get your result!

Use this strings to display/hide hint

To display hints when mouse pointer moves above certain elements at your document you should attach appropriate hints to those elements. CodeThatHint can be attached to any HTML element that has "onMouseOver" and "onMouseOut" modifiers. To attach a hint just add to the element tag the following string:


onmouseover="cthintN.show()" onmouseout="cthintN.hide()"

[ Home ] [ Forum ] [ Contacts ] [ Site Map ] [ News ] [ Links ] [ Sales & Prices ] [ Downloads ]

[ Go Top ]