JavaScript Forum

**Bloodsyne** · 05-21-2005, 08:50 AM

How can I make another row in a table be displayed?

It's in a form, and when you check the checkbox for "display this blah blah", it brings up another input for the message to be displayed.. or that's what I want it to do.

Can anyone help me?

**vegancoder** · 05-22-2005, 09:10 AM

Im not too sure what you mean but run this code and tell me if it is what you want.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function toggle( targetId ){ //hides and shows elements
	if (document.getElementById){
		target = document.getElementById( targetId );
		if (target.style.display == "none"){
				target.style.display = "";
		} else {
			target.style.display = "none";
		}
	}
}
</script>
</head>

<body>

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <input type="checkbox" name="checkbox" value="checkbox" onChange="toggle('hiddenRow');">
    More....</td>
  </tr>
  <tr id="hiddenRow" style="display:none;">
    <td>
			New Input: 
			  <input name="" type="text">
		</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

**Bloodsyne** · 05-22-2005, 09:11 PM

Well, just looking at the code, it looks to be what I'm looking for. I'll try it out later, next time I continue coding.

Thanks!