using variables within <td> tags

handyman · #1 (**permalink**) June 2nd, 2004, 03:28 PM

I am fairly new to web page designing although I have been a programmer for over 20 years. I am attempting to create a page with an "excel" looking table format. The user can input numeric data into two of the six cells. What I am trying to do is do background calculations based on those entries and output the results to the other four cells. I am in way over my head with this one.

handyman

Snib · #2 (**permalink**) June 2nd, 2004, 03:46 PM

Uhh... have you accomplished any of this task, or are you starting from scratch?

Snib

<><

handyman · #3 (**permalink**) June 3rd, 2004, 08:06 AM

I apologize for the delay. We had a thunderstorm "crop up" on us and ligthning strikes play havoc with my modem.

Here is what I have coded:

<html>

<head>
<title></title>
</head>

<body bgcolor="#CC9966">

<script>
  var K = 0, D = 0.0, K25 = 0, K30 = 0, D25 = 0.0, D30 = 0.0;
</script>
<table border="1" width="98%" bordercolor="#808080" bordercolorlight="#808080"
bordercolordark="#808080">
  <tr>
    <th width="15%" valign="middle" align="center" bgcolor="#FFFF00"></th>
    <th width="15%" valign="middle" align="center" bgcolor="#FFFF00"></th>
    <th width="25%" valign="middle" align="center" bgcolor="#FFFF00" colspan="2">25%
     Savings</th>
    <th width="25%" valign="middle" align="center" bgcolor="#FFFF00" colspan="2">30%
      Savings</th>
  </tr>
  <tr>
    <th width="15%" valign="middle" align="center" bgcolor="#FFFF00">H</th>
    <th width="15%" valign="middle" align="center" bgcolor="#FFFF00">A</th>
    <th width="13%" valign="middle" align="center" bgcolor="#FFFF00">K</th>
    <th width="12%" valign="middle" align="center" bgcolor="#FFFF00">D</th>
    <th width="13%" valign="middle" align="center" bgcolor="#FFFF00">K</th>
    <th width="12%" valign="middle" align="center" bgcolor="#FFFF00">D</th>
  </tr>
  <tr>
    <td width="15%" bgcolor="#FFFFFF" valign="middle" align="justify">  <input
      size="14" name="K" value tabindex="1" onrowexit="calcK(K)"></td>
    <td width="15%" valign="middle" align="justify" bgcolor="#FFFFFF">  <input
      size="14" name="D" value tabindex="2" onrowexit="calcD(D)"></td>
    <td width="13%" valign="middle" align="center" bgcolor="#C0C0C0">  <input
      type="hidden" value name="K25"></td>
    <td width="12%" valign="middle" align="center" bgcolor="#C0C0C0">  <input
      type="hidden" value name="D25"></td>
    <td width="13%" valign="middle" align="center" bgcolor="#C0C0C0">  <input
      type="hidden" value name="K30"></td>
    <td width="12%" valign="middle" align="center" bgcolor="#C0C0C0">  <input
      type="hidden" value name="D30"></td>
  </tr>
</table>
<script>
   function calcK(K)
   {
   K25 = K - (K * .25);
   K30 = K - (K * .30);
    }
   function calcD(D)
   {
   D25 = D - (D * .25);
   D30 = D - (D * .30);
    }
</script>

</body>

</html>

It is at this point that I get completely lost.

handyman

handyman · #4 (**permalink**) June 15th, 2004, 11:18 PM

Hey,

I figured it out. I guess you can't use type="hidden" and expect it to show you a value. I, also, used readonly=true to prevent modifications within the cells.

Thanks anyway,

handyman

Need to download code?

Navigation