[SOLVED] Change Input Textbox Background Color

tejaxx · November 19th, 2007, 12:47 PM

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 Code:

<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 · November 19th, 2007, 12:52 PM

Maybe add onkeypress="ChkCb()"

Blake121 · November 19th, 2007, 12:56 PM

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 · November 19th, 2007, 04:12 PM

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 · November 19th, 2007, 04:16 PM

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