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
|
<?php
global $allow_color_customization;
?>
<script type="text/javascript">
<!-- <![CDATA[
// error check the colors
function valid_color ( str ) {
var validColor = /^#[0-9a-fA-F]{3}$|^#[0-9a-fA-F]{6}$/;
return validColor.test ( str );
}
function valid_form ( form ) {
var err = "";
var colorErr = false;
<?php if ( $allow_color_customization ) { ?>
if ( ! valid_color ( form.pref_BGCOLOR.value ) )
err += "<?php etranslate("Invalid color for document background")?>.\n";
if ( ! valid_color ( form.pref_H2COLOR.value ) )
err += "<?php etranslate("Invalid color for document title")?>.\n";
if ( ! valid_color ( form.pref_CELLBG.value ) )
err += "<?php etranslate("Invalid color for table cell background")?>.\n";
if ( ! valid_color ( form.pref_TODAYCELLBG.value ) )
err += "<?php etranslate("Invalid color for table cell background for today")?>.\n";
<?php } ?>
if ( err.length > 0 )
colorErr = true;
if ( ! validWorkHours ( form ) ) {
err += "<?php etranslate("Invalid work hours"); ?>.\n";
err += form.pref_WORK_DAY_START_HOUR.value + " > " + form.pref_WORK_DAY_END_HOUR.value + "\n";
}
if ( colorErr ) {
alert ( "Error:\n\n" + err + "\n\n<?php etranslate("Color format should be '#RRGGBB'")?>" );
return false;
} else if ( err.length > 0 ) {
alert ( "Error:\n\n" + err );
return false;
}
return true;
}
function validWorkHours ( form ) {
return ( parseInt ( form.pref_WORK_DAY_START_HOUR.value ) <
parseInt ( form.pref_WORK_DAY_END_HOUR.value ) );
}
function selectColor ( color ) {
url = "colors.php?color=" + color;
var colorWindow = window.open(url,"ColorSelection","width=390,height=350,resizable=yes,scrollbars=yes");
}
// Updates the background-color of a table cell
// Parameters:
// input - <input> element containing the new color value
// Note: this function relies on the following structure:
// <td><input onkeyup="updateColor(this);" /></td>
// <td>(this is the cell to be updated)</td>
function updateColor ( input ) {
// The cell to be updated
var colorCell = input.parentNode.nextSibling;
// The new color
var color = input.value;
if (!valid_color ( color ) ) {
// Color specified is invalid; use black instead
colorCell.style.backgroundColor = "#000000";
} else {
colorCell.style.backgroundColor = color;
}
}
//]]> -->
</script>
|
