Wrox Home  
Search P2P Archive for: Go

  Return to Index  

javascript thread: Display total amount when radio button clicked


Message #1 by achiu@m... on Fri, 10 May 2002 13:50:36
Hi Ritesh,

Here is the detail codings of my form, if you need any further assistance
please feel free to drop me a line. Enjoy it!

Alan

**************************************************
<%@ Language=VBScript %>
<% option explicit %>
<% Response.Expires = -99999
   response.addHeader "pragma","no-cache"
   Response.CacheControl = "no-cache"
%>
<%
''' set up database connection
dim conn
dim connString
dim sql, rs
dim sqlTss, Tss

  Set conn = Server.CreateObject("adodb.connection")
    connString = "Provider=SQLOLEDB; Data Source=[source_name]; Initial
Catalog=[database_name]; User ID=[user_id]; Password=[password]"
    conn.Open connString

    sql = "SELECT SportsID, Name, Dates, Times, Ages, Cost, GroupID FROM
_Sports ORDER BY GroupID"
    set rs = conn.Execute(sql)

    sqlTss = "SELECT * FROM _TShirtSize"
    set Tss = conn.Execute(sqlTss)
%>

<html>
<head>
<title>Summer Camp Application Form</title>
<!-- achiu May 2002 -->
<!-- #include file="adovbs.inc" -->
<link rel="stylesheet" type="text/css" href="includes/nsstyle.css"
title="Default Styles">
<link rel="stylesheet" type="text/css" href="includes/iestyle.css"
title="Default Styles" media="all">
<script language="JavaScript" type="text/javascript">

///****validation form****///
function checkEmail(email)
{
  invalidChars = " /:,;"
  if (email == "")
  {
    return false
  }
  for (i=0; i<invalidChars.length; i++)
  {
    badChar = invalidChars.charAt(i)
    if (email.indexOf(badChar,0) > -1)
    {
      return false
    }
  }
  atPos = email.indexOf("@",1)
  if (atPos == -1)
  {
    return false
  }
  if (email.indexOf("@",atPos+1) > -1)
  {
    return false
  }
  periodPos = email.indexOf(".",atPos)
  if (periodPos == -1)
  {
    return false
  }
  if (periodPos+3 > email.length)
  {
    return false
  }
  return true
}

function submitIt(camper)
{
  if (document.camper.firstname.value == "")
  {
    alert("Please enter first name.")
    return false
  }
  if (document.camper.lastname.value == "")
  {
    alert("Please enter last name.")
    return false
  }
  if (!checkEmail(document.camper.email.value))
  {
    alert("Please enter a valid email address.")
    camper.email.focus()
    camper.email.select()
    return false
  }
  if (document.camper.homephone.value == "")
  {
    alert("Please enter home phone number.")
    return false
  }
  if (document.camper.emergencyphone.value == "")
  {
    alert("Please enter emergency phone number.")
    return false
  }
  if (document.camper.ccType.value == "")
  {
    alert("Please select type of credit card.")
    return false
  }
  if (document.camper.ccNumber.value == "")
  {
    alert("Please enter credit card number.")
    return false
  }
  if (document.camper.ccMonth.value == "")
  {
    alert("Please enter month of expiration.")
    return false
  }
  if (document.camper.ccYear.value == "")
  {
    alert("Please enter year of expiration.")
    return false
  }
  if (document.camper.ccName.value == "")
  {
    alert("Please enter name as appears on card.")
    return false
  }
  return true
}
</script>

</head>
<body bgcolor="#ffffff">
<center>
<!-- ********** begin application form ********** -->
<!-- ********** begin camper information form ********** -->
<form action="doCamp.asp" method="post" name="camper" onSubmit="return
submitIt(this)">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><span class="verdana12">&nbsp;&nbsp;&nbsp;<strong>Summer
Camp 2002 Application Form</strong>.</span></td>
  </tr>
  <tr><td><img src="images/spacer.gif" width="1" height="3" border="0"></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="roundform">
  <tr>
    <td valign="top" class="toptablerow"><img src="images/rndbox_tplt.gif"
border="0" width="6" height="6"></td>
	<td height=20 class="toptablerow"><span class="verdana11"
style="color:#ffffff;"><strong>Camper Information</strong></span></td>
	<td valign="top" class="toptablerow" align=right><img
src="images/rndbox_tprt.gif" border="0" width="6" height="6"></td>
  </tr>
  <tr align="center"><td colspan="3"><span
class="verdana10"><strong>Note:</strong> Required fields are listed in
<strong>bold</strong>.</span></td></tr>
  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="10"
border="0"></td></tr>
  <tr align="center">
    <td colspan="3">
    <table cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td valign="middle"><span class="default"><strong>First
Name:</strong></span></td>
        <td><img src="images/spacer.gif" width="30" height="1"
border="0"></td>
	    <td valign="middle"><input type="text" name="firstname"
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Last
Name:</strong></span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="lastname"
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>E-mail
Address:</strong></span></td>
	    <td><img src="images/spacer.gif" width="10" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="email"
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Address:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="address" value
style="width:180px;" size="25" maxlength="100" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">City:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="city" value
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">State:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="state" value
style="width:180px;" size="25" maxlength="20" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Zip Code:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="zip" value
style="width:60px;" size="8" maxlength="10" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Home
Phone:</strong></span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="homephone" value
style="width:100px;" size="13" maxlength="15" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Emergency
Phone:</strong></span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="emergencyphone" value
style="width:100px;" size="13" maxlength="15" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Name of School:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="school" value
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Coach:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="coach" value
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Age:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle">
	    <select name="age">
	    <option value="">-Age-</option>
	    <option value="5">5</option>
	    <option value="6">6</option>
	    <option value="7">7</option>
	    <option value="8">8</option>
	    <option value="9">9</option>
	    <option value="10">10</option>
	    <option value="11">11</option>
	    <option value="12">12</option>
	    <option value="13">13</option>
	    <option value="14">14</option>
	    <option value="15">15</option>
	    <option value="16">16</option>
	    <option value="17">17</option>
	    <option value="18">18</option>
	    </select>
	    </td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Position:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="position" value
style="width:180px;" size="25" class="formelem"></td>
      </tr>
      <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Years Played:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="yearsplayed" value
style="width:25px;" size="3" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">Grade Entered This
Fall:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="gradeenteredthisfall"
value style="width:60px;" size="8" maxlength="10" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default">T-Shirt Size:</span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle">
	    <select name="tshirt">
	    <option value="">---select---</option>
	    <% do while not Tss.EOF %>
	    <option value="<%= Tss("Selector") %>">
	                   <%= Tss("Size") &vbCRLF%>
	    <%Tss.movenext
	      loop
	      Tss.close
	      set Tss = nothing%>
	    </option>
	    </select>
	    </td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="10"
border="0"></td></tr>
	</table>
	<!-- ********** end camper information form ********** -->
	<!-- begin display radio buttons and sports contents -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0"
class="roundform">
      <tr>
        <td valign="top" class="toptablerow"><img src="images/spacer.gif"
border="0" width="6" height="6"></td>
	    <td height=20 class="toptablerow"><span class="verdana11"
style="color:#ffffff;"><strong>&nbsp;&nbsp;Select Camp
Activities</strong></span></td>
	    <td valign="top" class="toptablerow" align=right><img
src="images/spacer.gif" border="0" width="6" height="6"></td>
      </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="8">
      <tr>
        <td>&nbsp;</td>
        <td><span class="default"><strong>CAMP</strong></span></td>
	    <td><span class="default"><strong>DATES</strong></span></td>
	    <td><span class="default"><strong>TIMES</strong></span></td>
	    <td><span class="default"><strong>AGES</strong></span></td>
	    <td><span class="default"><strong>COST</strong></span></td>
	  </tr>

      <% do while not rs.EOF
         if rs("GroupID")= "1" then %>
      <tr>
        <td><input type="radio" name="sports_1" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "2" then %>
      <tr>
        <td><input type="radio" name="sports_2" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "3" then %>
      <tr>
        <td><input type="radio" name="sports_3" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "4" then %>
      <tr>
        <td><input type="radio" name="sports_4" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "5" then %>
      <tr>
        <td><input type="radio" name="sports_5" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "6" then %>
      <tr>
        <td><input type="radio" name="sports_6" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "7" then %>
      <tr>
        <td><input type="radio" name="sports_7" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "8" then %>
      <tr>
        <td><input type="radio" name="sports_8" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "9" then %>
      <tr>
        <td><input type="radio" name="sports_9" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "10" then %>
      <tr>
        <td><input type="radio" name="sports_10" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "11" then %>
      <tr>
        <td><input type="radio" name="sports_11" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "12" then %>
      <tr>
        <td><input type="radio" name="sports_12" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "13" then %>
      <tr>
        <td><input type="radio" name="sports_13" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "14" then %>
      <tr>
        <td><input type="radio" name="sports_14" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <% end if
         if rs("GroupID")= "15" then %>
      <tr>
        <td><input type="radio" name="sports_15" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
	  <% end if
	     if rs("GroupID")= "16" then %>
      <tr>
        <td><input type="radio" name="sports_16" value=" <%= rs("SportsID")
%> "></td>
	    <td><span class="default"><%= rs("Name") %></span></td>
	    <td><span class="default"><%= rs("Dates") %></span></td>
	    <td><span class="default"><%= rs("Times") %></span></td>
	    <td><span class="default"><%= rs("Ages") %></span></td>
	    <td><span class="default">$<%= rs("Cost") %></span></td>
	  </tr>
      <%
         end if
         rs.movenext
         loop
         ''' clear rs
         rs.close
         set rs = nothing
      %>
    </table>
    <!-- end display radio buttons and sports contentsn -->
    <!-- ********** begin payment method - credit card ********** -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0"
class="roundform">
      <tr>
        <td valign="top" class="toptablerow"><img src="images/spacer.gif"
border="0" width="6" height="6"></td>
	    <td height=20 class="toptablerow"><span class="verdana11"
style="color:#ffffff;"><strong>&nbsp;&nbsp;Payment Method - Credit
Card</strong></span></td>
	    <td valign="top" class="toptablerow" align=right><img
src="images/spacer.gif" border="0" width="6" height="6"></td>
      </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0">
      <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="10"
border="0"></td></tr>
      <tr align="center">
        <td colspan="3"><span class="default">Total
Amount:&nbsp;&nbsp;&nbsp;
        <input type="text" name="amount" value="" size="10"
class="formelem"></span></td>
      </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="10"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Type of Credit
Card:</strong></span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle">
	      <select name="ccType" size="1" class="formelem">
	      <% dim ccType %>
	      <option <% if ccType = "" then response.write "selected "
%>value="">---Select a Card---</option>
          <option <% if ccType = "MasterCard" then response.write "selected
" %>value="MasterCard">MasterCard</option>
          <option <% if ccType = "Visa" then response.write "selected "
%>value="Visa">Visa</option>
          <option <% if ccType = "Discover" then response.write "selected "
%>value="Discover">Discover</option>
          </select>
	    </td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Card
Number:</strong></span></td>
	    <td><img src="images/spacer.gif" width="10" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="ccNumber"
style="width:180px;" size="25" maxlength="20" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Exp.
Date:</strong></span></td>
	    <td><img src="images/spacer.gif" width="30" height="1" border="0"></td>
	    <td valign="middle">
	      <select name="ccMonth" size="1" class="formelem">
		  <option value="">Month</option>
		  <% dim iCounter, ccMonth, ccYear
		     if not isNumeric(ccMonth) then ccMonth = 0
			 if not isNumeric(ccYear) then ccYear = 0
			 for iCounter = 1 to 12 %>
		  <option <% if cInt(ccMonth) = cInt(iCounter) then response.write
"checked " %>value="<%= right("0" & iCounter, 2) %>"><%= right("0" &
iCounter, 2) %></option>
		  <% next %>
		  </select>
		  <span class="default">&nbsp;/&nbsp;</span><select name="ccYear" size="1"
class="formelem">
		  <option value="">Year</option>
		  <% for iCounter = year(now) to year(now) + 10 %>
		  <option <% if cInt(ccYear) = cInt(iCounter) then response.write "checked
" %>value="<%= iCounter %>"><%= iCounter %></option>
		  <% next %>
          </select>
		</td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="3"
border="0"></td></tr>
	  <tr>
	    <td valign="middle"><span class="default"><strong>Name As Appears on
Card:</strong></span></td>
	    <td><img src="images/spacer.gif" width="10" height="1" border="0"></td>
	    <td valign="middle"><input type="text" name="ccName"
style="width:180px;" size="25" maxlength="50" class="formelem"></td>
	  </tr>
	  <tr><td colspan="3"><img src="images/spacer.gif" width="1" height="10"
border="0"></td></tr>
	</table>
	</td>
  </tr>
  <!-- ********** end payment method - credit card ********** -->
  <tr>
    <td height="30">&nbsp;</td>
	<td height="30" align="right"><input type="image" name="btnRegister"
src="images/btn_register.gif" border="0" width="71" height="17"></td>
	<td height="30">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top"><img src="images/rndbox_btlt.gif" border="0" width="6"
height="6"></td>
	<td height="6"><img src="images/spacer.gif" width="6" height="1"
border="0"></td>
	<td valign="top" align="right"><img src="images/rndbox_btrt.gif" border="0"
width="6" height="6"></td>
  </tr>
</table>
</form>
<!-- ********** end application form ********** -->
<%
conn.Close
set conn = nothing
%>

</center>
</body>
</html>
**************************************************

-----Original Message-----
From: Ritesh R Turlapaty [mailto:trbhanu@r...]
Sent: Monday, May 13, 2002 1:27 AM
To: javascript
Subject: [javascript] Re: Display total amount when radio button clicked


hello,
         could it be possible to get the detail coding of the form
specified by you.


bye
ritesh

****************************************************

Hello Everyone,

I'm working on a summer camp project
http://www2.monmouth.edu/monmouth/testCamp2002.asp. In the Select Camp
Activities section there are 16 groups of radio buttons, all values
retrieved from a database table:

<% do while not rs.EOF
  if rs("GroupID")= "1" then %>
<tr>
  <td><input type="radio" name="sports_1" value=" <%= rs("SportsID") %
> "></td>
  <td><span class="default"><%= rs("Name") %></span></td>
  <td><span class="default"><%= rs("Dates") %></span></td>
  <td><span class="default"><%= rs("Times") %></span></td>
  <td><span class="default"><%= rs("Ages") %></span></td>
  <td><span class="default">$<%= rs("Cost") %></span></td>
</tr>
<% end if
  if rs("GroupID")= "2" then %>
<tr>
  <td>...more codes ...

If a camper selects All Sports/$165, Baseball-Mini Camp/$125 and Boy's
Soccer/$180 I want to display the total amount of $470 in the Total Amount
box. Thanks in advance.

Alan
_________________________________________________________
Click below to visit monsterindia.com and review jobs in India or
Abroad
http://monsterindia.rediff.com/jobs



---

Improve your web design skills with these new books from Glasshaus.

Usable Web Menus
http://www.amazon.com/exec/obidos/ASIN/1904151027/ref=nosim/theprogramme
r-20
Constructing Accessible Web Sites
http://www.amazon.com/exec/obidos/ASIN/1904151000/ref=nosim/theprogramme
r-20
Practical JavaScript for the Usable Web
http://www.amazon.com/exec/obidos/ASIN/1904151051/ref=nosim/theprogramme
r-20


  Return to Index