hawx1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Show/Hide</title>
<script type="text/javascript">
// <![CDATA[
function display(obj,id1,id2) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
if ( txt.match(id1) ) {
document.getElementById(id1).style.display = 'block';
}
if ( txt.match(id2) ) {
document.getElementById(id2).style.display = 'block';
}
}
// ]]>
</script>
</head>

<body>
<table width="340" cellspacing="0" cellpadding="2">
<thead>
<tr>
<td class="title">Type:</td>
<td class="field">
<select name="type" onchange="display(this,'text','image');">
<option value="image">Quarterly</option>
<option value="text">Semi Annual</option>
<option value="invisible">Invisible</option>
</select>
</td>
</tr>
</thead>
<tbody id="text" style="display: none;">
<tr>
<td class="title"><font size="3" face="arial">Semi:</td>
<tr>
<td class="title"><font size="1.5" face="verdana" color="gray"><b>1st Half</b><br>Base Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Paid Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Date:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
</tr>
<tr>
<td class="title"><font size="1.5" face="verdana" color="gray"><b>2nd Half</b><br>Base Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Paid Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Date:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
</tr>
</tbody>
<tbody id="image" style="display: none;">
<tr>
<td class="title"><font size="3" face="arial">Quarterly:</td><br><br>
<tr>
<td class="title"><font size="1" face="verdana" color="gray"><b>1st Half</b><br>Base Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Paid Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Date:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
</tr>
<tr>
<td class="title"><font size="1" face="verdana" color="gray"><b>2nd Half</b><br>Base Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Paid Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Date:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
</tr>
<tr>
<td class="title"><font size="1" face="verdana" color="gray"><b>3rd Half</b><br>Base Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Paid Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Date:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
</tr>
<tr>
<td class="title"><font size="1" face="verdana" color="gray"><b>4th Half</b><br>Base Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Paid Amt:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
<td class="title"><font size="1.5" face="verdana" color="gray">Date:</td>
<td class="field"><input type="text" name="x_coordinates" size="10" /></td>
</tr>
</tbody>
<tbody>
</tr>
</tbody>
</table>
</body>
</html>