<html>
<head>
<title>Выбор цвета</title>
<style type="text/css">
html
{
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
}
body
{
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
}
body
{
font-family: Tahoma;
font-size: 10pt;
}
td, th
{
padding: 0px;
margin: 0px;
vertical-align: top;
}
table
{ border-collapse: collapse; }
table.stuff td, table.stuff th
{
padding: 2px 4px;
}
</style>
<script type="text/javascript" src="/js/6078/prototype.js" ></script>
<script type="text/javascript" src="/js/6078/colorpicker/ColorMethods.js" ></script>
<script type="text/javascript" src="/js/6078/colorpicker/ColorValuePicker.js" ></script>
<script type="text/javascript" src="/js/6078/colorpicker/Slider.js" ></script>
<script type="text/javascript" src="/js/6078/colorpicker/ColorPicker.js" ></script>
</head>
<body>
<div style="display: block; position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; overflow: hidden;">
<img src="/js/colorpicker/images/rangearrows.gif" />
<img src="/js/colorpicker/images/mappoint.gif" />
<img src="/js/colorpicker/images/bar-saturation.png" />
<img src="/js/colorpicker/images/bar-brightness.png" />
<img src="/js/colorpicker/images/bar-blue-tl.png" />
<img src="/js/colorpicker/images/bar-blue-tr.png" />
<img src="/js/colorpicker/images/bar-blue-bl.png" />
<img src="/js/colorpicker/images/bar-blue-br.png" />
<img src="/js/colorpicker/images/bar-red-tl.png" />
<img src="/js/colorpicker/images/bar-red-tr.png" />
<img src="/js/colorpicker/images/bar-red-bl.png" />
<img src="/js/colorpicker/images/bar-red-br.png" />
<img src="/js/colorpicker/images/bar-green-tl.png" />
<img src="/js/colorpicker/images/bar-green-tr.png" />
<img src="/js/colorpicker/images/bar-green-bl.png" />
<img src="/js/colorpicker/images/bar-green-br.png" />
<img src="/js/colorpicker/images/map-red-max.png" />
<img src="/js/colorpicker/images/map-red-min.png" />
<img src="/js/colorpicker/images/map-green-max.png" />
<img src="/js/colorpicker/images/map-green-min.png" />
<img src="/js/colorpicker/images/map-blue-max.png" />
<img src="/js/colorpicker/images/map-blue-min.png" />
<img src="/js/colorpicker/images/map-saturation.png" />
<img src="/js/colorpicker/images/map-saturation-overlay.png" />
<img src="/js/colorpicker/images/map-brightness.png" />
<img src="/js/colorpicker/images/map-hue.png" />
</div>
<table style="margin-left: 10px; margin-top: 10px;">
<tr>
<td valign="top"><div id="cp1_ColorMap"></div></td>
<td valign="top"><div id="cp1_ColorBar"></div></td>
<td valign="top"><table style="border-collapse: collapse;" class="stuff">
<tr>
<td style="padding-top: 0px;" colspan="3"><div id="cp1_Preview" style="background-color: #fff; width: 99%; height: 60px; padding: 0; margin: 0; border: solid 1px #000;"><br /></div></td>
</tr>
<tr>
<td><input type="radio" id="cp1_HueRadio" name="cp1_Mode" value="0" /></td>
<td><label for="cp1_HueRadio">H:</label></td>
<td><input type="text" id="cp1_Hue" value="0" style="width: 40px;" /> °</td>
</tr>
<tr>
<td><input type="radio" id="cp1_SaturationRadio" name="cp1_Mode" value="1" /></td>
<td><label for="cp1_SaturationRadio">S:</label></td>
<td><input type="text" id="cp1_Saturation" value="100" style="width: 40px;" /> %</td>
</tr>
<tr>
<td><input type="radio" id="cp1_BrightnessRadio" name="cp1_Mode" value="2" /></td>
<td><label for="cp1_BrightnessRadio">B:</label></td>
<td><input type="text" id="cp1_Brightness" value="100" style="width: 40px;" /> %</td>
</tr>
<tr>
<td colspan="3" height="5"> </td>
</tr>
<tr>
<td><input type="radio" id="cp1_RedRadio" name="cp1_Mode" value="r" /></td>
<td><label for="cp1_RedRadio">R:</label></td>
<td><input type="text" id="cp1_Red" value="255" style="width: 40px;" /></td>
</tr>
<tr>
<td><input type="radio" id="cp1_GreenRadio" name="cp1_Mode" value="g" /></td>
<td><label for="cp1_GreenRadio">G:</label></td>
<td><input type="text" id="cp1_Green" value="0" style="width: 40px;" /></td>
</tr>
<tr>
<td><input type="radio" id="cp1_BlueRadio" name="cp1_Mode" value="b" /></td>
<td><label for="cp1_BlueRadio">B:</label></td>
<td><input type="text" id="cp1_Blue" value="0" style="width: 40px;" /></td>
</tr>
<tr>
<td style="text-align: right;">#</td>
<td colspan="2"><input type="text" id="cp1_Hex" value="FF0000" style="width: 60px;" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="right" colspan="3" style="padding-top: 16px;">
<input type="button" value=" Выбрать " onClick="YesItIs();">
<input type="button" value=" Отмена " onClick="window.close();">
</td>
</tr>
</table>
<script type="text/javascript"><!--
function YesItIs()
{
var ta = window.opener.document.getElementById('sif7');
ta.value = '#' + $('cp1_Hex').value;
window.close();
return true;
}
Event.observe(window, 'load', function()
{
cp1 = new Refresh.Web.ColorPicker('cp1', {startHex: 'c6190e', startMode:'h'});
cp1.setColorMode('s');
});
--></script>
</body>
</html>
