HI all,

I have done some work using javascript and css and html. Let me explain whole work:
there are two select box one is for adults and other is for childs.
I have done all rows are by default are invisbile when we select 2value from adults its will show two rows for adults and maximum we can select 6 adults so i have write 6 rows are invisble for adults and if we slect 2 from childs then it will show 2 rows for childs. By default it will be already invisible.
But now problem is that i want to remove this space between child row and adults rows which i have done invisible.

Like for example:

Select adults slectbox select child selectbox
if we will slect both adults 2 and child 2 then it will show like this:
adults1 firstname adult1 lastnameadult1
adults2 firstname adult2 lastnameadult2


child1 firstname child1 lastname child1
child2 firstname child2 lastname child2


-------------------other code will show here or ---------------------

But problem is that i want to remove this space from between child and adults ,and childs and other code . Because for adults max value we can select 6 and for child also we can select max 6 so these other 4 rows for adults and childs are invisible in code.

I do not know how i can remove this space between these which i have shown . Please help me to solve this problem.

thanks,

Recommended Answers

All 3 Replies

Can u provide some code.

Can u provide some code.

thanks for reply , i am sending my code which i have applied.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="19%" height="35" class="formtext1" style="border-bottom:1px solid #e1e0e0;border-top:1px solid #e1e0e0"><span class="style1">*</span>Total Adult(s):</td>
                                <td width="17%" class="formtext1" style="border-bottom:1px solid #e1e0e0;border-top:1px solid #e1e0e0"><select name="adult" class="dorpdown" onchange="return show_pas();">
                                  <option value="<?=$_POST["adult"]?>">
                                    <?=$_POST["adult"]?>
                                    </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>
                                  <option value="6" >6</option>
                                </select></td>
                                <td width="15%" class="formtext1" style="border-bottom:1px solid #e1e0e0;border-top:1px solid #e1e0e0">Total Children(s):</td>
                                <td width="14%" class="formtext1" style="border-bottom:1px solid #e1e0e0;border-top:1px solid #e1e0e0"><select name="child" class="dorpdown" onchange="return show_chil();">
                                  <option value="<?=$_POST["child"]?>">
                                    <?=$_POST["child"]?>
                                    </option>
                                  <option  value="0">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>
                                  <option value="6" >6</option>
                                </select></td>
                                <td width="15%" class="formtext1" style="border-bottom:1px solid #e1e0e0;border-top:1px solid #e1e0e0">Total Infant(s):</td>
                                <td width="20%" class="formtext" style="border-bottom:1px solid #e1e0e0;border-top:1px solid #e1e0e0"><select name="infant" class="dorpdown" onchange="return show_infa();">
                                  <option value="<?=$_POST["infant"]?>">
                                    <?=$_POST["infant"]?>
                                    </option>
                                  <option  value="0" >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>
                                  <option value="6" >6</option>
                                </select></td>
                              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                          </tr>
                          <tr>
                            <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td width="23%" height="25" align="left" class="formtext1">Passenger Type</td>
                                <td width="19%" align="left" class="formtext1">Title</td>
                                <td width="26%" align="left" class="formtext1">First Name</td>
                                <td width="32%" align="left" class="formtext1">Last Name</td>
                              </tr>
                              <tr align="left">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td class="formtext" align="left">Adult1</td>
                                <td class="formtext" align="left"><select name="title">
                                  <option value="Mr.">Mr.</option>
                                    <option value="Mrs">Mrs.</option>
                                    <option value="Miss">Miss</option>
                                    <option value="Ms">Ms</option>
                                    <option value="Doctor">Doctor</option>
                                    <option value="Lord">Lord</option>
                                    <option value="Lady">Lady</option>
									<option value="Prof">Prof</option>
									<option value="Sir">Sir</option>
                                </select></td>
                                <td align="left"><input type="text" name="fname" value="" /></td>
                                <td align="left"><input type="text" name="lname" value="" /></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="ad1">Adult2</span></td>
                                <td align="left" ><span class="invisible" id="tit1">
                                  <select name="title1">
                                    <option value="Mr.">Mr.</option>
                                    <option value="Mrs">Mrs.</option>
                                    <option value="Miss">Miss</option>
                                    <option value="Ms">Ms</option>
                                    <option value="Doctor">Doctor</option>
                                    <option value="Lord">Lord</option>
                                    <option value="Lady">Lady</option>
									<option value="Prof">Prof</option>
									<option value="Sir">Sir</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fname1">
                                  <input type="text" name="fname1" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="lname1">
                                  <input type="text" name="lname1" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="ad2">Adult3</span></td>
                                <td align="left"><span class="invisible" id="tit2">
                                  <select name="title2">
                                    <option value="Mr.">Mr.</option>
                                    <option value="Mrs">Mrs.</option>
                                    <option value="Miss">Miss</option>
                                    <option value="Ms">Ms</option>
                                    <option value="Doctor">Doctor</option>
                                    <option value="Lord">Lord</option>
                                    <option value="Lady">Lady</option>
									<option value="Prof">Prof</option>
									<option value="Sir">Sir</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fname2">
                                  <input type="text" name="fname2" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="lname2">
                                  <input type="text" name="lname2" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="ad3">Adult4</span></td>
                                <td align="left"><span class="invisible" id="tit3">
                                  <select name="title3">
                                    <option value="Mr.">Mr.</option>
                                    <option value="Mrs">Mrs.</option>
                                    <option value="Miss">Miss</option>
                                    <option value="Ms">Ms</option>
                                    <option value="Doctor">Doctor</option>
                                    <option value="Lord">Lord</option>
                                    <option value="Lady">Lady</option>
									<option value="Prof">Prof</option>
									<option value="Sir">Sir</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fname3">
                                  <input type="text" name="fname3" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="lname3">
                                  <input type="text" name="lname3" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="ad4">Adult5</span></td>
                                <td align="left"><span class="invisible" id="tit4">
                                  <select name="title4">
                                    <option value="Mr.">Mr.</option>
                                    <option value="Mrs">Mrs.</option>
                                    <option value="Miss">Miss</option>
                                    <option value="Ms">Ms</option>
                                    <option value="Doctor">Doctor</option>
                                    <option value="Lord">Lord</option>
                                    <option value="Lady">Lady</option>
									<option value="Prof">Prof</option>
									<option value="Sir">Sir</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fname4">
                                  <input type="text" name="fname4" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="lname4">
                                  <input type="text" name="lname4" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="ad5">Adult6</span></td>
                                <td align="left"><span class="invisible" id="tit5">
                                  <select name="title5">
                                    <option value="Mr.">Mr.</option>
                                    <option value="Mrs">Mrs.</option>
                                    <option value="Miss">Miss</option>
                                    <option value="Ms">Ms</option>
                                    <option value="Doctor">Doctor</option>
                                    <option value="Lord">Lord</option>
                                    <option value="Lady">Lady</option>
									<option value="Prof">Prof</option>
									<option value="Sir">Sir</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fname5">
                                  <input type="text" name="fname5" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="lname5">
                                  <input type="text" name="lname5" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td class="formtext" align="left"><span class="invisible" id="cad1">Child1</span></td>
                                <td class="formtext" align="left"><span class="invisible" id="ctit1">
                                  <select name="ctitle">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                    
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="cfname1">
                                  <input type="text" name="cfname" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="clname1">
                                  <input type="text" name="clname" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="cad2">Child2</span></td>
                                <td align="left" ><span class="invisible" id="ctit2">
                                  <select name="ctitle1">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="cfname2">
                                  <input type="text" name="cfname1" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="clname2">
                                  <input type="text" name="clname1" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="cad3">Child3</span></td>
                                <td align="left"><span class="invisible" id="ctit3">
                                  <select name="ctitle2">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="cfname3">
                                  <input type="text" name="cfname2" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="clname3">
                                  <input type="text" name="clname2" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="cad4">Child4</span></td>
                                <td align="left"><span class="invisible" id="ctit4">
                                  <select name="ctitle3">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="cfname4">
                                  <input type="text" name="cfname3" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="clname4">
                                  <input type="text" name="clname3" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td class="formtext" align="left"><span class="invisible" id="fcad1">Infant1</span></td>
                                <td class="formtext" align="left"><span class="invisible" id="fctit1">
                                  <select name="fctitle">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fcfname1">
                                  <input type="text" name="fcfname" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="fclname1">
                                  <input type="text" name="fclname" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="fcad2">Infant2</span></td>
                                <td align="left" ><span class="invisible" id="fctit2">
                                  <select name="fctitle1">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fcfname2">
                                  <input type="text" name="fcfname1" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="fclname2">
                                  <input type="text" name="fclname1" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="fcad3">Infant3</span></td>
                                <td align="left"><span class="invisible" id="fctit3">
                                  <select name="fctitle2">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fcfname3">
                                  <input type="text" name="fcfname2" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="fclname3">
                                  <input type="text" name="fclname2" value="" />
                                </span></td>
                              </tr>
                              <tr align="left" class="formtext">
                                <td colspan="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="left" class="formtext"><span class="invisible" id="fcad4">Infant4</span></td>
                                <td align="left"><span class="invisible" id="fctit4">
                                  <select name="fctitle3">
                                    <option value="Master">Master</option>
                                    <option value="Miss">Miss</option>
                                  </select>
                                </span></td>
                                <td align="left"><span class="invisible" id="fcfname4">
                                  <input type="text" name="fcfname3" value="" />
                                </span></td>
                                <td align="left"><span class="invisible" id="fclname4">
                                  <input type="text" name="fclname3" value="" />
                                </span></td>
                              </tr>
                              <tr>
                                <td colspan="4">&nbsp;</td>
                              </tr>
                            </table></td>
                          </tr>
                        </table>

can u provide the code for the functions show_pas(), show_chil() and show_infa()

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.