Solved

Problem with form's radio buttons not refresh properly

Posted on 2004-08-10
8
377 Views
Last Modified: 2012-05-05
Hi Huji and all,

I have aproblem with a form's radio buttons. All buttons, checked OK on the first click. But then if click again, the button not
show up on the new clicked button, the button is stay with the previous clicked even though the form changed correctly.
Any helps, appreciated..

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Hotel&nbsp;&nbsp;&nbsp;&nbsp; onClick</title>
</head>

<script>
function showHide(n)
{
  for(i=1;i<=4;i++)
  {
     obj=document.getElementById("layer"+i)
     if ( obj != null) // added this
     {
     
          if(i==n){obj.style.visibility="visible";}
      else{obj.style.visibility="hidden";}
      }
  }

}
</script>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="865" height="498">
     <!-- MSTableType="layout" -->
     <tr>
          <td valign="top" colspan="5">
          <!-- MSCellType="ContentHead" -->
          &nbsp;</td>
          <td height="67">&nbsp;</td>
     </tr>
     <tr>
          <td valign="top">
          <!-- MSCellType="NavBody" -->
          &nbsp;</td>
          <td>&nbsp;</td>
          <td valign="top">
          <!-- MSCellType="ContentBody" -->
          <b>

&nbsp;</td>
          <td valign="top">&nbsp;
         

<div id="layer1" style="padding:1px; position: absolute; width: 362px; height: 276px; z-index: 1; left: 243px; top: 90px; background-color: #CBEFD8">
&nbsp;&nbsp;
     <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit name="form1">
          <!--webbot bot="SaveResults" U-File="C:\Documents and Settings\Administrator\My Documents\_private\form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" startspan -->
          <input TYPE="hidden" NAME="VTI-GROUP" VALUE="2">
          <!--webbot bot="SaveResults" i-checksum="53727" endspan -->
          <p><font face="Tahoma" size="2">
          <input type="radio" value="V1" checked name="R1">Hotel&nbsp;&nbsp;&nbsp;
          <input type="radio" value="V2" name="R1" onClick="showHide(2)">Flight + Hotel&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" value="V3" name="R1" onClick="showHide(3)">Car&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" value="V4" name="R1" onClick="showHide(4)">Flight
          </font></p>
          <p>&nbsp;<font face="Tahoma" size="1">Check-in:&nbsp;&nbsp; </font>
          <SELECT NAME="doa_mm" CLASS="tpmenu" onChange="amadChange(this, document.hotsrchbox.doa_dd, document.hotsrchbox.dod_mm, document.hotsrchbox.dod_dd);">
                                   
          <OPTION VALUE="01" >January
          <OPTION VALUE="02" >February
          <OPTION VALUE="03" >March
          <OPTION VALUE="04" >April
          <OPTION VALUE="05" >May
          <OPTION VALUE="06" SELECTED>June
          <OPTION VALUE="07" >July
          <OPTION VALUE="08" >August
          <OPTION VALUE="09" >September
          <OPTION VALUE="10" >October
          <OPTION VALUE="11" >November
          <OPTION VALUE="12" >December
                                    </SELECT><font face="Tahoma" size="1">&nbsp;&nbsp;&nbsp;
          </font><SELECT NAME="doa_dd" CLASS="tpmenu" onChange="amadChange(document.hotsrchbox.doa_mm, this, document.hotsrchbox.dod_mm, document.hotsrchbox.dod_dd);">
                                   
          <OPTION VALUE="01" >1
          <OPTION VALUE="02" >2
          <OPTION VALUE="03" >3
          <OPTION VALUE="04" >4
          <OPTION VALUE="05" >5
          <OPTION VALUE="06" >6
          <OPTION VALUE="07" >7
          <OPTION VALUE="08" SELECTED>8
          <OPTION VALUE="09" >9
          <OPTION VALUE="10" >10
          <OPTION VALUE="11" >11
          <OPTION VALUE="12" >12
          <OPTION VALUE="13" >13
          <OPTION VALUE="14" >14
          <OPTION VALUE="15" >15
          <OPTION VALUE="16" >16
          <OPTION VALUE="17" >17
          <OPTION VALUE="18" >18
          <OPTION VALUE="19" >19
          <OPTION VALUE="20" >20
          <OPTION VALUE="21" >21
          <OPTION VALUE="22" >22
          <OPTION VALUE="23" >23
          <OPTION VALUE="24" >24
          <OPTION VALUE="25" >25
          <OPTION VALUE="26" >26
          <OPTION VALUE="27" >27
          <OPTION VALUE="28" >28
          <OPTION VALUE="29" >29
          <OPTION VALUE="30" >30
          <OPTION VALUE="31" >31
                               </SELECT>
                               <SELECT NAME="doa_yy" CLASS="tpmenu">
                                     <OPTION VALUE="2004">2004
                                     <OPTION VALUE="2005">2005
                                     <OPTION VALUE="2006">2006
                              <OPTION VALUE="2007">2007
                                    </SELECT></p>
          <p>&nbsp;<font face="Tahoma" size="1">Check-out: </font>
          <SELECT NAME="dod_mm" CLASS="tpmenu">
                                       
          <OPTION VALUE="01" >January
          <OPTION VALUE="02" >February
          <OPTION VALUE="03" >March
          <OPTION VALUE="04" >April
          <OPTION VALUE="05" >May
          <OPTION VALUE="06" SELECTED>June
          <OPTION VALUE="07" >July
          <OPTION VALUE="08" >August
          <OPTION VALUE="09" >September
          <OPTION VALUE="10" >October
          <OPTION VALUE="11" >November
          <OPTION VALUE="12" >December
                                    </SELECT>&nbsp;
                                     <SELECT NAME="dod_dd" CLASS="tpmenu">
                                   
          <OPTION VALUE="01" >1
          <OPTION VALUE="02" >2
          <OPTION VALUE="03" >3
          <OPTION VALUE="04" >4
          <OPTION VALUE="05" >5
          <OPTION VALUE="06" >6
          <OPTION VALUE="07" >7
          <OPTION VALUE="08" SELECTED>8
          <OPTION VALUE="09" >9
          <OPTION VALUE="10" >10
          <OPTION VALUE="11" >11
          <OPTION VALUE="12" >12
          <OPTION VALUE="13" >13
          <OPTION VALUE="14" >14
          <OPTION VALUE="15" >15
          <OPTION VALUE="16" >16
          <OPTION VALUE="17" >17
          <OPTION VALUE="18" >18
          <OPTION VALUE="19" >19
          <OPTION VALUE="20" >20
          <OPTION VALUE="21" >21
          <OPTION VALUE="22" >22
          <OPTION VALUE="23" >23
          <OPTION VALUE="24" >24
          <OPTION VALUE="25" >25
          <OPTION VALUE="26" >26
          <OPTION VALUE="27" >27
          <OPTION VALUE="28" >28
          <OPTION VALUE="29" >29
          <OPTION VALUE="30" >30
          <OPTION VALUE="31" >31
                               </SELECT>&nbsp;
                                <SELECT NAME="dod_yy" CLASS="tpmenu">
                                     <OPTION VALUE="2004">2004
                                     <OPTION VALUE="2005">2005
                                     <OPTION VALUE="2006">2006
                              <OPTION VALUE="2007">2007
                                    </SELECT>
                                    </p>
          <p>&nbsp;<font size="2">City:</font><font size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </font>
          <INPUT TYPE="TEXT" NAME="city" SIZE="27" CLASS="tptext" OnClick="this.value='';"><font size="1">
          </font></p>
          <p style="margin-top: 0">&nbsp;<strong><font face="Tahoma" size="1">Guests:</font></strong>&nbsp;<SELECT NAME="num_adults" CLASS="tpmenu">
                                     <OPTION VALUE="1">1
                                     <OPTION VALUE="2" SELECTED>2
                                     <OPTION VALUE="3">3
                                     <OPTION VALUE="4">4
                                     </SELECT>&nbsp;&nbsp;
          <input type="submit" value="Find Best Rate &gt;&gt;" name="B1" style="color: #FF0000; float:right; position:absolute; left:240; top:196; width:108px; font-family:Tahoma; font-size:8pt; font-weight:bold; height:25px; background-color:#CBEFD8">&nbsp;&nbsp; </p>
          <p style="margin-top: 0; margin-left:197px">
          <img border="0" src="images/Arrow_Circle.gif" width="20" height="20"><u><font color="#0000FF" face="Tahoma" size="1">
          Advanced search options</font></u></p>
     </form>
</div>
<div id="layer2" style="padding:1px; position: absolute; width: 362px; height: 276px; z-index: 1; left: 242px; top: 89px; background-color: #CBEFD8;visibility:hidden;" >
&nbsp;&nbsp;
     <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit name="form2">
          <!--webbot bot="SaveResults" U-File="C:\Documents and Settings\Administrator\My Documents\_private\form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" startspan -->
          <input TYPE="hidden" NAME="VTI-GROUP" VALUE="1">
          <!--webbot bot="SaveResults" i-checksum="53726" endspan -->
          <p><font face="Tahoma">
          <input type="radio" value="V1" name="R1" onClick="showHide(1)"</font><font face="Tahoma" size="2">Hotel&nbsp;&nbsp;&nbsp;
          </font><font face="Tahoma">
          <input type="radio" value="V2" name="R1" checked></font><font face="Tahoma" size="2">Flight     + Hotel&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="Tahoma">
          <input type="radio" value="V3" name="R1" onClick="showHide(3)"</font><font face="Tahoma" size="2">Car&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </font><font face="Tahoma">
          <input type="radio" value="V4" name="R1" onClick="showHide(4)"</font><font face="Tahoma" size="2">Flight</font></p>
          <p style="margin-top: -12px"><strong><font face="Tahoma" size="1">&nbsp; From:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          To:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </font><font size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font face="Tahoma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font></font></strong></p>
          <p style="margin-top: -12px">&nbsp;
          <input type="text" name="leavingFrom" size="22" maxlength="60" value="" CLASS="tptext">&nbsp;&nbsp;
                                                       <input type="text" name="goingTo" size="23" maxlength="60"  value="" CLASS="tptext">
                                                       &nbsp;<strong><font size="1"> </font></strong></p>
          <p style="margin-top: -12px"><strong><font size="1">&nbsp; </font>
          <font face="Tahoma" size="1">Depart:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          Return:</font></strong></p>
          <p style="margin-top: -15px; margin-bottom: 0"><strong><font size="1">&nbsp;
          </font></strong>
                                        <select class="tpmenu" name="dateLeavingMonth" onchange="populateDays(this.form,'dateLeavingMonth','dateLeavingDay');dateChangeListener(this.form,'dateLeavingMonth','dateLeavingDay','dateReturningMonth','dateReturningDay',2)"><option value="1" >Jan</option><option value="2" >Feb</option><option value="3" selected>Mar</option><option value="4" >Apr</option><option value="5" >May</option><option value="6" >Jun</option><option value="7" >Jul</option><option value="8" >Aug</option><option value="9" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select>
                                         <select class="tpmenu" name="dateLeavingDay"  onchange="dateChangeListener(this.form,'dateLeavingMonth','dateLeavingDay','dateReturningMonth','dateReturningDay',2)"><option value="1" >1</option><option value="2" >2</option><option value="3" >3</option><option value="4" >4</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><option value="19" >19</option><option value="20" >20</option><option value="21" selected>21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" >26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <select class="tpmenu" name="dateReturningMonth" onchange="populateDays(this.form,'dateReturningMonth','dateReturningDay')"><option value="1" >Jan</option><option value="2" >Feb</option><option value="3" selected>Mar</option><option value="4" >Apr</option><option value="5" >May</option><option value="6" >Jun</option><option value="7" >Jul</option><option value="8" >Aug</option><option value="9" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select>
                                         <select name="dateReturningDay" class="tpmenu">
                                         <option value="1" >1</option>
                                         <option value="2" >2</option>
                                         <option value="3" >3</option>
                                         <option value="4" >4</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><option value="19" >19</option><option value="20" >20</option><option value="21" >21</option><option value="22" >22</option><option value="23" selected>23</option><option value="24" >24</option><option value="25" >25</option><option value="26" >26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select>&nbsp;&nbsp;&nbsp;
          </p>
          <p style="margin-top: 0; margin-bottom: 0">&nbsp;
                                        <select class="tpmenu" name='dateLeavingTime' size=1 >
                                             <option value="12:00am">12:00am</option>
                                              <option value="1:00am">1:00am</option>
                                              <option value="2:00am">2:00am</option>
                                              <option value="3:00am">3:00am</option>
                                              <option value="4:00am">4:00am</option>
                                              <option value="5:00am">5:00am</option>
                                              <option value="6:00am">6:00am</option>
                                              <option value="7:00am">7:00am</option>
                                              <option value="8:00am">8:00am</option>
                                              <option value="9:00am">9:00am</option>
                                              <option value="10:00am">10:00am</option>
                                              <option value="11:00am">11:00am</option>
                                              <option value="12:00pm">12:00pm</option>
                                              <option value="1:00pm">1:00pm</option>
                                              <option value="2:00pm">2:00pm</option>
                                              <option value="3:00pm">3:00pm</option>
                                              <option value="4:00pm">4:00pm</option>
                                              <option value="5:00pm">5:00pm</option>
                                              <option value="6:00pm">6:00pm</option>
                                              <option value="7:00pm">7:00pm</option>
                                              <option value="8:00pm">8:00pm</option>
                                              <option value="9:00pm">9:00pm</option>
                                              <option value="10:00pm">10:00pm</option>
                                              <option value="11:00pm">11:00pm</option>
                                              <option value="Morning">Morning</option>
                                              <option value="Noon">Noon</option>
                                              <option value="Evening">Evening</option>
                                              <option value=" " selected="selected">
                                                  Anytime</option>
                                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <select class="tpmenu" name='dateReturningTime' size=1>
                                             <option value="12:00am">12:00am</option>
                                              <option value="1:00am">1:00am</option>
                                              <option value="2:00am">2:00am</option>
                                              <option value="3:00am">3:00am</option>
                                              <option value="4:00am">4:00am</option>
                                              <option value="5:00am">5:00am</option>
                                              <option value="6:00am">6:00am</option>
                                              <option value="7:00am">7:00am</option>
                                              <option value="8:00am">8:00am</option>
                                              <option value="9:00am">9:00am</option>
                                              <option value="10:00am">10:00am</option>
                                              <option value="11:00am">11:00am</option>
                                              <option value="12:00pm">12:00pm</option>
                                              <option value="1:00pm">1:00pm</option>
                                              <option value="2:00pm">2:00pm</option>
                                              <option value="3:00pm">3:00pm</option>
                                              <option value="4:00pm">4:00pm</option>
                                              <option value="5:00pm">5:00pm</option>
                                              <option value="6:00pm">6:00pm</option>
                                              <option value="7:00pm">7:00pm</option>
                                              <option value="8:00pm">8:00pm</option>
                                              <option value="9:00pm">9:00pm</option>
                                              <option value="10:00pm">10:00pm</option>
                                              <option value="11:00pm">11:00pm</option>
                                              <option value="Morning">Morning</option>
                                              <option value="Noon">Noon</option>
                                              <option value="Evening">Evening</option>
                                              <option value=" " selected="selected">Anytime</option>
                                        </select>
                                   </p>
          <p style="margin-top:5; margin-bottom: 0"><strong>
          <font face="Tahoma" size="1">&nbsp; Adults&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          Children&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          Seniors&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </font></strong></p>
          <p style="margin-top: 0; margin-bottom: 0"><strong>
          <font face="Tahoma" size="1">&nbsp; 13-64&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          0-12&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          65+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          Stops</font></strong></p>
          <p style="margin-top: 0; margin-bottom: 0">&nbsp;
                                        <select class="tpmenu" name="adults" size=1>
                                             <option value="0">0</option>
                                             <option value="1" selected="selected">1</option>
                                               <option value="2">2</option>
                                               <option value="3">3</option>
                                               <option value="4">4</option>
                                               <option value="5">5</option>
                                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <select class="tpmenu" name="children" size=1>
                                             <option value="0" selected="selected">0</option>
                                               <option value="1">1</option>
                                               <option value="2">2</option>
                                               <option value="3">3</option>
                                               <option value="4">4</option>
                                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <select class="tpmenu" name="seniors" size=1>
                                             <option value="0" selected="selected">0</option>
                                             <option value="1">1</option>
                                             <option value="2">2</option>
                                             <option value="3">3</option>
                                             <option value="4">4</option>
                                             <option value="5">5</option></select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <select class="tpmenu" name="stops" size=1>
                                             <option value="0">0</option>
                                             <option value="1">1</option>
                                             <option value="2" selected="selected">2</option>
                                             <option value="3">3</option>
                                        </select></p>
          <p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
          <p style="margin-top: -5px; margin-bottom: 0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="submit" value="Find Best Rate &gt;&gt;" name="B2" style="color: #FF0000; position:absolute; float:right; left:244; top:243; width:110px; font-family:Tahoma; font-size:8pt; font-weight:bold; height:24px"></p>
          <p style="margin-top: -14px; margin-bottom: 0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </p>
     </form>
</div>
<div id="layer3" style="padding:1px; position: absolute; width: 362px; height: 228px; z-index: 1; left: 242px; top: 90px; background-color: #CBEFD8;visibility:hidden;">
&nbsp;&nbsp;
     <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit name="form3">
          <!--webbot bot="SaveResults" U-File="C:\Documents and Settings\Administrator\My Documents\_private\form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="2"><!--webbot bot="SaveResults" i-checksum="43438" endspan -->
          <p><font face="Tahoma">
          <input type="radio" value="V1" name="R1" OnClick="showHide(1)"</font><font face="Tahoma" size="2">Hotel&nbsp;&nbsp;&nbsp;
          </font><font face="Tahoma">
          <input type="radio" value="V2" name="R1" OnClick="showHide(2)"</font><font face="Tahoma" size="2">Flight     + Hotel&nbsp;&nbsp;&nbsp;&nbsp; </font><font face="Tahoma">
          <input type="radio" value="V3" name="R1" checked></font><font face="Tahoma" size="2">Car&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </font><font face="Tahoma">
          <input type="radio" value="V4" name="R1" OnClick="showHide(4)"</font><font face="Tahoma" size="2">Flight</font></p>
          <p style="margin-top: -18px; margin-bottom: 0"><u><strong>
          <font face="Tahoma" size="1" color="#FF0000">&nbsp; Pick-up location:</font></strong>
          </u>&nbsp;&nbsp; <strong><font face="Tahoma" size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          Pick-up:</font></strong></p>
          <p style="margin-top: 0"><strong><font face="Tahoma" size="1">&nbsp;</font></strong>
          <INPUT TYPE=TEXT CLASS="tptext" SIZE=17 NAME="pucity" VALUE="Airport Code here" onFocus="this.value='';">
                                <SELECT NAME="pudate_mo" CLASS="tpmenu" onChange="amadChange(this, document.CarSearch.pudate_dy, document.CarSearch.dodate_mo, document.CarSearch.dodate_dy);">
                                   
          <OPTION VALUE="01" >January
          <OPTION VALUE="02" >February
          <OPTION VALUE="03" >March
          <OPTION VALUE="04" >April
          <OPTION VALUE="05" >May
          <OPTION VALUE="06" SELECTED>June
          <OPTION VALUE="07" >July
          <OPTION VALUE="08" >August
          <OPTION VALUE="09" >September
          <OPTION VALUE="10" >October
          <OPTION VALUE="11" >November
          <OPTION VALUE="12" >December
                                   </SELECT>
                                   <SELECT NAME="pudate_dy" CLASS="tpmenu" onChange="amadChange(document.CarSearch.pudate_mo, this, document.CarSearch.dodate_mo, document.CarSearch.dodate_dy);">
                                   
          <OPTION VALUE="01" >1
          <OPTION VALUE="02" >2
          <OPTION VALUE="03" >3
          <OPTION VALUE="04" >4
          <OPTION VALUE="05" >5
          <OPTION VALUE="06" >6
          <OPTION VALUE="07" >7
          <OPTION VALUE="08" SELECTED>8
          <OPTION VALUE="09" >9
          <OPTION VALUE="10" >10
          <OPTION VALUE="11" >11
          <OPTION VALUE="12" >12
          <OPTION VALUE="13" >13
          <OPTION VALUE="14" >14
          <OPTION VALUE="15" >15
          <OPTION VALUE="16" >16
          <OPTION VALUE="17" >17
          <OPTION VALUE="18" >18
          <OPTION VALUE="19" >19
          <OPTION VALUE="20" >20
          <OPTION VALUE="21" >21
          <OPTION VALUE="22" >22
          <OPTION VALUE="23" >23
          <OPTION VALUE="24" >24
          <OPTION VALUE="25" >25
          <OPTION VALUE="26" >26
          <OPTION VALUE="27" >27
          <OPTION VALUE="28" >28
          <OPTION VALUE="29" >29
          <OPTION VALUE="30" >30
          <OPTION VALUE="31" >31
                                   </SELECT>
                                   <SELECT NAME="pu_time" CLASS="tpmenu">
                                      <OPTION VALUE="12A">12:00am</OPTION>
                                      <OPTION VALUE="1A">1:00am</OPTION>
                                      <OPTION VALUE="2A">2:00am</OPTION>
                                      <OPTION VALUE="3A">3:00am</OPTION>
                                      <OPTION VALUE="4A">4:00am</OPTION>
                                      <OPTION VALUE="5A">5:00am</OPTION>
                                      <OPTION VALUE="6A">6:00am</OPTION>
                                      <OPTION VALUE="7A">7:00am</OPTION>
                                      <OPTION VALUE="8A">8:00am</OPTION>
                                      <OPTION VALUE="9A">9:00am</OPTION>
                                      <OPTION VALUE="10A">10:00am</OPTION>
                                      <OPTION VALUE="11A">11:00am</OPTION>
                                      <OPTION VALUE="12P" SELECTED>12:00pm</OPTION>
                                      <OPTION VALUE="1P">1:00pm</OPTION>
                                      <OPTION VALUE="2P">2:00pm</OPTION>
                                      <OPTION VALUE="3P">3:00pm</OPTION>
                                      <OPTION VALUE="4P">4:00pm</OPTION>
                                      <OPTION VALUE="5P">5:00pm</OPTION>
                                      <OPTION VALUE="6P">6:00pm</OPTION>
                                      <OPTION VALUE="7P">7:00pm</OPTION>
                                      <OPTION VALUE="8P">8:00pm</OPTION>
                                      <OPTION VALUE="9P">9:00pm</OPTION>
                                      <OPTION VALUE="10P">10:00pm</OPTION>
                                      <OPTION VALUE="11P">11:00pm</OPTION>
                                   </SELECT></p>
          <p style="margin-top: -10px"><strong><font face="Tahoma" size="1">&nbsp;
          Car Class:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          Drop-off:</font></strong></p>
          <p style="margin-top: -20px"><strong><font face="Tahoma" size="1">&nbsp;</font></strong>
          <SELECT NAME="carcode" CLASS="tpmenu">
                              <OPTION VALUE="">No Preference
                              <OPTION VALUE="B-EC" SELECTED>Economy Car
                              <OPTION VALUE="C-CC" >Compact Car
                              <OPTION VALUE="D-SC" >Standard Car
                              <OPTION VALUE="E-IC" >Intermediate Car
                              <OPTION VALUE="F-FC" >Full Size Car
                              <OPTION VALUE="G-PC" >Premium Car
                              <OPTION VALUE="H-LC" >Luxury Car
                              <OPTION VALUE="I-ASPT" >Sports Car
                              <OPTION VALUE="J-ACNV" >Convertibles
                              <OPTION VALUE="K-MV" >Mini Van
                              <OPTION VALUE="L-FV" >Full Size Van
                              <OPTION VALUE="M-APUP" >Pick-up Truck
                              <OPTION VALUE="N-AFWD" >Sport Utility (SUV)
                              <OPTION VALUE="O-ATRV" >All Terrain
                              <OPTION VALUE="P-AWGN" >Station Wagons
                              <OPTION VALUE="Q-ASPC" >Special Car
                              </SELECT>
                                <SELECT NAME="dodate_mo" CLASS="tpmenu">
                                   
          <OPTION VALUE="01" >January
          <OPTION VALUE="02" >February
          <OPTION VALUE="03" >March
          <OPTION VALUE="04" >April
          <OPTION VALUE="05" >May
          <OPTION VALUE="06" SELECTED>June
          <OPTION VALUE="07" >July
          <OPTION VALUE="08" >August
          <OPTION VALUE="09" >September
          <OPTION VALUE="10" >October
          <OPTION VALUE="11" >November
          <OPTION VALUE="12" >December
                                   </SELECT>
                                   <SELECT NAME="dodate_dy" CLASS="tpmenu">
                                   
          <OPTION VALUE="01" >1
          <OPTION VALUE="02" >2
          <OPTION VALUE="03" >3
          <OPTION VALUE="04" >4
          <OPTION VALUE="05" >5
          <OPTION VALUE="06" >6
          <OPTION VALUE="07" >7
          <OPTION VALUE="08" SELECTED>8
          <OPTION VALUE="09" >9
          <OPTION VALUE="10" >10
          <OPTION VALUE="11" >11
          <OPTION VALUE="12" >12
          <OPTION VALUE="13" >13
          <OPTION VALUE="14" >14
          <OPTION VALUE="15" >15
          <OPTION VALUE="16" >16
          <OPTION VALUE="17" >17
          <OPTION VALUE="18" >18
          <OPTION VALUE="19" >19
          <OPTION VALUE="20" >20
          <OPTION VALUE="21" >21
          <OPTION VALUE="22" >22
          <OPTION VALUE="23" >23
          <OPTION VALUE="24" >24
          <OPTION VALUE="25" >25
          <OPTION VALUE="26" >26
          <OPTION VALUE="27" >27
          <OPTION VALUE="28" >28
          <OPTION VALUE="29" >29
          <OPTION VALUE="30" >30
          <OPTION VALUE="31" >31
                                   </SELECT>
                                   <SELECT NAME="do_time" CLASS="tpmenu">
                                      <OPTION VALUE="12A">12:00am</OPTION>
                                      <OPTION VALUE="1A">1:00am</OPTION>
                                      <OPTION VALUE="2A">2:00am</OPTION>
                                      <OPTION VALUE="3A">3:00am</OPTION>
                                      <OPTION VALUE="4A">4:00am</OPTION>
                                      <OPTION VALUE="5A">5:00am</OPTION>
                                      <OPTION VALUE="6A">6:00am</OPTION>
                                      <OPTION VALUE="7A">7:00am</OPTION>
                                      <OPTION VALUE="8A">8:00am</OPTION>
                                      <OPTION VALUE="9A">9:00am</OPTION>
                                      <OPTION VALUE="10A">10:00am</OPTION>
                                      <OPTION VALUE="11A">11:00am</OPTION>
                                      <OPTION VALUE="12P" SELECTED>12:00pm</OPTION>
                                      <OPTION VALUE="1P">1:00pm</OPTION>
                                      <OPTION VALUE="2P">2:00pm</OPTION>
                                      <OPTION VALUE="3P">3:00pm</OPTION>
                                      <OPTION VALUE="4P">4:00pm</OPTION>
                                      <OPTION VALUE="5P">5:00pm</OPTION>
                                      <OPTION VALUE="6P">6:00pm</OPTION>
                                      <OPTION VALUE="7P">7:00pm</OPTION>
                                      <OPTION VALUE="8P">8:00pm</OPTION>
                                      <OPTION VALUE="9P">9:00pm</OPTION>
                                      <OPTION VALUE="10P">10:00pm</OPTION>
                                      <OPTION VALUE="11P">11:00pm</OPTION>
                                   </SELECT></p>
          <p style="margin-top: -20px">&nbsp;
          <input type="submit" value="Find Best Rate &gt;&gt;" name="B3" style="color: #FF0000; position:absolute; float:right; left:81; top:169; width:111px; font-family:Tahoma; font-size:8pt; font-weight:bold"> </p>
          <p style="margin-top: -14px; margin-bottom: 0">&nbsp;</p>
          <p style="margin-top: -14px; margin-bottom: 0">&nbsp;</p>
          <p style="margin-top: -14px; margin-bottom: 0; margin-left:199px">
          &nbsp;</p>
          <p style="margin-top: -14px; margin-bottom: 0; margin-left:199px">
          &nbsp;</p>
          <p style="margin-top: -14px; margin-bottom: 0; margin-left:199px">
          &nbsp;</p>
          <p style="margin-top: -14px; margin-bottom: 0; margin-left:199px">
          &nbsp;</p>
          <p style="margin-top: -14px; margin-bottom: 0; margin-left:199px">
          <img border="0" src="images/Arrow_Circle.gif" width="20" height="20"><u><font color="#0000FF" face="Tahoma" size="1">
          Advanced search options</font></u></p>
     </form>
</div>
</body>
         
          </td>
          <td valign="top" colspan="2" height="384">
          <!-- MSCellType="NavBody2" -->
          &nbsp;</td>
     </tr>
     <tr>
          <td valign="top" colspan="5">
          <!-- MSCellType="ContentFoot" -->
          &nbsp;</td>
          <td height="46">&nbsp;</td>
     </tr>
     <tr>
          <td width="189"></td>
          <td width="26"></td>
          <td width="399"></td>
          <td width="26"></td>
          <td width="143"></td>
          <td height="1" width="82"></td>
     </tr>
</table>

</body>

</html>


0
Comment
Question by:dl2y
  • 5
  • 3
8 Comments
 
LVL 10

Expert Comment

by:avidya
ID: 11768039
looks like the problem is sending the right var of n, I'm looking in to it
0
 
LVL 10

Accepted Solution

by:
avidya earned 500 total points
ID: 11769134
Hi,

What was wrong?
- there where missing closing tags ">" for the radio buttons in the second form
- </option> was missing from dropdowns
- object names wheren't unique (<select name="uniquename" ...
- missing single qoutes and qoutes
- ..

Cleaned your code. now it works.
Instead of four forms and Radio objects,  you now have one.

Take a look if you understand it and compare it with yours, to see the errors

==================
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 <title>Hotel&nbsp;&nbsp;&nbsp;&nbsp; onClick</title>
</head>

<script>
function showHide(n)
{
 for(i=1;i<=4;i++)
 {
  obj=document.getElementById("layer"+i)
  //if ( obj != null) // added this //avidya removed it
  {
   if(i==n){obj.style.visibility="visible";}
   else{obj.style.visibility="hidden";}
  }
 }
}
</script>

<body>
<table border="1" align="center" cellpadding="0" cellspacing="0" style="position: absolute; width: 400px; height: 275px; z-index: 1; left: 200px; top: 75px; background-color: #CBEFD8">
<tr>
 <td valign="top">
  <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit name="form1">
   <!--webbot bot="SaveResults" U-File="C:\Documents and Settings\Administrator\My Documents\_private\form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" startspan -->
   <input TYPE="hidden" NAME="VTI-GROUP" VALUE="2">
   <!--webbot bot="SaveResults" i-checksum="53727" endspan -->
   
   <table border="1" cellpadding="0" cellspacing="0" width="100%">
   <tr>
    <td width="25%" align="center"><font face="Tahoma" size="2"><input type="radio" value="V1" name="R11" onClick="showHide('1');" checked>Hotel</font></td>
    <td width="25%" align="center"><font face="Tahoma" size="2"><input type="radio" value="V2" name="R11" onClick="showHide('2');">Flight + Hotel</font></td>
    <td width="25%" align="center"><font face="Tahoma" size="2"><input type="radio" value="V3" name="R11" onClick="showHide('3');">Car</font></td>
    <td width="25%" align="center"><font face="Tahoma" size="2"><input type="radio" value="V4" name="R11" onClick="showHide('4');">Flight</font></td>
   </tr>
   <tr>
    <td colspan="4">&nbsp;</td>
   </tr>
   </table>
   
   <div id="layer1" style="position: absolute; z-index: 1; background-color: #CBEFD8">
    <table border="1" cellpadding="2" cellspacing="2" width="100%">
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Check-in:</b></font></td>
     <td width="" align="">
      <SELECT NAME="doa_mm" CLASS="tpmenu" onChange="amadChange(this, document.hotsrchbox.doa_dd, document.hotsrchbox.dod_mm, document.hotsrchbox.dod_dd);">
       <OPTION VALUE="01">January</OPTION>
       <OPTION VALUE="02">February</OPTION>
       <OPTION VALUE="03">March</OPTION>
       <OPTION VALUE="04">April</OPTION>
       <OPTION VALUE="05">May</OPTION>
       <OPTION VALUE="06" SELECTED>June</OPTION>
       <OPTION VALUE="07">July</OPTION>
       <OPTION VALUE="08">August</OPTION>
       <OPTION VALUE="09">September</OPTION>
       <OPTION VALUE="10">October</OPTION>
       <OPTION VALUE="11">November</OPTION>
       <OPTION VALUE="12">December</OPTION>
      </SELECT>
      <SELECT NAME="doa_dd" CLASS="tpmenu" onChange="amadChange(document.hotsrchbox.doa_mm, this, document.hotsrchbox.dod_mm, document.hotsrchbox.dod_dd);">
       <OPTION VALUE="01">1</OPTION>
       <OPTION VALUE="02">2</OPTION>
       <OPTION VALUE="03">3</OPTION>
       <OPTION VALUE="04">4</OPTION>
       <OPTION VALUE="05">5</OPTION>
       <OPTION VALUE="06">6</OPTION>
       <OPTION VALUE="07">7</OPTION>
       <OPTION VALUE="08" SELECTED>8</OPTION>
       <OPTION VALUE="09">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>
       <OPTION VALUE="19">19</OPTION>
       <OPTION VALUE="20">20</OPTION>
       <OPTION VALUE="21">21</OPTION>
       <OPTION VALUE="22">22</OPTION>
       <OPTION VALUE="23">23</OPTION>
       <OPTION VALUE="24">24</OPTION>
       <OPTION VALUE="25">25</OPTION>
       <OPTION VALUE="26">26</OPTION>
       <OPTION VALUE="27">27</OPTION>
       <OPTION VALUE="28">28</OPTION>
       <OPTION VALUE="29">29</OPTION>
       <OPTION VALUE="30">30</OPTION>
       <OPTION VALUE="31">31</OPTION>
      </SELECT>
      <SELECT NAME="doa_yy" CLASS="tpmenu">
       <OPTION VALUE="2004">2004</OPTION>
       <OPTION VALUE="2005">2005</OPTION>
       <OPTION VALUE="2006">2006</OPTION>
       <OPTION VALUE="2007">2007</OPTION>
      </SELECT>
     </td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Check-out:</b></font></td>
     <td width="" align="">
      <SELECT NAME="dod_mm" CLASS="tpmenu">
       <OPTION VALUE="01">January</OPTION>
       <OPTION VALUE="02">February</OPTION>
       <OPTION VALUE="03">March</OPTION>
       <OPTION VALUE="04">April</OPTION>
       <OPTION VALUE="05">May</OPTION>
       <OPTION VALUE="06" SELECTED>June</OPTION>
       <OPTION VALUE="07">July</OPTION>
       <OPTION VALUE="08">August</OPTION>
       <OPTION VALUE="09">September</OPTION>
       <OPTION VALUE="10">October</OPTION>
       <OPTION VALUE="11">November</OPTION>
       <OPTION VALUE="12">December</OPTION>
      </SELECT>
      <SELECT NAME="dod_dd" CLASS="tpmenu">
       <OPTION VALUE="01">1</OPTION>
       <OPTION VALUE="02">2</OPTION>
       <OPTION VALUE="03">3</OPTION>
       <OPTION VALUE="04">4</OPTION>
       <OPTION VALUE="05">5</OPTION>
       <OPTION VALUE="06">6</OPTION>
       <OPTION VALUE="07">7</OPTION>
       <OPTION VALUE="08" SELECTED>8</OPTION>
       <OPTION VALUE="09">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>
       <OPTION VALUE="19">19</OPTION>
       <OPTION VALUE="20">20</OPTION>
       <OPTION VALUE="21">21</OPTION>
       <OPTION VALUE="22">22</OPTION>
       <OPTION VALUE="23">23</OPTION>
       <OPTION VALUE="24">24</OPTION>
       <OPTION VALUE="25">25</OPTION>
       <OPTION VALUE="26">26</OPTION>
       <OPTION VALUE="27">27</OPTION>
       <OPTION VALUE="28">28</OPTION>
       <OPTION VALUE="29">29</OPTION>
       <OPTION VALUE="30">30</OPTION>
       <OPTION VALUE="31">31</OPTION>
      </SELECT>
      <SELECT NAME="dod_yy" CLASS="tpmenu">
       <OPTION VALUE="2004">2004</OPTION>
       <OPTION VALUE="2005">2005</OPTION>
       <OPTION VALUE="2006">2006</OPTION>
       <OPTION VALUE="2007">2007</OPTION>
      </SELECT>
     </td>
    </tr>  
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>City:</b></font></td>
     <td width="" align=""><INPUT TYPE="TEXT" NAME="city" SIZE="29" CLASS="tptext" OnClick="this.value='';">
    </tr>  
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Guests:</b></font></td>
     <td width="" align="">  
      <SELECT NAME="num_adults" CLASS="tpmenu">
       <OPTION VALUE="1">1</OPTION>
       <OPTION VALUE="2" SELECTED>2</OPTION>
       <OPTION VALUE="3">3</OPTION>
       <OPTION VALUE="4">4</OPTION>
      </SELECT>
     </td>
    </tr>
    </table>
   </div>
   
   <div id="layer2" style="position: absolute; z-index: 1; background-color: #CBEFD8; visibility:hidden;">  
    <table border="1" cellpadding="2" cellspacing="2" width="100%">
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>From:</b></font></td>
     <td width="" align=""><input type="text" name="leavingFrom" size="29" maxlength="60" value="" CLASS="tptext"></td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>To:</b></font></td>
     <td width="" align=""><input type="text" name="goingTo" size="29" maxlength="60" value="" CLASS="tptext"></td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Departure:</b></font></td>        
     <td width="" align="">
      <select class="tpmenu" name="dateLeavingMonth" onchange="populateDays(this.form,'dateLeavingMonth','dateLeavingDay');dateChangeListener(this.form,'dateLeavingMonth','dateLeavingDay','dateReturningMonth','dateReturningDay',2)">
       <option value="1">Jan</option>
       <option value="2">Feb</option>
       <option value="3" selected>Mar</option>
       <option value="4">Apr</option>
       <option value="5">May</option>
       <option value="6">Jun</option>
       <option value="7">Jul</option>
       <option value="8">Aug</option>
       <option value="9">Sep</option>
       <option value="10">Oct</option>
       <option value="11">Nov</option>
       <option value="12">Dec</option>
      </select>
      <select class="tpmenu" name="dateLeavingDay" onchange="dateChangeListener(this.form,'dateLeavingMonth','dateLeavingDay','dateReturningMonth','dateReturningDay',2)">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</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>
       <option value="19">19</option>
       <option value="20">20</option>
       <option value="21" selected>21</option>
       <option value="22">22</option>
       <option value="23">23</option>
       <option value="24">24</option>
       <option value="25">25</option>
       <option value="26">26</option>
       <option value="27">27</option>
       <option value="28">28</option>
       <option value="29">29</option>
       <option value="30">30</option>
       <option value="31">31</option>
      </select>
      <select class="tpmenu" ='dateLeavingTime' size=1  id=select1 name=select1>
       <option value="12:00am">12:00am</option>
       <option value="1:00am">1:00am</option>
       <option value="2:00am">2:00am</option>
       <option value="3:00am">3:00am</option>
       <option value="4:00am">4:00am</option>
       <option value="5:00am">5:00am</option>
       <option value="6:00am">6:00am</option>
       <option value="7:00am">7:00am</option>
       <option value="8:00am">8:00am</option>
       <option value="9:00am">9:00am</option>
       <option value="10:00am">10:00am</option>
       <option value="11:00am">11:00am</option>
       <option value="12:00pm">12:00pm</option>
       <option value="1:00pm">1:00pm</option>
       <option value="2:00pm">2:00pm</option>
       <option value="3:00pm">3:00pm</option>
       <option value="4:00pm">4:00pm</option>
       <option value="5:00pm">5:00pm</option>
       <option value="6:00pm">6:00pm</option>
       <option value="7:00pm">7:00pm</option>
       <option value="8:00pm">8:00pm</option>
       <option value="9:00pm">9:00pm</option>
       <option value="10:00pm">10:00pm</option>
       <option value="11:00pm">11:00pm</option>
       <option value="Morning">Morning</option>
       <option value="Noon">Noon</option>
       <option value="Evening">Evening</option>
       <option value="" selected>Anytime</option>
      </select>
     </td>
    </tr>  
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Return:</b></font></td>        
     <td width="" align="">  
      <select class="tpmenu" name="dateReturningMonth" onchange="populateDays(this.form,'dateReturningMonth','dateReturningDay')">
       <option value="1">Jan</option>
       <option value="2">Feb</option>
       <option value="3" selected>Mar</option>
       <option value="4">Apr</option>
       <option value="5">May</option>
       <option value="6">Jun</option>
       <option value="7">Jul</option>
       <option value="8">Aug</option>
       <option value="9">Sep</option>
       <option value="10">Oct</option>
       <option value="11">Nov</option>
       <option value="12">Dec</option>
      </select>
      <select name="dateReturningDay" class="tpmenu">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</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>
       <option value="19">19</option>
       <option value="20">20</option>
       <option value="21">21</option>
       <option value="22">22</option>
       <option value="23" selected>23</option>
       <option value="24">24</option>
       <option value="25">25</option>
       <option value="26">26</option>
       <option value="27">27</option>
       <option value="28">28</option>
       <option value="29">29</option>
       <option value="30">30</option>
       <option value="31">31</option>
      </select>
      <select class="tpmenu" name="dateReturningTime">
       <option value="12:00am">12:00am</option>
       <option value="1:00am">1:00am</option>
       <option value="2:00am">2:00am</option>
       <option value="3:00am">3:00am</option>
       <option value="4:00am">4:00am</option>
       <option value="5:00am">5:00am</option>
       <option value="6:00am">6:00am</option>
       <option value="7:00am">7:00am</option>
       <option value="8:00am">8:00am</option>
       <option value="9:00am">9:00am</option>
       <option value="10:00am">10:00am</option>
       <option value="11:00am">11:00am</option>
       <option value="12:00pm">12:00pm</option>
       <option value="1:00pm">1:00pm</option>
       <option value="2:00pm">2:00pm</option>
       <option value="3:00pm">3:00pm</option>
       <option value="4:00pm">4:00pm</option>
       <option value="5:00pm">5:00pm</option>
       <option value="6:00pm">6:00pm</option>
       <option value="7:00pm">7:00pm</option>
       <option value="8:00pm">8:00pm</option>
       <option value="9:00pm">9:00pm</option>
       <option value="10:00pm">10:00pm</option>
       <option value="11:00pm">11:00pm</option>
       <option value="Morning">Morning</option>
       <option value="Noon">Noon</option>
       <option value="Evening">Evening</option>
       <option value=" " selected>Anytime</option>
      </select>
     </td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1">&nbsp;</font></td>
     <td width="" valign=""><font face="Tahoma" size="1">
      <b>Adults (13-64):</b>
      <select class="tpmenu" name="adults">
       <option value="0">0</option>
       <option value="1" selected>1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
      </select>&nbsp;
      <b>Stops:</b>
      <select class="tpmenu" name="stops">
       <option value="0">0</option>
       <option value="1">1</option>
       <option value="2" selected>2</option>
       <option value="3">3</option>
      </select>&nbsp;
     </font>
     </td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1">&nbsp;</font></td>
     <td width="" align=""><font face="Tahoma" size="1">
      <b>Children (0-12):"</b>
      <select class="tpmenu" name="children">
       <option value="0" selected>0</option>
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
      </select>&nbsp;
      <b>Seniors 65+:<b>
      <select class="tpmenu" name="seniors">
       <option value="0" selected="selected">0</option>
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
      </select>      
     </font>
     </td>
    </tr>
    </table>
   </div>

   <div id="layer3" style="position: absolute; z-index: 1; background-color: #CBEFD8; visibility:hidden;">
    <table border="1" cellpadding="2" cellspacing="2" width="100%">
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Pick-up location:</b></font></td>
     <td width="" align=""><INPUT TYPE=TEXT CLASS="tptext" SIZE="29" NAME="pucity" VALUE="Airport Code here" onFocus="this.value='';"></td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Car Class:</b></font></td>
     <td width="" align="">
      <SELECT NAME="carcode" CLASS="tpmenu">
      <OPTION VALUE="">No Preference</option>
      <OPTION VALUE="B-EC" SELECTED>Economy Car</option>
      <OPTION VALUE="C-CC">Compact Car</option>
      <OPTION VALUE="D-SC">Standard Car</option>
      <OPTION VALUE="E-IC">Intermediate Car</option>
      <OPTION VALUE="F-FC">Full Size Car</option>
      <OPTION VALUE="G-PC">Premium Car</option>
      <OPTION VALUE="H-LC">Luxury Car</option>
      <OPTION VALUE="I-ASPT">Sports Car</option>
      <OPTION VALUE="J-ACNV">Convertibles</option>
      <OPTION VALUE="K-MV">Mini Van</option>
      <OPTION VALUE="L-FV">Full Size Van</option>
      <OPTION VALUE="M-APUP">Pick-up Truck </option>
      <OPTION VALUE="N-AFWD">Sport Utility (SUV)</option>
      <OPTION VALUE="O-ATRV">All Terrain</option>
      <OPTION VALUE="P-AWGN">Station Wagons</option>
      <OPTION VALUE="Q-ASPC">Special Car</option>
     </SELECT>
     </td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Pick-up:</b></font></td>
     <td width="" align="">      
      <SELECT NAME="pudate_mo" CLASS="tpmenu" onChange="amadChange(this, document.CarSearch.pudate_dy, document.CarSearch.dodate_mo, document.CarSearch.dodate_dy);">
       <OPTION VALUE="01">January</option>
       <OPTION VALUE="02">February</option>
       <OPTION VALUE="03">March</option>
       <OPTION VALUE="04">April</option>
       <OPTION VALUE="05">May</option>
       <OPTION VALUE="06" SELECTED>June</option>
       <OPTION VALUE="07">July</option>
       <OPTION VALUE="08">August</option>
       <OPTION VALUE="09">September</option>
       <OPTION VALUE="10">October</option>
       <OPTION VALUE="11">November</option>
       <OPTION VALUE="12">December</option>
      </SELECT>
      <SELECT NAME="pudate_dy" CLASS="tpmenu" onChange="amadChange(document.CarSearch.pudate_mo, this, document.CarSearch.dodate_mo, document.CarSearch.dodate_dy);">
       <OPTION VALUE="01">1</option>
       <OPTION VALUE="02">2</option>
       <OPTION VALUE="03">3</option>
       <OPTION VALUE="04">4</option>
       <OPTION VALUE="05">5</option>
       <OPTION VALUE="06">6</option>
       <OPTION VALUE="07">7</option>
       <OPTION VALUE="08" SELECTED>8</option>
       <OPTION VALUE="09">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>
       <OPTION VALUE="19">19</option>
       <OPTION VALUE="20">20</option>
       <OPTION VALUE="21">21</option>
       <OPTION VALUE="22">22</option>
       <OPTION VALUE="23">23</option>
       <OPTION VALUE="24">24</option>
       <OPTION VALUE="25">25</option>
       <OPTION VALUE="26">26</option>
       <OPTION VALUE="27">27</option>
       <OPTION VALUE="28">28</option>
       <OPTION VALUE="29">29</option>
       <OPTION VALUE="30">30</option>
       <OPTION VALUE="31">31</option>
      </SELECT>
      <SELECT NAME="pu_time" CLASS="tpmenu">
       <OPTION VALUE="12A">12:00am</OPTION>
       <OPTION VALUE="1A">1:00am</OPTION>
       <OPTION VALUE="2A">2:00am</OPTION>
       <OPTION VALUE="3A">3:00am</OPTION>
       <OPTION VALUE="4A">4:00am</OPTION>
       <OPTION VALUE="5A">5:00am</OPTION>
       <OPTION VALUE="6A">6:00am</OPTION>
       <OPTION VALUE="7A">7:00am</OPTION>
       <OPTION VALUE="8A">8:00am</OPTION>
       <OPTION VALUE="9A">9:00am</OPTION>
       <OPTION VALUE="10A">10:00am</OPTION>
       <OPTION VALUE="11A">11:00am</OPTION>
       <OPTION VALUE="12P" SELECTED>12:00pm</OPTION>
       <OPTION VALUE="1P">1:00pm</OPTION>
       <OPTION VALUE="2P">2:00pm</OPTION>
       <OPTION VALUE="3P">3:00pm</OPTION>
       <OPTION VALUE="4P">4:00pm</OPTION>
       <OPTION VALUE="5P">5:00pm</OPTION>
       <OPTION VALUE="6P">6:00pm</OPTION>
       <OPTION VALUE="7P">7:00pm</OPTION>
       <OPTION VALUE="8P">8:00pm</OPTION>
       <OPTION VALUE="9P">9:00pm</OPTION>
       <OPTION VALUE="10P">10:00pm</OPTION>
       <OPTION VALUE="11P">11:00pm</OPTION>
      </SELECT>
     </td>
    </tr>
    <tr>
     <td width="" align="right"><font face="Tahoma" size="1"><b>Drop-off:</b></font></td>
     <td width="" align="">      
      <SELECT NAME="dodate_mo" CLASS="tpmenu">
       <OPTION VALUE="01">January</option>
       <OPTION VALUE="02">February</option>
       <OPTION VALUE="03">March</option>
       <OPTION VALUE="04">April</option>
       <OPTION VALUE="05">May</option>
       <OPTION VALUE="06" SELECTED>June</option>
       <OPTION VALUE="07">July</option>
       <OPTION VALUE="08">August</option>
       <OPTION VALUE="09">September</option>
       <OPTION VALUE="10">October</option>
       <OPTION VALUE="11">November</option>
       <OPTION VALUE="12">December</option>
      </SELECT>
      <SELECT NAME="dodate_dy" CLASS="tpmenu">
       <OPTION VALUE="01">1</option>
       <OPTION VALUE="02">2</option>
       <OPTION VALUE="03">3</option>
       <OPTION VALUE="04">4</option>
       <OPTION VALUE="05">5</option>
       <OPTION VALUE="06">6</option>
       <OPTION VALUE="07">7</option>
       <OPTION VALUE="08" SELECTED>8</option>
       <OPTION VALUE="09">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>
       <OPTION VALUE="19">19</option>
       <OPTION VALUE="20">20</option>
       <OPTION VALUE="21">21</option>
       <OPTION VALUE="22">22</option>
       <OPTION VALUE="23">23</option>
       <OPTION VALUE="24">24</option>
       <OPTION VALUE="25">25</option>
       <OPTION VALUE="26">26</option>
       <OPTION VALUE="27">27</option>
       <OPTION VALUE="28">28</option>
       <OPTION VALUE="29">29</option>
       <OPTION VALUE="30">30</option>
       <OPTION VALUE="31">31</option>
      </SELECT>
      <SELECT NAME="do_time" CLASS="tpmenu">
       <OPTION VALUE="12A">12:00am</OPTION>
       <OPTION VALUE="1A">1:00am</OPTION>
       <OPTION VALUE="2A">2:00am</OPTION>
       <OPTION VALUE="3A">3:00am</OPTION>
       <OPTION VALUE="4A">4:00am</OPTION>
       <OPTION VALUE="5A">5:00am</OPTION>
       <OPTION VALUE="6A">6:00am</OPTION>
       <OPTION VALUE="7A">7:00am</OPTION>
       <OPTION VALUE="8A">8:00am</OPTION>
       <OPTION VALUE="9A">9:00am</OPTION>
       <OPTION VALUE="10A">10:00am</OPTION>
       <OPTION VALUE="11A">11:00am</OPTION>
       <OPTION VALUE="12P" SELECTED>12:00pm</OPTION>
       <OPTION VALUE="1P">1:00pm</OPTION>
       <OPTION VALUE="2P">2:00pm</OPTION>
       <OPTION VALUE="3P">3:00pm</OPTION>
       <OPTION VALUE="4P">4:00pm</OPTION>
       <OPTION VALUE="5P">5:00pm</OPTION>
       <OPTION VALUE="6P">6:00pm</OPTION>
       <OPTION VALUE="7P">7:00pm</OPTION>
       <OPTION VALUE="8P">8:00pm</OPTION>
       <OPTION VALUE="9P">9:00pm</OPTION>
       <OPTION VALUE="10P">10:00pm</OPTION>
       <OPTION VALUE="11P">11:00pm</OPTION>
      </SELECT>
      </font>
      </td>
     </tr>
     </table>
    </div>
   
   <div id="layer4" style="position: absolute; z-index: 1; background-color: #CBEFD8; visibility:hidden;">
    <table border="1" cellpadding="2" cellspacing="2" width="100%">
    <tr>
     <td width="" align="center"><font face="Tahoma" size="1"><b>Message for layer 4?</b></font></td>
    </tr>
    </table>
   </div>
   
  <table border="1" width="100%" style="position: absolute; top: 230; z-index: 1;  background-color: #CBEFD8">
  <tr>
   <td><font face="Tahoma" color="#0000FF" size="1"><a href="http://putyourlinkhere">Advanced search options</a></font></td>
   <td align="right"><font face="Tahoma" size="2"><input type="submit" value="Find Best Rate &gt;&gt;" style="color: #FF0000; background-color:#CBEFD8" id="ud_submit1" name="submit1"></td>
  </tr>
  </table>
  </form>

 </td>
</tr>
</table>
</body>
</html>
0
 
LVL 10

Expert Comment

by:avidya
ID: 11769191
forgot to say:
If you want to get ride of the table borders, search for

border="1"

and replace with

border="0"
0
 

Author Comment

by:dl2y
ID: 11770473
Hi Avidya,

Thanks for fixing the script, It work great ,and I like the way you format the form too.

Thanks so much for your help, by the way, I currently have a similar form which I am working on while waiting for your answer,
and have "run time error"
So if you can help me to fix it, that really great and I'm really appreciated.
I will post it as a new question.

Regards,
 David
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 10

Expert Comment

by:avidya
ID: 11775674
HI David,

Glad to be of help, did you understand my remark?

new prob: If I can, i will help you learn to fix the problem yourself, ok?
Let me know the link to the new question
0
 

Author Comment

by:dl2y
ID: 11825478
Hi Avidya,
Thanks for your help, I have similar problem, I tried to find the error but could not find it
If you could help on this, it's great. Here is the link  Q_21097283.html
Regards
0
 
LVL 10

Expert Comment

by:avidya
ID: 11825574
Hi David,

I will take a look
0
 

Author Comment

by:dl2y
ID: 11827579
Hi Avidya,

You're absolutely right, I am new to HTML/java script. I have a sample code from a book for a travel webpage that use 4 form to process
the inquiry. I'd like your code very much, use only one instead of 4 but I have problem with rewrite all the code an put it in sequence.
Since you know, I am new to this, and It was very difficult for me to rewrite with all the syntax,logic and sequence.
I am using fontpage to do this, it' pretty much graphic base html, I design the form in graphic instead of writing code line by line and
the clean up process kind of difficult for me. It may be because I am not an expert at html yet.
I am really appreciated all your adviced, helped and kindness. I am really happy to have a mentor like you who I can looking forward to
learn from.
Any way, here we go again. I Have a new problem just posted. If you can help, it would be great..

Q_21097617.html

Regards,
David
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
The viewer will learn how to dynamically set the form action using jQuery.

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now