1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
/**
* Horde Colorpicker JavaScript.
*
* Provides the javascript to create a colorpicker.
*
* $Horde: horde/js/open_colorpicker.js,v 1.2 2004/10/19 19:08:53 chuck Exp $
*
* See the enclosed file COPYING for license information (LGPL). If you did not
* receive this file, see http://www.fsf.org/copyleft/lgpl.html.
*/
function openColorPicker(target)
{
var lay = document.getElementById('colorpicker_' + target);
if (lay.style.display == 'block') {
lay.style.display = 'none';
return false;
}
if (lay.firstChild) {
if (lay.firstChild.nodeType == 1) {
lay.style.display = 'block';
return false;
}
else {
lay.removeChild(lay.firstChild);
}
}
var table = document.createElement('table');
var tbody = document.createElement('tbody');
table.appendChild(tbody);
table.cellSpacing = 0;
table.border = 0;
table.style.cursor = 'crosshair';
table.onmouseout = function() {
document.getElementById('colordemo_' + target).style.backgroundColor = document.getElementById(target).value;
return false;
}
// The palette
r = 0; g = 0; b = 0;
for (b = 0; b < 6; b++) {
row = document.createElement('tr');
color = makeColor(b * 51, b * 51, b * 51);
cell = makeCell(target, color);
row.appendChild(cell);
for (g = 0; g < 6; g++) {
for (r = 0; r < 6; r++) {
if (r != b && b != g) {
color = makeColor(r * 51, g * 51, b * 51);
cell = makeCell(target, color);
row.appendChild(cell);
}
}
}
tbody.appendChild(row);
}
table.appendChild(tbody);
lay.appendChild(table);
lay.style.display = 'block';
}
function makeCell(target, color)
{
cell = document.createElement('td');
cell.height = 3;
cell.width = 6;
cell.id = color;
cell.style.backgroundColor = color;
cell.onmouseover = function() {
document.getElementById('colordemo_' + target).style.backgroundColor = this.style.backgroundColor;
return false;
}
cell.onclick = function() {
document.getElementById('colordemo_' + target).style.backgroundColor = this.style.backgroundColor;
document.getElementById(target).value = this.id;
return false;
}
return cell;
}
function makeColor(r, g, b)
{
color = "#";
color += hex(Math.floor(r / 16));
color += hex(r % 16);
color += hex(Math.floor(g / 16));
color += hex(g % 16);
color += hex(Math.floor(b / 16));
color += hex(b % 16);
return color;
}
function hex(Dec)
{
if (Dec == 10) return "a";
if (Dec == 11) return "b";
if (Dec == 12) return "c";
if (Dec == 13) return "d";
if (Dec == 14) return "e";
if (Dec == 15) return "f";
return "" + Dec;
}
|
