gmmsk7
03-14-2005, 10:11 PM
I have 3 check boxes.when i click In progress it will allow to enter the date through popup calendar. When i click other options like approved and moved..it will not allow to enter the date..i need to disable the popup link..is it possible?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function Disab(val){
frmObj1 = eval(document.forms[ProcedureMaster]);
alert(val);
if (val == 'Approved' || val == 'Added to HIS') {
ProcedureMaster.RequestDate.disabled=true;
ProcedureMaster.EffectiveDate.disabled=true;
}else{
if (val == 'In Progress')
ProcedureMaster.RequestDate.disabled=false;
ProcedureMaster.EffectiveDate.disabled=false;
}
}
</script>
</head>
<body>
<form name="ProcedureMaster" method="post" action="">
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="32"><input type="radio" name="status" value="Approved" checked="checked" onclick="Disab('In Progress');"></td>
<td width="448">In Progress </td>
</tr>
<tr>
<td><input type="radio" name="status" value="Approved" checked="checked" onclick="Disab('Approved');"></td>
<td>Approved</td>
</tr>
<tr>
<td><input type="radio" name="status" value="Added to HIS" checked="checked" onclick="Disab('Added to HIS');"></td>
<td>Moved to CDM</td>
</tr>
</table>
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="119">Request Date</td>
<td width="361"><input type="text" name="RequestDate" size="15" maxlength="25"/>
<a href="javascript:show_calendar('ProcedureMaster.RequestDate');" name="reqDateLink" onMouseOut="window.status='';" >
<img src="../images/show-calendar.gif" width=18 height=18 border=0 alt="RequestDate"></a>
</td>
</tr>
<tr>
<td>Due Date</td>
<td><input type="text" name="EffectiveDate"> <a href="javascript:show_calendar('ProcedureMaster.RequestDate');" name="reqDateLink" onMouseOut="window.status='';" >
<img src="../images/show-calendar.gif" width=18 height=18 border=0 alt="RequestDate"></a>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</form>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function Disab(val){
frmObj1 = eval(document.forms[ProcedureMaster]);
alert(val);
if (val == 'Approved' || val == 'Added to HIS') {
ProcedureMaster.RequestDate.disabled=true;
ProcedureMaster.EffectiveDate.disabled=true;
}else{
if (val == 'In Progress')
ProcedureMaster.RequestDate.disabled=false;
ProcedureMaster.EffectiveDate.disabled=false;
}
}
</script>
</head>
<body>
<form name="ProcedureMaster" method="post" action="">
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="32"><input type="radio" name="status" value="Approved" checked="checked" onclick="Disab('In Progress');"></td>
<td width="448">In Progress </td>
</tr>
<tr>
<td><input type="radio" name="status" value="Approved" checked="checked" onclick="Disab('Approved');"></td>
<td>Approved</td>
</tr>
<tr>
<td><input type="radio" name="status" value="Added to HIS" checked="checked" onclick="Disab('Added to HIS');"></td>
<td>Moved to CDM</td>
</tr>
</table>
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="119">Request Date</td>
<td width="361"><input type="text" name="RequestDate" size="15" maxlength="25"/>
<a href="javascript:show_calendar('ProcedureMaster.RequestDate');" name="reqDateLink" onMouseOut="window.status='';" >
<img src="../images/show-calendar.gif" width=18 height=18 border=0 alt="RequestDate"></a>
</td>
</tr>
<tr>
<td>Due Date</td>
<td><input type="text" name="EffectiveDate"> <a href="javascript:show_calendar('ProcedureMaster.RequestDate');" name="reqDateLink" onMouseOut="window.status='';" >
<img src="../images/show-calendar.gif" width=18 height=18 border=0 alt="RequestDate"></a>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</form>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>