The Perl and Raku Conference 2025: Greenville, South Carolina - June 27-29 Learn more

MIKER / Graphics-ColorPicker-0.17 / examples / demo2.html 

            

              
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

              
<html>
<!-- version 1.00 3-24-12 -->
<head>
<title>Color Picker</title>
<script language=javascript1.2>
var cbID = null;        // set by onLoad of colorbar.html
var textback = -1;      // 0 = text, 1 = back
var mytext = '#FFFFFF';
var myback = '#000000';
function setHTML() {
  cbID.innerHTML = "background color = " + myback + "&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;text color = " + mytext;
}
function setTcolor (child) {
  mytext = '#' + child.hex;
  cbID.style.color = mytext;
  setHTML();
}
function setBcolor (child) {
  myback = '#' + child.hex;
  cbID.style.backgroundColor = myback;
  setHTML();
}
function setText (child) {
  if (textback < 0 || textback == 0)
    setTcolor(child);
  textback = 0;
  return false;
}
function setBack (child) {
  if (textback < 0 || textback == 1)
    setBcolor(child);
  textback = 1;
  return false;
}
function update_hook (child) {
  if (textback < 0)
    return;
  if (textback == 0) {
    setTcolor(child);
    return;
  }
  if (textback > 0)
    setBcolor(child);
}
   
   
</script>
</head>
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
  <frame name=colorbar src="colorbar.html" scrolling=auto marginwidth=10 marginheight=10 frameborder=0 noresize>
  <frame name=thepicker src="./p_gen2.cgi" scrolling=auto marginwidth=10 marginheight=10 frameborder=0>
</frameset>
</html>