Help with disable/enable script for multible text fields

3 New Member

Hello, Thank you in advance for any help, it will be most appreciated!

I need to be able to disable several text fields, until the user enters a value in a certain text field. Once they enter a number, the text field items would be enabled.

It's an order form, where they can pick and choose from several items to make up a case, they must enter how many cases first before being able to choose form the list of items. The list of items are listed in text fields so that they can type in how many of each of the items they wish to choose. Each item has a different name.

(This script is needed soon but I the calcuting stuff I can wait on)

I would also (love) need within this form for the script to somehow calculate from the number in the "number of cases" to allow the user to only be able to choose that certain amount. say like the case amount is 24 and they desire 2 cases, then the number of cases would determine how many choices they can make from the list. Is this possible?
(like I stated, this part I can live without for now)

I hope that I have explained this in enough detail to get the understanding of what I need accross.

Thank so much for any help on this, I can show my form so far if you need to see that.
Sincerely,
letam

Sep 20 '06 #1

Subscribe Reply

3762

letam

New Member

here is a link to the actually form I'm trying to get to work

http://www.truthinhisw ord.org/test2.html

Gosh, thank you for any help!

Letam

Sep 22 '06 #2

letam

New Member

Sorry, I'm real new at this posting, I should have posted this before.
Any help with htis project would be great!

Expand|Select|Wrap|Line Numbers

 
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>create your own</title>
 
<!-- hide/show snack -->

<script type="text/javascript">

<!--
 
function changeDiv(the_div,the_change)

{

  var the_style = getStyleObject(the_div);

  if (the_style != false)

  {

    the_style.display = the_change;

  }

}
 
function hideSnack()

{

  changeDiv("Snack","none");  
 
 }
 
function getStyleObject(objectId) {

  if (document.getElementById && document.getElementById(objectId)) {

    return document.getElementById(objectId).style;

  } else if (document.all && document.all(objectId)) {

    return document.all(objectId).style;

  } else {

    return false;

  }

}

// -->

</script>
 
<!-- hide/show candy -->
 
<script type="text/javascript">

<!--
 
function changeDiv(the_div,the_change)

{

  var the_style = getStyleObject(the_div);

  if (the_style != false)

  {

    the_style.display = the_change;

  }

}
 
 function hideCandy()

{
 
  changeDiv("Candy","none");
 
 }
 
function getStyleObject(objectId) {

  if (document.getElementById && document.getElementById(objectId)) {

    return document.getElementById(objectId).style;

  } else if (document.all && document.all(objectId)) {

    return document.all(objectId).style;

  } else {

    return false;

  }

}

// -->

</script>
 
<!-- hide/show combo -->
 
<script type="text/javascript">

<!--
 
function changeDiv(the_div,the_change)

{

  var the_style = getStyleObject(the_div);

  if (the_style != false)

  {

    the_style.display = the_change;

  }

}
 
 function hideCombo()

{
 
  changeDiv("Combo","none");
 
 }
 
function getStyleObject(objectId) {

  if (document.getElementById && document.getElementById(objectId)) {

    return document.getElementById(objectId).style;

  } else if (document.all && document.all(objectId)) {

    return document.all(objectId).style;

  } else {

    return false;

  }

}

// -->

</script>
 
</head>

<BODY text="#010082" vLink="#010082" aLink="#010082" link="#010082" bgColor="#ffffff" background="">
 
<CENTER>

<BR>
 
<!-- start Order Form -->
 
<form name="myform" action="/cgi/formmail.cgi" method=post>

<input type="hidden" name="recipient" value="letam@yahoo.com">

<input type="hidden" name="subject" value="Order">

<input type="hidden" name="redirect" value="/Successful-Order.html">
 
<TABLE bgColor="#FFFFCC" border=1 cellpadding=5>

<TR>

    <TD><FONT SIZE="-1" face="arial" COLOR="#2E3194">* (Require)</FONT><BR>

<FONT SIZE="2" COLOR="#2E3194" face="arial">* Name: <INPUT TYPE="text" name="requiredName" SIZE="33"><BR>

* Home Address: <INPUT TYPE="text" NAME="requiredAddress" SIZE="25"><BR>

* City: <INPUT TYPE="text" NAME="requiredCity" SIZE="35"><br>

* State: <INPUT TYPE="text" NAME="requiredState" SIZE="2">

* Zip Code: <INPUT TYPE="text" NAME="requiredZip" SIZE="5"><BR>

Email: <INPUT TYPE="text" name="email" SIZE="35"><BR>

* Daytime Phone: <INPUT TYPE="text" NAME="requiredDaytimePhone" SIZE="25"><BR>
 
</TD>

</TR>

</TABLE>

<BR><BR>
 
<!-- insert order form -->
 
<FONT face="arial" SIZE="4" COLOR="B80940"><B>Create Your Own Variety</B></FONT>

<BR><BR>
 
<TABLE width=100%>

<TR>

    <TD valign="top"><!-- insert table -->

<TABLE border="1" width=100%>

<TR><TD bgColor="#FFFFCC"><font face="arial" size="2">Description</FONT></TD><TD bgColor="#FFFFCC"><font face="arial" size="2">Qty</FONT></TD></TR>

<TR><TD colspan="2"><FONT face="arial" size="2" color="#FF0000"><B>Create Your Own Snack Variety</B></FONT></TD></TR>

<TR><TD colspan="2" align=center><FONT face="arial" size="2" color="#000000">Must be a combination of items <U>NOT</U> all of one kind. </FONT></TD></TR>

<TR><TD colspan=2>

<TABLE width=100%>

<TR><TD><input type="radio" name="SnackVarieties" onClick="alert('Must Enter Number of Cases to Process Order!'); hideSnack(); changeDiv('Snack','block');"><FONT face="arial" size=2>Select Snack Variety<BR><input type="radio" name="SnackVarieties" onClick="hideSnack();">none<div id="Snack" style="display:none;">

<TABLE border=1 width=100%>

<TR><TD colspan="3"><FONT SIZE="2" COLOR="">Number of Cases</FONT> * <INPUT size="2" id="1" onchange="disable(false);" name="CYO Snack Variety Cases"><BR><FONT SIZE="1-" COLOR="">&nbsp; * required to process order </FONT></TD></TR>

<TR><TD colspan="3"><FONT face="arial" size=2 color="#FF0000">Select 48 count per case</FONT></TD></TR>

<TR><TD><font face="arial" size="1">Grandmas Vanilla</FONT></TD><TD><INPUT size="2" name="CYO_Snack_Variety_Grandmas_Vanilla" disabled></TD></TR>

<TR><TD><font face="arial" size="1">Goldfish Cheddar</FONT></TD><TD><INPUT size="2" name="CYO_Snack_Variety_Goldfish_Cheddar" disabled></TD></TR>
 
<TR><TD><font face="arial" size="1">Ritz Chips Sour Cream Onion</FONT></TD><TD><INPUT size="2" name="CYO_Snack_Variety_Ritz_Chips_Sour_Cream_Onion" disabled></TD></TR>

<TR><TD><font face="arial" size="1">Chex Mix Traditional</FONT></TD><TD><INPUT size="2" name="CYO_Snack_Variety_Chex_Mix_Traditional" disabled></TD></TR>

</table>

</div> 

</TD>

</TR>

 </table>

 </TD>

</TR>

 </table>
 
<!-- end column 2 --></TD>
 
<TD valign="top"><!-- insert table -->
 
<TABLE border="1" width=100%>

<TR><TD bgColor="#FFFFCC"><font face="arial" size="2">Description</FONT></TD><TD bgColor="#FFFFCC"><font face="arial" size="2">Qty</FONT></TD></TR>

<TR><TD colspan="2"><FONT face="arial" size="2" color="#FF0000"><B>Create Your Own Candy Variety</B></FONT></TD></TR>

<TR><TD colspan="2" align=center><FONT face="arial" size="2" color="#000000">Must be a combination of items <U>NOT</U> all of one kind.</FONT></TD></TR>

<TR><TD colspan=2>

<TABLE width=100%>

<TR><TD><input type="radio" name="CandyVarieties" onClick="alert('Must Enter Number of Cases to Process Order!'); hideCandy(); changeDiv('Candy','block');"><FONT face="arial" size=2>Select Candy Variety<BR><input type="radio" name="CandyVarieties" onClick="hideCandy();">none<div id="Candy" style="display:none;">

<TABLE border=1 width=100%>

<TR><TD colspan="3"><FONT SIZE="2" COLOR="">Number of Cases</FONT> * <INPUT size="2" id="2" onchange="disable(false);" name="CYO Candy Variety Cases"><BR><FONT SIZE="1-" COLOR="">&nbsp; * required to process order </FONT></TD></TR>

<TR><TD colspan="3"><FONT face="arial" size=2 color="#FF0000">Select 60 count per case</FONT></TD></TR>

<TR><TD><font face="arial" size="1">Caramello</FONT></TD><TD><INPUT size="2" name="CYO_Candy_Variety_Caramello" disabled></TD></TR>

<TR><TD><font face="arial" size="1">Kit Kat</FONT></TD><TD><INPUT size="2" name="CYO_Candy_Variety_Kit_Kat" disabled></TD></TR>
 
<TR><TD><font face="arial" size="1">Fruit Chews</FONT></TD><TD><INPUT size="2" name="CYO_Candy_Variety_Fruit_Chews" disabled></TD></TR>

<TR><TD><font face="arial" size="1">Gobstoppers</FONT></TD><TD><INPUT size="2" name="CYO_Candy_Variety_Gobstoppers" disabled></TD></TR>
 
</TABLE></div></TD>

</TR>

</TABLE>
 
</td>

</tr>

</table>     
 
<!-- end column 4 --></TD>
 
    <TD valign="top"><!-- insert table -->
 
<TABLE border="1" width=100%>

<TR><TD bgColor="#FFFFCC"><font face="arial" size="2">Description</FONT></TD><TD bgColor="#FFFFCC"><font face="arial" size="2">Qty</FONT></TD></TR>

<TR><TD colspan="2"><FONT face="arial" size="2" color="#FF0000"><B>Create Your Own Combo Variety</B></FONT></TD></TR>

<TR><TD colspan="2" align=center><FONT face="arial" size="2" color="#000000">Must be a combination of items <U>NOT</U> all of one kind.</FONT></TD></TR>

<TR><TD colspan=2>

<TABLE width=100%>

<TR><TD><input type="radio" name="ComboVarieties" onClick="alert('Must Enter Number of Cases to Process Order!'); hideCombo(); changeDiv('Combo','block');"><FONT face="arial" size=2>Select Combo Variety<BR><input type="radio" name="ComboVarieties" onClick="hideCombo();">none<div id="Combo" style="display:none;">

<TABLE border=1 width=100%>

<TR><TD colspan="3"><FONT SIZE="2" COLOR="">Number of Cases</FONT> * <INPUT size="2" id="3" onchange="disable(false);" name="CYO Combo Variety Cases"><BR><FONT SIZE="1-" COLOR="">&nbsp; * required to process order </FONT></TD></TR>
 
<TR><TD><font face="arial" size="1">Rice Krispies Treats</FONT></TD><TD><INPUT size="2" name="CYO_Combo_Variety_Rice_Krispie_Treats" disabled></TD></TR>

<TR><TD><font face="arial" size="1">Farley's Fruit Snacks</FONT></TD><TD><INPUT size="2" name="CYO_Combo_Variety_Farleys_Fruit_Snacks" disabled></TD></TR>

<TR><TD><font face="arial" size="1"> Now or Laters</FONT></TD><TD><INPUT size="2" name="CYO_Combo_Variety_Now_or_Laters" disabled></TD></TR>
 
<TR><TD><font face="arial" size="1">Snickers</FONT></TD><TD><INPUT size="2" name="CYO_Combo_Variety_Snickers" disabled></TD></TR>
 
</TABLE></div></TD>

</TR>

</TABLE>
 
</td>

</tr>

</table>     
 
<!-- end column 4 --></TD>

</TR>

</TABLE>
 
<BR><BR>
 
    <input type=submit value="Submit Order"> <input type=reset>

        </form> 
 
</CENTER>

</body>

</html>

Sep 22 '06 #3

Similar topics

9732

NEED HELP W/ ENABLE/DISABLE CHECKBOXES AND TEXTBOXES

by: HolaGoogle | last post by:

Hi all, Can you please tell me what's wrong with my code??? i do have this database in wich i have to field.One is a "yes/no" field and another one is "number" field. To display the yes/no field in my asp form i use a checkbox and fot he other field i use a normal text box. if the yes/no field is checked then the other field is enabled otherwise it has to be disabled.Here's what i've done so far: Do While Not ObjRS.EOF <td><input...

ASP / Active Server Pages

8690

password field validation - help

by: Mike | last post by:

I've been trying for the past week to put a simple code together. I have done a LOT of searching, found scripts showing the functions I would like to use, however when I mix them it all goes wrong, somehow I always end up with error messages and functions not working right. Can someone please help me? I have a form, inside is 1 Text Field and 2 Password Fields. What I'm looking to do is: - Make sure password fields are equal - Set...

Javascript

8869

Multiple select onclick disable another form field

by: Forti2ude | last post by:

Hello, I have a simple form... <form> <select name="foo" multiple> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>

Javascript

4243

Enable/Disable and clearing values

by: hortoristic | last post by:

We are using JavaScript to Enable/Disable certain fields on web pages based on business rules. A simple example is if when using an option type tag, and the two options are Yes and No. If YES is selected - enable a field to use the M$ Datepicker. Using the code below works for most of our fields, however the problem is that when the field is re-enabled - it remembers the original date or data prior to it being disabled - despite the...

Javascript

5463

Cannot use mail() in IE, only works in a debugger--help

by: baustin75 | last post by:

Posted: Mon Oct 03, 2005 1:41 pm Post subject: cannot mail() in ie only when debugging in php designer 2005 -------------------------------------------------------------------------------- Hello, I have a very simple problem but cannot seem to figure it out. I have a very simple php script that sends a test email to myself. When I debug it in PHP designer, it works with no problems, I get the test email. If

PHP

3699

C# BitVector32 for DCB Struct - any help?

by: Chua Wen Ching | last post by:

Hi there, I saw this article here in vb.net. http://www.error-bank.com/microsoft.public.dotnet.languages.vb.1/148992_Thread.aspx and http://www.opennetcf.org/forums/post.asp?method=ReplyQuote&REPLY_ID=3922&TOPIC_ID=2224&FORUM_ID=35

C# / C Sharp

1904

Javascript form help

by: drec | last post by:

I am just learning Javascript and I would like to create a basic form that gives me two options. This will be using either checkbox or radio input type, however I would like the second option to allow the user to type in a value. Also, I would like the 2nd option only editable if the button for that option is selected. All I can seem to find is basic examples of forms, and none of which have this feature. The form would look something...

Javascript

5558

VB6 OR VBA & Webbrowser DOM Tiny $50 Mini Project Programmer help

by: gunimpi | last post by:

http://www.vbforums.com/showthread.php?p=2745431#post2745431 ******************************************************** VB6 OR VBA & Webbrowser DOM Tiny $50 Mini Project Programmer help wanted ******************************************************** For this teeny job, please refer to: http://feeds.reddit.com/feed/8fu/?o=25

Microsoft Access / VBA

2187

TextBox disable status is not preserved by asp.net

by: =?Utf-8?B?Unlhbg==?= | last post by:

Hi, I found out that Text property is perserved, but disable/enable status is not preserved, especially I change this setting of a server side text box with client side javascipt and then post back to server. Is this a bug? Thanks,

ASP.NET

8411

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

8513

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

7351

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

5638

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

4173

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4329

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2740

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1969

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

1732

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General