[SOLVED] Change Input Textbox Background Color

tejaxx · #1 Nov 19th, 2007, 16:47

I have a web page with a checkbox and a textbox. When I check/uncheck the checkbox, I want to disable/enable the textbox and change the textbox background color.

I am using the code below. It works except the color change is not apparent until I physically click on the textbox. Can I make the color change happen immediatly when I change the checkbox?

HTML: Select all

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<SCRIPT LANGUAGE = "JAVASCRIPT">
<!--
function ChkCb() {
if( MyForm.IDcb.checked ) {
MyForm.IDtx.style.backgroundColor = "#D4D2D2";
MyForm.IDtx.style.color="#D4D2D2"
MyForm.IDtx.disabled = true;
} else {
MyForm.IDtx.style.backgroundColor = "#FBFBFB";
MyForm.IDtx.style.color="#000000"
MyForm.IDtx.disabled = false;
}
}
//-->
</script>
</head>
<body>
<form method="POST" name="MyForm" action="myscript.cgi">
Format="TEXT/CSV" S-Label-Fields="TRUE" -->
<p><input type="checkbox" name="cb" id="IDcb" value="ON" onchange=ChkCb() ></p>
<p><input type="text" name="tx" size="20" id="IDtx"></p>
<p><input type="submit" value="Submit" name="B1">
<input type="reset" value="Reset" name="B2"></p>
</form>
</body>
</html>

alexgeek · #2 Nov 19th, 2007, 16:52

Maybe add onkeypress="ChkCb()"

Blake121 · #3 Nov 19th, 2007, 16:56

Got a link to the page in question?

Would really help.

And why is this " Format="TEXT/CSV" S-Label-Fields="TRUE" --> " sitting randomly in the middle of the page? Maybe take that out?

tejaxx · #4 Nov 19th, 2007, 20:12

And why is this " Format="TEXT/CSV" S-Label-Fields="TRUE" --> " sitting randomly in the middle ...

I deleted some comments when I pasted the code to this forum; I apparently missed the tail end of this comment. This was not the problem.

Maybe add onkeypress="ChkCb()"

Onkeypress does not seem to work either; but, this did work:

Split the disabling and the color change into two functions. Use the checkbox onchange event to disable/enable the textbox, and use the forms onkeyup and onmouseup events to change the textbox color.

alexgeek · #5 Nov 19th, 2007, 20:16

This is solved tehn? if you could mark it as solved via thread tools that would be great

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Change Background colour based on input	smudge618	JavaScript Forum	2	Feb 6th, 2008 11:55
[SOLVED] Change div background on hover of another element	Aso	JavaScript Forum	10	Dec 8th, 2007 11:08
Input textbox background trouble	sanstepsan	Starting Out	1	Feb 17th, 2007 21:27
A way to change background color of a menu list	gohankid77	Web Page Design	1	Oct 12th, 2004 10:14
Anybody know how to change the color of a text input form in	Physt	Web Page Design	7	Aug 16th, 2004 08:44

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
[SOLVED] Change Input Textbox Background Color