Page 1 of 1

Help with PHP

Posted: Fri Feb 03, 2012 7:52 am
by laeeq
Moderator has moved this thread to HTML, CSS and other UI Design Techologies forum.
Hi,

I have come up with a Script (http://hawx.heliohost.org/testing/test.php) which has Three Drop down List in it. Namely - Quarter, Semi Annual, Invisible. I would Like to Add another option in it Named Annual and it should consist only Base amount, Paid amount & Date. I'm Trying to add the Script in this page where it says Tax Period (http://hawx.heliohost.org/test.php). It would be a great help if you Give me any suggestions to improve the Page. And the Alignment of the Script is not Good. Please Help me as im newbie to PHP. It would be great if you would make the Full script Simple. Thank you :)

The Script for the Full Page: http://pastebin.com/wrmP4J1L

The Script for the Show/hide page: http://pastebin.com/f1DPtZzb


Script For Show/Hide:

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