enable or disable textbox 1

smurf01 · Dec 4, 2003

Guys,
I am very new to javascript and what I am trying to do is make a textbox enabled or disabled depending on the value in another textbox. below is the code i am trying out, i know it does not work and would appreciate any help. the two textbox names are

txtPriceOut
txtPriceInc

Code:

<script>
function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById(&quot;PI&quot;)
boxDis=(&quot;txtPriceOut&quot;)
 if(boxDis==0)
 {
 PI.style.visibility = &quot;enabled&quot;;
 	PI.style.display =&quot;block&quot;;
}
PI.style.visibility = &quot;disabled&quot;;
{
}
</script>

Regards

Paul

simonchristieis · Dec 4, 2003

function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("PI&quot

if(txtPriceOut.value==0){
txtPriceOut.disabled = true;
}else{
txtPriceOut.disabled = false;
}

smurf01 · Dec 4, 2003

Simon,
Thanks for your speedy response, I'm sorry but I don't think i explained myself very well and I also think that my code did not help either, I will try again

I have two textboxes

txtPriceOut & txtPriceInc

what I would like is if the value of txtPriceOut is = 0 then txtPriceInc is "enabled"

otherwise txtPriceInc is "disabled"

Regards

Paul

simonchristieis · Dec 4, 2003

function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("txtPriceOut&quot

var txtPriceInc=document.getElementById("txtPriceInc&quot

if(txtPriceOut.value==0){
txtPriceInc.disabled = true;
}else{
txtPriceInc.disabled = false;
}

smurf01 · Dec 4, 2003

Simon,
Unfortunatley it is still not working when i open the page even if the value of txtPriceOut is > 0 the txtPriceInc box is still enabled. I have posted my code if you don't mind looking at it

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<%
' *** Edit Operations: declare variables

Dim MM_editAction
Dim MM_abortEdit
Dim MM_editQuery
Dim MM_editCmd

Dim MM_editConnection
Dim MM_editTable
Dim MM_editRedirectUrl
Dim MM_editColumn
Dim MM_recordId

Dim MM_fieldsStr
Dim MM_columnsStr
Dim MM_fields
Dim MM_columns
Dim MM_typeArray
Dim MM_formVal
Dim MM_delim
Dim MM_altVal
Dim MM_emptyVal
Dim MM_i

MM_editAction = CStr(Request.ServerVariables("SCRIPT_NAME&quot

)
If (Request.QueryString <> "&quot

Then
MM_editAction = MM_editAction & "?" & Request.QueryString
End If

' boolean to abort record edit
MM_abortEdit = false

' query string to execute
MM_editQuery = ""
%>
<%
' *** Update Record: set variables

If (CStr(Request("MM_update&quot

) = "frmUpdate" And CStr(Request("MM_recordId&quot

) <> "&quot

Then

MM_editConnection = MM_Estimate_STRING
MM_editTable = "tblEstData"
MM_editColumn = "ID"
MM_recordId = "" + Request.Form("MM_recordId&quot

MM_columns = Split(MM_columnsStr, "|&quot

' set the form values
For MM_i = LBound(MM_fields) To UBound(MM_fields) Step 2
MM_fields(MM_i+1) = CStr(Request.Form(MM_fields(MM_i)))
Next

' append the query string to the redirect URL
If (MM_editRedirectUrl <> "" And Request.QueryString <> "&quot

Then
If (InStr(1, MM_editRedirectUrl, "?", vbTextCompare) = 0 And Request.QueryString <> "&quot

Then
MM_editRedirectUrl = MM_editRedirectUrl & "?" & Request.QueryString
Else
MM_editRedirectUrl = MM_editRedirectUrl & "&" & Request.QueryString
End If
End If

End If
%>
<%
' *** Update Record: construct a sql update statement and execute it

If (CStr(Request("MM_update&quot

) <> "" And CStr(Request("MM_recordId&quot

) <> "&quot

Then

' create the sql update statement
MM_editQuery = "update " & MM_editTable & " set "
For MM_i = LBound(MM_fields) To UBound(MM_fields) Step 2
MM_formVal = MM_fields(MM_i+1)
MM_typeArray = Split(MM_columns(MM_i+1),",&quot

MM_delim = MM_typeArray(0)
If (MM_delim = "none&quot

Then MM_delim = ""
MM_altVal = MM_typeArray(1)
If (MM_altVal = "none&quot

Then MM_altVal = ""
MM_emptyVal = MM_typeArray(2)
If (MM_emptyVal = "none&quot

Then MM_emptyVal = ""
If (MM_formVal = "&quot

Then
MM_formVal = MM_emptyVal
Else
If (MM_altVal <> "&quot

Then
MM_formVal = MM_altVal
ElseIf (MM_delim = "'&quot

Then ' escape quotes
MM_formVal = "'" & Replace(MM_formVal,"'","''&quot

& "'"
Else
MM_formVal = MM_delim + MM_formVal + MM_delim
End If
End If
If (MM_i <> LBound(MM_fields)) Then
MM_editQuery = MM_editQuery & ","
End If
MM_editQuery = MM_editQuery & MM_columns(MM_i) & " = " & MM_formVal
Next
MM_editQuery = MM_editQuery & " where " & MM_editColumn & " = " & MM_recordId

If (Not MM_abortEdit) Then
' execute the update
Set MM_editCmd = Server.CreateObject("ADODB.Command&quot

MM_editCmd.ActiveConnection = MM_editConnection
MM_editCmd.CommandText = MM_editQuery
MM_editCmd.Execute
MM_editCmd.ActiveConnection.Close

If (MM_editRedirectUrl <> "&quot

Then
Response.Redirect(MM_editRedirectUrl)
End If
End If

End If
%>
<%
Dim RSUpdate__MMColParam
RSUpdate__MMColParam = "1"
If (Request.QueryString("ID&quot

<> "&quot

Then
RSUpdate__MMColParam = Request.QueryString("ID&quot

End If
%>
<%
Dim RSUpdate
Dim RSUpdate_numRows

Set RSUpdate = Server.CreateObject("ADODB.Recordset&quot

RSUpdate.ActiveConnection = MM_Estimate_STRING
RSUpdate.Source = "SELECT * FROM tblEstData WHERE ID = " + Replace(RSUpdate__MMColParam, "'", "''&quot

+ ""
RSUpdate.CursorType = 0
RSUpdate.CursorLocation = 2
RSUpdate.LockType = 1
RSUpdate.Open()

RSUpdate_numRows = 0
intPercent=RSUpdate.Fields.Item("Price_Out_Percent&quot

.Value/100
%>
<html>
<head>
<title>Estimating Feedback</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function checkBoxes(){
boxArr = new Array("txtDateSup", "txtOrder", "cmbComments&quot

dataFound = "No"
for (x=0; x<boxArr.length; x++){
boxVal = eval ("document.frmUpdate." + boxArr[x] + ".value&quot

if (boxVal != "&quot

{
dataFound = "Yes"
}
}
document.frmUpdate.txtFeed.value = dataFound
}
</script>

<script>
function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("txtPriceOut&quot

var txtPriceInc=document.getElementById("txtPriceInc&quot

if(txtPriceOut.value==0){
txtPriceInc.disabled = true;
}else{
txtPriceInc.disabled = false;
}
</script>

<link href="EFStyles.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="../CleaningSchedules/date-picker.js"></script>
</head>

<body>
<div align="center"> Clicking on the Smurfit Logo will take you back
to the Home Page </div>
<form action="<%=MM_editAction%>" method="POST" name="frmUpdate" id="frmUpdate" onSubmit="checkBoxes()">
<table width="88%" align="center" style = "border-bottom: 1px solid blue; border-left: 1px solid blue; border-top: 1px solid blue; border-right: 1px solid blue">
<tr bgcolor="#000099">
<td height="25" colspan="4"> <div align="center"><strong><font color="#FFFFFF">ACCOUNT
MANAGER UPDATE FORM</font></strong></div></td>
</tr>
<tr bgcolor="#0099FF">
<td width="19%" height="25" bgcolor="#FFFFFF"> <div align="right">Record
ID : </div></td>
<td width="24%" bgcolor="#0099FF"> <div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("ID&quot

.Value)%></font></strong></div></td>
<td width="23%" bgcolor="#FFFFFF"> <div align="right">Date Supplied : </div></td>
<td width="34%" bgcolor="#CCCCCC"> <input name="txtDateSup" type="text" id="txtDateSup3" value="<%=(RSUpdate.Fields.Item("Date_Supplied&quot

.Value)%>" size="12" maxlength="10">
<a href="javascript:show_calendar('frmUpdate.txtDateSup');" onMouseOver="window.status='Date Picker';return true;" onMouseOut="window.status='';return true;"><img src="../mycal.gif" width=14 height=16 border=1 align=top></a>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right">Username : </div></td>
<td><div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("UserName&quot

.Value)%></font></strong></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Order Placed : </div></td>
<td bgcolor="#CCCCCC">
<input name="txtOrder" type="text" id="txtOrder3" value="<%=(RSUpdate.Fields.Item("Order_Placed&quot

.Value)%>" size="4" maxlength="1" ></td>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right">Spec No. : </div></td>
<td><div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("SpecNo&quot

.Value)%></font></strong></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Price Out % : </div></td>
<td bgcolor="#CCCCCC"> <input name="txtPriceOut" type="percent" id="txtPriceOut" value="<%= FormatNumber((RSUpdate.Fields.Item("Price_Out_Percent&quot

.Value), 2, -2, -2, -2) %>" size="10" maxlength="10" ></td>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right">Customer : </div></td>
<td><div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("Customer&quot

.Value)%></font></strong></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Price Increased : </div></td>
<td bgcolor="#CCCCCC"> <input name="txtPriceInc" type="text" id="txtPriceInc" value="<%=((RSUpdate.Fields.Item("Increase_Price&quot

.Value))%>" size="10" maxlength="10" ></td>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right">Account Manager : </div></td>
<td><div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("AccountM&quot

.Value)%></font></strong></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Present Comments : </div></td>
<td bgcolor="#CCCCCC"> <%=(RSUpdate.Fields.Item("Comments&quot

.Value)%></td>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right">Date In : </div></td>
<td bgcolor="#0099FF">
<div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("Date_In&quot

.Value)%></font></strong></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Comments : </div></td>
<td bgcolor="#CCCCCC">
<select name="cmbComments" id="select" title="<%=(RSUpdate.Fields.Item("Comments&quot

.Value)%>" >
<option> </option>
<option>Unsuccesful - delay in Pricing</option>
<option>Unsuccesful - Due to Lead Time</option>
<option>Unsuccesful - Origination</option>
<option>Unsuccesful - Minimum Run to Long</option>
<option>Unsuccesful - Withdrawn Line</option>
<option>Unsuccesful - Design Alteration</option>
</select></td>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right">Date Out : </div></td>
<td><div align="left"><strong><font color="#FFFFFF"> <%=(RSUpdate.Fields.Item("Date_Out&quot

.Value)%></font></strong></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Feedback : </div></td>
<td bgcolor="#CCCCCC">
<input name="txtFeed" type="text" id="txtFeed2" value="<%=(RSUpdate.Fields.Item("Feedback&quot

.Value)%>" size="4" maxlength="3"></td>
</tr>
<tr bgcolor="#0099FF">
<td height="25" bgcolor="#FFFFFF"> <div align="right"></div></td>
<td><div align="left"></div></td>
<td bgcolor="#FFFFFF"> <div align="right">Completed: </div></td>
<td bgcolor="#CCCCCC">
<input name="chkCompleted" type="checkbox" id="chkCompleted" value="checkbox"></td>
</tr>
<tr bgcolor="#000099">
<td height="25" colspan="4">
<div align="center">
<input name="Update" type="submit" id="Update" value="Update">
</div></td>
</tr>
</table>
<input type="hidden" name="MM_update" value="frmUpdate">
<input type="hidden" name="MM_recordId" value="<%= RSUpdate.Fields.Item("ID&quot

.Value %>">
</form>
</body>
</html>
<%
RSUpdate.Close()
Set RSUpdate = Nothing
%>

Regards

Paul

simonchristieis · Dec 4, 2003

A function will only work when its called - I thought you had taken care of that.

place this in the head between the script tags:
function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("str1&quot

var txtPriceInc=document.getElementById("str2&quot

if(txtPriceOut.value==0)
txtPriceInc.disabled = true;
}

change the body tag to this:
<body onLoad="ToggleTextBoxDisplay()">

simonchristieis · Dec 4, 2003

My fault - it's been a long day

function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("txtPriceOut&quot

var txtPriceInc=document.getElementById("txtPriceInc&quot

if(txtPriceOut.value==0)
txtPriceInc.disabled = true;
}

smurf01 · Dec 4, 2003

Simon, Thanks for all your help unfortunately it still does not work, never mind I'll keep trying

:-D [2thumbsup]

:-D

Regards

Paul

simonchristieis · Dec 4, 2003

This should work.

what values are alerted ?

function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("txtPriceOut&quot

var txtPriceInc=document.getElementById("txtPriceInc&quot

alert(txtPriceOut)
if(txtPriceOut.value=='0')
txtPriceInc.disabled = true;
alert(txtPriceInc.disabled)
}

smurf01 · Dec 4, 2003

Simon,
the first alert displays [object]
the second alert displays [false]

Does this help ??

Regards

Paul

simonchristieis · Dec 4, 2003

the alert should show the value of the text box - i have converted it to an integer - if the value of the text box is 0 then txtPriceInc will be disabled - I have added another alert

function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("txtPriceOut&quot

var txtPriceInc=document.getElementById("txtPriceInc&quot

alert(txtPriceOut.value)
if(parseInt(txtPriceOut.value)<1){
txtPriceInc.disabled = true;
alert("txtPriceInc is now disabled&quot

}
}

smurf01 · Dec 4, 2003

Simon,
I changed the following :

Code:

if(parseInt(txtPriceOut.value)<1){

to

Code:

if(parseInt(txtPriceOut.value)>0){

because I only want txtpriceInc disabled if their was a price set against it.

Anyway all is working fine now so I am going to remove the alerts !!

Thanks for your help and perseverance, you deserve a "STAR".

:-D [2thumbsup]

:-D

Regards

Paul

simonchristieis · Dec 4, 2003

Thanks - when I get 5 stars I can get that job at McDonalds !! Yippee !!

smurf01 · Dec 4, 2003

Simon,
I hope you don't mind but another question for you.
At the moment when the page opens the code works fine however if the user changes the value of txtPriceOut to 0 is there a way to enable txtPriceInc again dynamically. Otherwise the only option is to update the form and then refresh in order to be able to use txtPriceInc

Regards

Paul

simonchristieis · Dec 4, 2003

change this line

<input name="txtPriceOut" type="percent" id="txtPriceOut" value="<%= FormatNumber((RSUpdate.Fields.Item("Price_Out_Percent&quot

.Value), 2, -2, -2, -2) %>" size="10" maxlength="10" >

to

<input onChange="ToggleTextBoxDisplay()" name="txtPriceOut" type="percent" id="txtPriceOut" value="<%= FormatNumber((RSUpdate.Fields.Item("Price_Out_Percent&quot

.Value), 2, -2, -2, -2) %>" size="10" maxlength="10" >

and the function will run each time the input box is changed

you will need to change the function to

function ToggleTextBoxDisplay(){
var txtPriceOut=document.getElementById("txtPriceOut&quot

var txtPriceInc=document.getElementById("txtPriceInc&quot

if(parseInt(txtPriceOut.value)>0){
txtPriceInc.disabled = true;
}else{
txtPriceInc.disabled = false;
}
}

smurf01 · Dec 9, 2003

Simon,
I tried out your amended code and it works really well, thanks for your help.

:-D [2thumbsup]

:-D

Regards

Paul

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

enable or disable textbox 1

smurf01

IS-IT--Management

simonchristieis

Programmer

smurf01

IS-IT--Management

simonchristieis

Programmer

smurf01

IS-IT--Management

simonchristieis

Programmer

simonchristieis

Programmer

smurf01

IS-IT--Management

simonchristieis

Programmer

smurf01

IS-IT--Management

simonchristieis

Programmer

smurf01

IS-IT--Management

simonchristieis

Programmer

smurf01

IS-IT--Management

simonchristieis

Programmer

smurf01

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor