affordable web development services
| About Us | Services | Download | Order | Support | Subscribe to News Feed Follow us on Twitter Join us on Facebook |
 

Tigra Color Picker v1.1 - Documentation

Table of Contents

Description

Tigra Color Picker - Free JavaScript widget that makes it easy for your visitors to fill out color value field(s) by selecting the color from a popup palette. Script saves the time for those internet/intranet developers who need intuitive, easy to use client-side color input control.

Features

Compatibility List

Tigra Color Picker can work with any browser capable of generic DHTML.
Script was successfully tested on Windows(95; 98/se; ME; 2000; XP), Macintosh and OS (8.6; 9), with these browsers:

Files

Tigra Color Picker script consists of several files. This makes its maintenance easier and reduces network load.
Default distribution package contains:

Script files should be attached to HTML document with appropriate tags in header:

<head>
	<!-- some header data -->
	<script language="JavaScript" src="picker.js"></script>
</head>

Document Setup

Tigra Color Picker is control for color selection that returns value in form field. Make sure your HTML document has valid form with some unique name and text field:

<form name="some_form_name" ... >
	<!-- some inner HTML of the form -->
	<!-- Add input box to the form -->
	<input type="Text" name="input0">
</form>

Add Color Picker call within HTML form at the place where you want it to appear.

<form name='tcp_test' >
	<!-- some inner HTML of the form -->
	<!-- Add input box to the form -->
	<input type="Text" name="input0">
	<!-- Color Picker initialization and anchor icon to call a picker -->
	<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input0'])">
	<img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="img/sel.gif"></a>
</form>

Note: The form name, input control name may be replaced with your values. If you change those names don't forget to change the names in Color Picker calling block.

Calling a Color Picker Function Prototype

Script call block dynamically creates pop-up window that contains color palettes. Pop-up method accepts up to two parameters:

<script language="JavaScript">
	TCP.popup(element, palette);
</script>

Calling Example

To call a Color Picker with a Grey Scale Palette make a following call:

	<script language="JavaScript">
		TCP.popup(document.forms['my_form'].elements['myelement'], 2);
	</script>

Terms and Conditions

Tigra Color Picker is FREE for any kind of applications. There is no license fee or royalty fee to be paid at any time for using the Tigra Menu
You may include the source code or modified source code within your own projects for either personal or commercial use but excluding the restrictions outlined below. The following restrictions apply to all parts of the component, including all source code, samples and documentation:

Links and References