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
107
108
109
110
111
112
113
114
115
|
<script type="text/javascript" src="<?php echo SpawConfig::getStaticConfigValue('SPAW_DIR') ?>plugins/core/dialogs/colorpicker.js"></script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top">
<div class="groupbox">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align: middle; padding: 5px 5px 5px 5px;">
<img id="hs_marker" src="<?php echo SpawConfig::getStaticConfigValue('SPAW_DIR') ?>plugins/core/dialogs/img/crosshair.gif" border="0" style="width: 9px; height: 9px; z-index: 50; position: absolute; left: 100; top: 100; visibility: hidden; cursor: crosshair;" unselectable="on" />
<img id="hs_grid" src="<?php echo SpawConfig::getStaticConfigValue('SPAW_DIR') ?>plugins/core/dialogs/img/huesaturation.jpg" border="0" style="border: 1px solid black; width: 180px; height: 202px; cursor: crosshair;" onclick="SpawColorPicker.hsClick(event, this);" /></td>
<td id="brightness_control_placeholder" style="vertical-align: middle; padding: 5px 5px 5px 5px; width: 25px;"> </td>
<td style="vertical-align: middle; padding: 0px 5px 0px 5px; width: 25px;">
<img id="b_marker" src="<?php echo SpawConfig::getStaticConfigValue('SPAW_DIR') ?>plugins/core/dialogs/img/leftarrow.gif" border="0" style="width: 8px; height: 9px; z-index: 50; position: absolute; left: 100; top: 100; visibility: hidden;" unselectable="on" />
</td>
</tr>
</table>
</div>
</td>
<td align="left" valign="top" rowspan="2">
<div class="groupbox">
<fieldset itle="HSB">
<legend>HSB</legend>
<div align="right">
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td algin="left" valign="middle">H:</td>
<td algin="left" valign="middle"><input type="text" name="iHue" id="iHue" class="input3chars" maxlength="3" onkeyup="SpawColorPicker.inputKeyUp(event, 'h', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
<tr>
<td algin="left" valign="middle">S:</td>
<td algin="left" valign="middle"><input type="text" name="iSaturation" id="iSaturation" class="input3chars" maxlength="3" onkeyup="SpawColorPicker.inputKeyUp(event, 's', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
<tr>
<td algin="left" valign="middle">B:</td>
<td algin="left" valign="middle"><input type="text" name="iBrightness" id="iBrightness" class="input3chars" maxlength="3" onkeyup="SpawColorPicker.inputKeyUp(event, 'v', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
</table>
</div>
</fieldset>
<fieldset itle="RGB">
<legend>RGB</legend>
<div align="right">
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td algin="left" valign="middle">R:</td>
<td algin="left" valign="middle"><input type="text" name="iRed" id="iRed" class="input3chars" maxlength="3" onkeyup="SpawColorPicker.inputKeyUp(event, 'r', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
<tr>
<td algin="left" valign="middle">G:</td>
<td algin="left" valign="middle"><input type="text" name="iGreen" id="iGreen" class="input3chars" maxlength="3" onkeyup="SpawColorPicker.inputKeyUp(event, 'g', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
<tr>
<td algin="left" valign="middle">B:</td>
<td algin="left" valign="middle"><input type="text" name="iBlue" id="iBlue" class="input3chars" maxlength="3" onkeyup="SpawColorPicker.inputKeyUp(event, 'b', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
</table>
</div>
</fieldset>
<fieldset title="HTML">
<legend>HTML</legend>
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td algin="left" valign="middle"><input type="text" name="iHex" id="iHex" class="input7chars" onkeyup="SpawColorPicker.inputKeyUp(event, 'x', this);" onchange="SpawColorPicker.setCurrentColor(SpawColorPicker.getCurrentColor());" /></td>
</tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td>
<div class="groupbox">
<style type="text/css">
<!--
.spawCPpredefColor
{
border: 1px solid black;
width: 20px; height: 20px;
}
-->
</style>
<table border="0" cellpadding="0" cellspacing="3">
<tr>
<td rowspan="2" id="color_sample" style="width: 40px; border: 1px solid black;"> </td>
<td class="spawCPpredefColor" style="background: black; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: silver; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: gray; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: white; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: maroon; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: red; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: #E7B04B; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML('#E7B04B', this);"> </td>
<td class="spawCPpredefColor" style="background: #3C90EB; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML('#3C90EB', this);"> </td>
</tr>
<tr>
<td class="spawCPpredefColor" style="background: green; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: lime; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: olive; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: yellow; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: navy; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: blue; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: teal; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
<td class="spawCPpredefColor" style="background: aqua; cursor: pointer;" onclick="SpawColorPicker.setCurrentColorFromHTML(this.style.backgroundColor, this);"> </td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div class="buttonbox">
<input type="button" class="bt" value="<?php echo $lang->m('ok', 'colorpicker', 'core') ?>" onclick="SpawColorPicker.okClick();" /> <input type="button" class="bt" value="<?php echo $lang->m('cancel', 'colorpicker', 'core') ?>" onclick="SpawColorPicker.cancelClick();" />
</div>
|