Help with disable/enable script for multible text fields

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 Post Reply

3744

letam

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

http://www.truthinhisword.org/test2.html

Gosh, thank you for any help!

Letam

Sep 22 '06 #2

letam

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

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...

ASP / Active Server Pages

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,...

Javascript

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

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...

Javascript

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 -------------------------------------------------------------------------------- ...

PHP

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 ...

C# / C Sharp

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...

Javascript

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...

Microsoft Access / VBA

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...

ASP.NET

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

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,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Help with disable/enable script for multible text fields

Similar topics