1 <INPUT TYPE="hidden" NAME="<% $opt{'field'} %>" ID="<%$id%>" VALUE="<%$value%>">
2 <TABLE BGCOLOR="#FFFFFF" ID="showcolor<%$unum%>">
4 <TD STYLE="border:1px solid blue;background-color:#<%$value%>" WIDTH=16 HEIGHT=16 ID="currcolor<%$unum%>"></TD>
5 <TD> <A HREF="javascript:void(0);" onClick="change_clicked<%$unum%>()">change</A></TD>
8 <TABLE BGCOLOR="#FFFFFF" ID="pickcolor<%$unum%>" STYLE="display:none">
12 % last unless @colors;
13 % my $color = shift(@colors);
14 <TD STYLE="border:1px solid blue;cursor:pointer;cursor:hand" BGCOLOR="#<% $color %>" WIDTH=16 HEIGHT=16 onClick="color_clicked<%$unum%>('<%$color%>')"></TD>
19 <SCRIPT TYPE="text/javascript">
21 function change_clicked<%$unum%>() {
22 document.getElementById('showcolor<%$unum%>').style.display = 'none';
23 document.getElementById('pickcolor<%$unum%>').style.display = '';
26 function color_clicked<%$unum%>(color) {
27 document.getElementById('<%$id%>').value = color; //update hidden
28 if ( color == '' ) { color = 'ffffff'; }
29 document.getElementById('currcolor<%$unum%>').style.backgroundColor = '#' + color;
30 document.getElementById('showcolor<%$unum%>').style.display = '';
31 document.getElementById('pickcolor<%$unum%>').style.display = 'none';
39 my $value = length($opt{curr_value}) ? $opt{curr_value} : $opt{value};
41 my $unum = int(rand(100000));
43 my $id = $opt{'id'} || $opt{'field'}.$unum;
53 'CC66FF', #purple? FF66FF looks more like pink.
58 my $cols = int(.5+scalar(@colors)/$rows);