Калькуляторы (Calculators)

Расчет значения RGB (RGB Slider)

Описание:

Простой конвертор значений цвета из RGB в HEX с использованием бегунков на DHTML. Восхитительно!

Текст JavaScript-сценария: Calculators: RGB Slider
Просто выделите текст внутри формы, расположенной внизу, и скопируйте его (нажмите Ctrl-C или Apple-C) в новый текстовый файл программы-редактора (например, NotePad или Simple Text). После этого сохраните его (Ctrl-S или Command-S). Теперь вы можете использовать исходный текст сценария для решения своих задач!!!

   <HEAD> <style type="text/css">  </style> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY OnLoad="init()">  <div id="red"></div> <div id="green"></div> <div id="blue"></div> <div id="redSlider"></div> <div id="greenSlider"></div> <div id="blueSlider"></div> <div id="colorTable"> <table border=0 cellpadding=0 cellspacing=1> <tr><td colspan=18 align=center id="subtext">Standard 216 Color Palette</td></tr> <script>  </script> </table> </div> <div id="display"><img src="blank.gif" width=50 height=50 border=0></div> <div id="titleBar"> <table border=0 cellpadding=2 cellspacing=0 width=320> <tr> <td id="title">Houser's RGB2HEX DHTML App</td> </tr> </table> </div> <div id="hexValue"><form name="frmValue"> <table border=0 cellpadding=2 cellspacing=0 width=320 bgcolor=#EEEEEE> <tr> <td align=center> <table border=0 cellpadding=2 cellspacing=0> <tr> <td id="subtext">Red</td> <td id="subtext">Green</td> <td id="subtext">Blue</td> </tr> <tr> <td><input type=text size=3 maxlength=3 name="RgbDisp" value="0" onBlur="manualSet(this.value,'red');"></td> <td><input type=text size=3 maxlength=3 name="rGbDisp" value="0" onBlur="manualSet(this.value,'green');"></td> <td><input type=text size=3 maxlength=3 name="rgBDisp" value="0" onBlur="manualSet(this.value,'blue');"></td> </tr> </table> </td> <td align=center> <table border=0 cellpadding=2 cellspacing=0> <tr> <td id="subtext">Hexdecimal</td> </tr> <tr> <td><input type=text size=6 maxlength=6 name="valueDisp" value="000000" onBlur="convertHex();"></td> </tr> </table> </td> </tr> </table></form> </div>  <form> <input type=button value="Open RGB Slider" onClick="window.open('rgb-slider.html','sliderdemo', 'width=600,height=300,left=150,top=150');"></form><P>   <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

Источник: http://javascriptsource.com