FARBE Web-SgS

Script - 21

( Dolmetscher ?)

(Переводчик?)

Выбор цвета в ручном режиме

<head>   <script Language="JavaScript"> var red=255; var green=255; var blue=255; var value=0; var convert = new Array() var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); for (x=0; x<16; x++){ for (y=0; y<16; y++){ convert[value]= hexbase[x] + hexbase[y]; value++; } } function clear(){ document.color.bl.value= blue; document.color.rd.value= red; document.color.gr.value= green; } function display(){ redx = convert[red] greenx = convert[green] bluex = convert[blue] var rgb = "#"+redx+greenx+bluex; document.color.rgbdspl.value= rgb; document.bgColor =rgb; } function setdspl(hexval){ if (hexval.length!=7) alert("Invalid hexademical value entered"); else{ hexval=hexval.toUpperCase(); document.color.rgbdspl.value=hexval redx=hexval.substring(1,3) greenx=hexval.substring(3,5) bluex=hexval.substring(5,7) hred=eval(parseInt(redx,16)) hgreen=eval(parseInt(greenx,16)) hblue=eval(parseInt(bluex,16)) if (hred>=0 && hred<256 && hgreen>=0 && hgreen<256 && hblue>=0 && hblue<256){ document.bgColor =hexval red=hred; green=hgreen; blue=hblue; document.color.rd.value= red; document.color.gr.value= green; document.color.bl.value= blue; } else{ alert("Invalid Hexademical Value Entered") } } } function upred(x){ if ((red+x)<=255) red+=x document.color.rd.value= red; display() } function downred(x){ if ((red-x)>=0) red-=x document.color.rd.value= red; display() } function setred(x){ if (x<0 || x>255) alert("Incorrect Value entered !\n\nValue must be from 0 to 255") else{ red=eval(x); document.color.rd.value= red; display() } } function upgreen(x){ if ((green+x)<=255) green+=x document.color.gr.value= green; display() } function setgreen(x){ if (x<0 || x>255) alert("Incorrect Value entered !\n\nValue must be from 0 to 255") else{ green=eval(x); document.color.gr.value= green; display() } } function downgreen(x){ if ((green-x)>=0) green-=x document.color.gr.value= green; display() } function upblue(x){ if ((blue+x)<=255) blue+=x document.color.bl.value= blue; display() } function setblue(x){ if (x<0 || x>255) alert("Incorrect Value entered !\n\nValue must be from 0 to 255") else{ blue=eval(x); document.color.bl.value= blue; display() } } function downblue(x){ if ((blue-x)>=0) blue-=x document.color.bl.value= blue; display() } // done hiding --> </script> </head> <CENTER> <BODY onLoad="clear();display()">  <form Name="color"> <div align="center"><center><table height="126" width="390"> <tr Align="Center"> <td height="27" align="left" width="52"><input NAME="red" type="button" VALUE=" +50 " onclick="upred(50)"></td> <td height="27" align="left" width="47"><input NAME="red" type="button" VALUE=" + + " onclick="upred(10)"></td> <td height="27" align="left" width="35"><input NAME="red" type="button" VALUE=" + " onclick="upred(1)"> </td> <td height="27" align="left" width="73"><font color="#FF0000" size="+3">rot</font></td> <td height="27" align="left" width="26"><input NAME="red-" type="button" VALUE=" - " onclick="downred(1)"></td> <td height="27" align="left" width="36"><input NAME="red-" type="button" VALUE=" - - " onclick="downred(10)"></td> <td height="27" align="left" width="47"><input NAME="red-" type="button" VALUE=" -50 " onclick="downred(50)"></td> <td height="27" align="left" width="42"><input type="text" Name="rd" Size="3" onchange="setred(this.form.rd.value)"></td> </tr> <tr Align="Center"> <td height="27" align="left" width="52"><input NAME="green" type="button" VALUE=" +50 " onclick="upgreen(50)"></td> <td height="27" align="left" width="47"><input NAME="green" type="button" VALUE=" + + " onclick="upgreen(10)"></td> <td height="27" align="left" width="35"><input NAME="green" type="button" VALUE=" + " onclick="upgreen(1)"></td> <td height="27" align="left" width="73"><font color="#00FF00" size="+3">grün</font></td> <td height="27" align="left" width="26"><input NAME="green-" type="button" VALUE=" - " onclick="downgreen(1)"></td> <td height="27" align="left" width="36"><input NAME="green-" type="button" VALUE=" - - " onclick="downgreen(10)"></td> <td height="27" align="left" width="47"><input NAME="green-" type="button" VALUE=" -50 " onclick="downgreen(50)"></td> <td height="27" align="left" width="42"><input type="text" Name="gr" Size="3" onchange="setgreen(this.form.gr.value)"></td> </tr> <tr Align="Center"> <td height="27" align="left" width="52"><input NAME="blue" type="button" VALUE=" +50 " onclick="upblue(50)"></td> <td height="27" align="left" width="47"><input NAME="blue" type="button" VALUE=" + + " onclick="upblue(10)"></td> <td height="27" align="left" width="35"><input NAME="blue" type="button" VALUE=" + " onclick="upblue(1)"></td> <td height="27" align="left" width="73"><font color="#0000FF" size="+3">blau</font></td> <td height="27" align="left" width="26"><input NAME="blue-" type="button" VALUE=" - " onclick="downblue(1)"></td> <td height="27" align="left" width="36"><input NAME="blue-" type="button" VALUE=" - - " onclick="downblue(10)"></td> <td height="27" align="left" width="47"><input NAME="blue-" type="button" VALUE=" -50 " onclick="downblue(50)"></td> <td height="27" align="left" width="42"><div align="left"><p><input type="text" Name="bl" Size="3" onchange="setblue(this.form.bl.value)"></td> </tr> <tr Align="center"> <td height="35" align="left" width="52"></td> <td height="35" align="left" width="47"></td> <td height="35" align="left" width="35"></td> <td height="35" align="left" width="73"><input type="text" Name="rgbdspl" Size="7" onchange="setdspl(this.form.rgbdspl.value)"></td> <td height="35" align="left" width="26"></td> <td height="35" align="left" width="36"></td> <td height="35" align="left" width="47"></td> <td height="35" align="left" width="42"><div align="center"></div></td> </tr> </table> </center></div> </form>  <br> </CENTER> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> <p><center> <font face="arial, helvetica" size="-2"><br> </font> </center><p>

Пример:

**на верх **