JXtension - new Color(rgbColor)

Purpose:
Give the user the ability to represent and mutate a CSS RGB color as a JavaScript object.

Parameters:

rgbColor	The RGB values that can be used to represent a color in CSS. Each number in the RGB format must be an integer greater than or equal to zero but less than or equal to 255. This parameter must be in the following format (replacing the pound signs (#) with valid integers): RGB(#, #, #)

Result:
Constructing a JXtension color in this way yields an object which contains the RGB color values for the specified RGB color entry.

Example #1:
The following will illustrate how to create a JavaScript (JXtension) color object from a CSS RGB color:


// Randomize the order of the colors. var indices = [parseInt(Math.random() * 3)]; indices.push((indices[0] + parseInt(Math.random() * 2) + 1) % 3); indices.push(3 - indices[0] - indices[1]); // Get the cells below the text box. var tds = $("#tblEx1 TR:element(last) TD"); // Show red at a random spot. var hexCode = "RGB(255, 0, 0)"; var aColor = new Color(hexCode); $(tds[indices[0]]).setCSS("background-color", aColor); $(tds[indices[0]]).setCSS("color", aColor.getSafeColor()).setText(hexCode); // Show green at a random spot. hexCode = "RGB(0, 255, 0)"; aColor = new Color(hexCode); $(tds[indices[1]]).setCSS("background-color", aColor); $(tds[indices[1]]).setCSS("color", aColor.getSafeColor()).setText(hexCode); // Show blue at a random spot. hexCode = "RGB(0, 0, 255)"; aColor = new Color(hexCode); $(tds[indices[2]]).setCSS("background-color", aColor); $(tds[indices[2]]).setCSS("color", aColor.getSafeColor()).setText(hexCode); // Show the message. alert("Notice how the three primary colors of light can be found in the cells b" + "elow the text box.");

See also:

Main Menu