Dynamic Forms - Change Content depending on checkbox?

TonyCronin · Mar 12, 2003

I am looking to try and create a form in html that will chnage depending on whether user ...

I have a one checkbox that I would like to use to determine whether or not a text field is displayed.. here is what I have done so far. I have used OnClick but checkbox doesn't refresh... please help

<%@LANGUAGE="VBSCRIPT"%>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<p align="center">
<script>
var param1
</script>
</p>
<form name="PageOne" method="post" action="">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="225" height="35">Please enter your Login</td>
<td width="275" height="35">
<input type="text" name="Login">
</td>
</tr>
<tr>
<td width="225" height="35">Do you have an UserID</td>
<td width="275" valign="middle" height="35">
<input type="checkbox" onClick="param1=1" name="HaveID">
</td>
</tr>
<% If param1 = 1 Then %>
<tr>
<td width="225" height="35">Please enter your UserID</td>
<td width="275" height="35">
<input type="text" name="UserID">
</td>
</tr>
<% Else %>
<tr>
<td colspan="2">*If you do not have a User ID, please contact your local
<a href="mailto:%20">NT administrator</a> in order to create one. </td>
</tr>
<% End If %>
<tr>
<td width="225" height="35">
<div align="right">
<input type="reset" name="Submit2" value="Clear">
</div>
</td>
<td width="275" height="35">
<input type="submit" name="Submit" value="Next">
</td>
</tr>
</table>
</form>

</body>
</html>

MorganGreylock · Mar 12, 2003

I've done this before, but using layers. Dreamweaver has a
nice little show/hide layer tool that can add code to your
page, but I'll paste it here in case you're not using
Dreameaver:

Code:

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

Then, you can add this function to the onclick or on
check or whatever function of the checkbox:

Code:

function click_info() {
	if (isNS6()) {
		elm = document.getElementById(&quot;Layer1&quot;);
		elm.style.visibility = &quot;visible&quot;;
		elm = document.getElementById(&quot;Layer2&quot;);
		elm.style.visibility = &quot;hidden&quot;;
	}
	else {
	MM_showHideLayers('Layer1','','hide','Layer2','','show');
	}
}

As you can see, it does a browser check (which is more
code), but thats another thing. The code above should work
for both NS and IE browsers.

You would also have to add one for each the check and
uncheck, and make sure the hide/show stuff is in the right
place. (I edited this heavily to make it less verbose than
necessary.)

Hope that helps,
MG

TonyCronin · Mar 14, 2003

Excellent... I have managed to crack it..Thanks for your help

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!

Dynamic Forms - Change Content depending on checkbox?

TonyCronin

Programmer

MorganGreylock

Programmer

TonyCronin

Programmer

Similar threads

Part and Inventory Search

Sponsor