change the style

crmpicco · January 21st, 2005, 05:15 AM

I have a text box.....

<input type="text" class="input" tabindex="5" name="retdt" maxlength=5 size=13 onfocus="removeYear('retdt')" onblur="return checkdate('/T2AgIBE/html/calendar.html','document.fexp.retdt.value','docume nt.fexp.rettm.value','ret',document.fexp.crdate.va lue,document.fexp.seldate.value,'retdt')" onChange="javascript:this.value=this.value.toUpper Case();">

How do i grey it out (change the style) to background color = grey when it is disabled.

Picco

Vadivel · January 21st, 2005, 05:24 AM

I was thinking the textbox would be greyed out automatically if it is disabled!! Isn't it greying it out when you say element.disabled=true?

Best Regards
Vadivel

MVP ASP/ASP.NET
http://vadivel.thinkingms.com

crmpicco · January 21st, 2005, 05:45 AM

the border greys out, but i wanted the bgcolor to be grey!

crmpicco · January 21st, 2005, 05:51 AM

Santhi · January 21st, 2005, 08:52 AM

When the textbox is disabled,text color will be changed to grey not the backcolor.You can set the background color of the textbox when it is disabled using BackColor="Gray".

Vadivel · January 21st, 2005, 10:46 PM

Is this what you want?

<html>
<head>
   <style type="text/css">
      INPUT.Enabled {background-color: #ffffff}
      INPUT.Disabled {background-color: #a9a9a9}
   </style>

<script type="text/javascript">
function getObject(objectId)
{
if (document.all && !document.getElementById)
{
    return document.all(objectId)
}
else
{
    return document.getElementById(objectId)
}
}

function DisableTextBox()
{
getObject("txtTest").disabled=true;
getObject("txtTest").className="Disabled";
}

function EnableTextbox()
{
getObject("txtTest").disabled=false;
getObject("txtTest").className="Enabled";

}
</script>
</head>

<body>
<form>
   <input name="txtTest" class="Required" tabindex="2" value="Vadivel">
   <input type="button" value="Editable TextBox" onclick="EnableTextbox()"/>
   <input type="button" value="Disable TextBox" onclick="DisableTextBox()"/>
</form>
</body>
</html>

Best Regards
Vadivel

MVP ASP/ASP.NET
http://vadivel.thinkingms.com

crmpicco · January 24th, 2005, 06:16 AM

this does the trick:

<input type="radio" name="oneret" value="O" onClick="disaridt();displayOpenJaw('oneret'); this.form.retdt.disabled=true; this.form.retdt.style.background='ECECEC';">