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

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 STANDARD

There is an online CodeThatHint Builder for STD version.

Fill an appropriate fields, then click 'Build script that creates a hint' 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 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

Top (y):	px	Left (x):	px	Z-index:
make always fully visible make scrollable

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.

Backgrounds

Background color:
Background image:

Borders

Width:
Color:

Advanced

CSS class:

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 ] [ Contacts ] [ Site Map ] [ News ] [ Links ] [ Downloads ]

[ Go Top ]