Report creator using javascript and HTML

Hi Guys,

I want to create a report generator that allow the user to create
different type of text file reports. Basically there are multiple types
of report with specified format. For example report 1 will have format 1
and report 2 will have format 2. The format for each report will always
be the same.

I have tried something in the code below and not sure how to proceed
further. When the user selects the type of
report (1 or 2) user should get a preview window on the right side of
the webpage and when he fills in the the details in the homescreen, the
changes should be seen on the preview page.

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>App</title>
<center><b>Report Creater</b></center>
</head>
<body bgcolor="#7474FF">
<section>
<table>
<tr>
<td><b>App Name:</b></td>
<td><input type="textbox" value=""/></td>
<td><b>Type of Report:</b></td>
<td>
<select>
<option>1</option>
<option>2</option>
</select>
</td>
</tr>
<tr></tr>
<tr>
<td><b>Reviewer Id:</b></td>
<td><input type="textbox" value=""/></td>
<td><b>App Store Client Version:</b></td>
<td><input type="textbox" value=""/></td>
</tr>
<tr><br/></tr>
<tr>
<td><b>App Status:</b></td>
<td><input type="textbox" value=""/></td>
</tr>

</section>
</table>
<section>

 <h4><code>Reviewer Section</code></h4>
 <table>
 <tr>
 <td><b>Areas Tested:</b></td>
 <td>
  <ul>
   <li><label for="chk1"><input type="checkbox" name="chk1" id="chk1">General Functionality Testing</label></li>
   <li><label for="chk2"><input type="checkbox" name="chk2" id="chk2">Hibernate and Orientation</label></li>
   <li><label for="chk3"><input type="checkbox" name="chk3" id="chk3">Fb Login</label></li>
   <li><label for="chk4"><input type="checkbox" name="chk4" id="chk4">IAP</label></li>
   <li><label for="chk5"><input type="checkbox" name="chk5" id="chk5">Upgrade</label></li>
   </ul>
  </td>
  <td> 
   <b>Negative Reviews:</b><textarea rows="4" cols="20"></textarea>
   </td>
   <td> 
   <b>Testing Instructions:</b><textarea rows="4" cols="20"></textarea>
   </td>
  </tr>
 </table>  
</section>

</body>
</html>

Once this is sorted I will post my other doubts and work on the same thread.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.