PDA

View Full Version : How to create multiple form condition???

bintorow
01-21-2003, 12:35 PM
I learn to make website first time. I use dreamweaver. Now have a problem to make form. My intend is that the form can be done in condition :
- if check bock is checked, than we can fill the next text field box and quantity.
- and also still don't know how to process in cgi form processing.
Please advise.
My sample form :

<!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">
</head>

<body>
<form name="form1" method="post" action="">
<table width="70%" border="0" align="center">
<tr>
<td><div align="center"><strong><font size="-1">Check</font></strong></div></td>
<td><div align="center"><strong><font size="-1">Code Diffuser</font></strong></div></td>
<td><div align="center"><strong><font size="-1">Quantity</font></strong></div></td>
</tr>
<tr>
<td><div align="center">
<input type="checkbox" name="checkbox8" value="checkbox">
</div></td>
<td><div align="center">
<input type="text" name="textfield2">
</div></td>
<td><div align="center">
<input name="textfield102" type="text" size="6">
</div></td>
</tr>
<tr>
<td><div align="center">
<input type="checkbox" name="checkbox22" value="checkbox">
</div></td>
<td><div align="center">
<input type="text" name="textfield112">
</div></td>
<td><div align="center">
<input name="textfield122" type="text" size="6">
</div></td>
</tr>
</table>
<p>&nbsp;</p><table width="70%" border="1" align="center">
<tr bordercolor="#330066" bgcolor="#99FFFF">
<td> <div align="center"><font size="-1"><strong>Code</strong></font></div></td>
<td> <div align="center"><strong><font size="-1">Deskripsi</font></strong></div></td>
<td> <p align="center"><strong><font size="-1">Harga<br>
(USD)</font></strong></p></td>
<td> <div align="center"><strong><font size="-1">Check</font></strong></div></td>
<td><strong><font size="-1">Quantity</font></strong></td>
</tr>
<tr>
<td><div align="center"><font size="-1">802</font></div></td>
<td><font size="-1"> Katalog Botol Koleksi</font></td>
<td><div align="right"><font size="-1">6.47</font></div></td>
<td><div align="center">
<input name="802" type="checkbox" id="802" value="802">
</div></td>
<td><div align="center">
<input name="802" type="text" id="802" size="6">
</div></td>
</tr>
<tr>
<td><div align="center"><font size="-1">807</font></div></td>
<td><font size="-1"> Sumbu Katalisator</font></td>
<td><div align="right"><font size="-1">12.67</font></div></td>
<td><div align="center">
<input name="807" type="checkbox" id="807" value="807">
</div></td>
<td><div align="center">
<input name="807" type="text" id="807" size="6">
</div></td>
</tr>
</table>
<p align="center"> Name :
<input name="Name" type="Name">
</p>
<p align="center"> Address :
<input name="Address" type="Address">
</p>
<p align="center"> State/Province :
<input name="State_Prov" type="State_Prov">
</p>
<p align="center"> Country :
<input type="text" name="textfield">
</p>
<p align="center"> Phone
<input name="Phone" type="Phone">
</p>
<p align="center"> Email
<input name="Email" type="Email">
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</form>
<p>&nbsp;</p></body>
</html>

Much obliged.
Bintoro
Dalziel
02-12-2003, 06:47 PM
The checkbox validation requires Javascript, I know f*** all about CGI, sorry.
timur
02-13-2003, 10:56 AM
Here we have two solutions:

We can disable some form elements:

<input type=checkbox name=myCheckbox onclick='document.forms[0].myText.disabled = true;'>
<input type=text name=myText>

We can hide some form elements:

<input type=checkbox name=myCheckbox onclick='document.forms[0].myText.style.display = document.forms[0].myCheckbox.checked;'>
<input type=text name=myText>



There are some other ways but i haven't understood your problem comletly, so give any more information.

Aout the CGI Script: can you explane what exactly you want to do?
cheesebagpipe
02-14-2003, 03:38 AM
<html>
<head>
<title>blah</title>
<script type="text/javascript" language="javascript">

function setNext(box) {
var f = box.form, bChecked = box.checked;
for (var i=0; i<f.elements.length; i++) if (f.elements[i] == box) {
f.elements[i+1].style.background = bChecked ? '#ffffff' : '#c0c0c0';
f.elements[i+1].disabled = !bChecked;
if (bChecked) f.elements[i+1].focus();
else f.elements[i+1].value = '';
break;
}
}

</script>
</head>
<body>
<form>
<input type="checkbox" onclick="setNext(this)"> Enter data?______
<input type="text" disabled="disabled" style="background:#c0c0c0;"><br />
<input type="checkbox" onclick="setNext(this)"> Enter data?______
<input type="text" disabled="disabled" style="background:#c0c0c0;">
</form>
</body>
</html>