PDA

Click to See Complete Forum and Search --> : graying out boxes

MadCommando
07-04-2003, 11:35 AM
I have a checkbox and a radio input I want them to determine whether certain text inputs are grayed out or acessable. I know I probably have to run some sort of onClick="function()" sort of thing, I just want some sort of simple example to follow.
Jona
07-04-2003, 01:01 PM
Maybe these examples will help:


<!-- Example One: -->
<script type="text/javascript">
<!--
var elem;
function disableElem(elem){elem.disabled=true;}
function enableElem(elem){elem.disabled=false;}
//-->
</script>
</head><body>
<form action="" name="myForm"><div>
<input type="button" onMouseOver="disableElem(this);" onMouseOut="enableElem(this);" value="Try to Click Me!">
</div></form>
</body></html>

<!-- Example Two: -->
<script type="text/javascript">
<!--
function disabledButton(){
document.myForm.elements[0].disabled=true;
}
function enabledButton(){
document.myForm.elements[0].disabled=false;
}
//-->
</script></head>
<body>
<form action="" name="myForm"><div>
<input type="button" onMouseOver="disabledButton();" onMouseOut="enabledButton();" value="Try to Click Me!">
</div></form>
</body></html>

<!-- Example Three: -->
<script type="text/javascript">
<!--
function disableButton(){
document.myForm.myButton.disabled=true;
}
function enableButton(){
document.myForm.myButton.disabled=false;
}
//-->
</script></head>
<body>
<form action="" name="myForm"><div>
<input type="button" onMouseOver="disableButton();" onMouseOut="enableButton();" value="Try to Click Me!">
</div></form>
</body></html>


[J]ona
MadCommando
07-04-2003, 10:37 PM
Thanks a lot, with some tweaking and some onClick="return funtion()" I was able to gray out boxes that are null to complete the effect
Jona
07-05-2003, 12:41 PM
You're welcome. :)

[J]ona