Color Adjuster - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Color Adjuster		[View Sample]

Allows for the fine tuning of the window's background color via red, green, and blue color buttons. Click a button to change the color value manually, or use the '>' and '<' to change the amount of that color in the background.


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function color(frm, clr, val) { v = eval("0x" + frm[clr].value) + val; if (v < 0 \|\| v > 255) v -= val; v = v.toString(16).toUpperCase(); while (v.length < 2) v = "0" + v; frm[clr].value = v; nc = ""; for(i = 1; i < 8; i += 3) nc += frm.elements[i].value; document.bgColor = nc; } function setval(item) { v = prompt("New value for " + item.name + " (00 - FF)", item.value); if (v) { v = eval("0x" + v); if ((v & 255) == v) { item.value=v.toString(16).toUpperCase(); while (item.value.length < 2) item.value = "0" + item.value; color(document.f, item.name, 0); } } } // End --> </script>

Insert into <BODY>
<center> <form name=f> <table border=1> <tr> <td colspan=3 align=center bgcolor="#ff0000">RED</td> <td colspan=3 align=center bgcolor="#00ff00">GREEN</td> <td colspan=3 align=center bgcolor="#000ff">BLUE</td> </tr> <tr> <td><input type=button name=rm value="<" onclick = "color(this.form, 'Red' , -1);"></td> <td><input type=button name=Red value="AF" onclick = "setval(this);"></td> <td><input type=button name=rp value=">" onclick = "color(this.form, 'Red', 1);"></td> <td><input type=button name=gm value="<" onclick = "color(this.form, 'Green', -1);"></td> <td><input type=button name=Green value="BF" onclick = "setval(this);"></td> <td><input type=button name=gp value=">" onclick = "color(this.form, 'Green', 1);"></td> <td><input type=button name=bm value="<" onclick = "color(this.form, 'Blue', -1);"></td> <td><input type=button name=Blue value="CF" onclick = "setval(this);"></td> <td><input type=button name=bp value=">" onclick = "color(this.form, 'Blue', 1);"></td> </tr> </table> </form> </center>

Other Options