Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Javascript I want to hide the space occupied by the row in tabls based on value

Reply
Thread Tools

Javascript I want to hide the space occupied by the row in tabls based on value

 
 
swapnalimore swapnalimore is offline
Junior Member
Join Date: Jul 2011
Posts: 1
 
      07-12-2011
<script language="JavaScript" type="text/javascript">
<!-- show hide Working/Surrendered Date
function ShowTB(obj,id1,id2,id3,id4,id5,id6,id7,id8,id9,id1 0,id11)
{
txt=obj.options[obj.selectedIndex].text;
if (txt.match('No'))
{
document.getElementById(id1).style.visibility='hid den';
document.getElementById(id2).style.visibility='hid den';
document.getElementById(id3).style.visibility='hid den';
document.getElementById(id4).style.visibility='hid den';
document.getElementById(id5).style.visibility='hid den';
document.getElementById(id6).style.visibility='hid den';
document.getElementById(id7).style.visibility='hid den';
document.getElementById(id.style.visibility='hid den';
document.getElementById(id9).style.visibility='hid den';
document.getElementById(id10).style.visibility='vi sible';
document.getElementById(id11).style.visibility='vi sible';
}


if (txt.match('Yes'))
{
document.getElementById(id1).style.visibility='vis ible';
document.getElementById(id2).style.visibility='vis ible';
document.getElementById(id3).style.visibility='vis ible';
document.getElementById(id4).style.visibility='vis ible';
document.getElementById(id5).style.visibility='vis ible';
document.getElementById(id6).style.visibility='vis ible';
document.getElementById(id7).style.visibility='vis ible';
document.getElementById(id.style.visibility='vis ible';
document.getElementById(id9).style.visibility='vis ible';
document.getElementById(id10).style.visibility='hi dden';
document.getElementById(id11).style.visibility='hi dden';
}
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!-- show hide Working/Surrendered Date
function Show(obj,id1,id2,id3)
{
txt=obj.options[obj.selectedIndex].text;
if (txt.match('Yes'))
{
document.getElementById(id1).style.visibility='hid den';
document.getElementById(id2).style.visibility='hid den';
document.getElementById(id3).style.visibility='hid den';
}


if (txt.match('No'))
{
document.getElementById(id1).style.visibility='vis ible';
document.getElementById(id2).style.visibility='vis ible';
document.getElementById(id3).style.visibility='vis ible';
}
}
//-->
</script><tr>
<td colspan="5" bgcolor="#990000" align="center" ><font color="white"></font><B>Network Equipments Availability</B></td> </tr>

<tr align="center" >
<th colspan="2.5"><Font color="Red">*</Font><b>Is there a router available at the site :</b></th>
<th colspan="2.5">
<select name="router" onchange="ShowTB(this,'fred1','fred2','fred3','fre d4','fred5','fred6','fred7','fred8','fred9','fred1 0','fred11');">
<option value="-1">Select</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</th>
</tr>
<tr>
<th id="fred1" colspan="5" bgcolor="#990000" style="visibility:hidden;" align="center" ><font color="white"></font><B>Give the following Details</B></th> </tr>

<tr>

<th id="fred2" align="left" bgcolor="#FFCC99" style="visibility:hidden;" ><Font color="Red">*</Font><b>Mark</b></th>
<td>
<input id="fred3" style="visibility:hidden;" type="text" name="mark" size="30" ></td>

<th id="fred4" align="left" bgcolor="#FFCC99" style="visibility:hidden;" ><Font color="Red">*</Font><b>Model</b></th>
<td>

<input id="fred5" style="visibility:hidden;" type="text" name="model" size="30" ></td>
</tr>

<tr>
<th id="fred6" align="left" bgcolor="#FFCC99" style="visibility:hidden;" ><Font color="Red">*</Font><b>Sr no</b></th>
<td>
<input id="fred7" style="visibility:hidden;" type="text" name="sr no" size="30" ></td>



<th id="fred8" align="left" bgcolor="#FFCC99" style="visibility:hidden;" ><Font color="Red">*</Font><b>Accesories/Card</b></th>
<td>
<input id="fred9" style="visibility:hidden;" type="text" name="card" size="30" ></td>

</tr>



<tr align="center" >
<th id="fred10" align="center" colspan="2.5" bgcolor="#FFCC99" style="visibility:hidden;" ><Font color="Red">*</Font><b>Does a new Router is required to be processed:</b></th>
<td id="fred11" colspan="2.5" align="left" bgcolor="#FFCC99" style="visibility:hidden;" >
<select name="info" onchange="Show(this,'fred12','fred13');" >
<option value="-1">Select</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</td>
</tr>

<tr align="center" >
<th id="fred12" align="center" bgcolor="#FFCC99" colspan="2.5" style="visibility:hidden;" ><Font color="Red">*</Font><b>Is the Router made available from existing stock:</b></th>
<td id="fred13" align="left" bgcolor="#FFCC99" style="visibility:hidden;"colspan="2.5" >
<select name="stock" >
<option value="-1">Select</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</td>
</tr>
<tr>
Please help me.
have a drop down with yes and no option.if i select yes in a table 2 new rows are shown and if i select no another question in row appears but the space occupied by the question of yes option are still appearing in the form which should be eliminated Please help
if i select yes ,then 3 rows appears and occupy the space. if i select no, then question for no appears but the space for 3 row is jst hidden and a long gap appears between the question. plz run the code and see result and plz help me thanks



Please give me the solution soon..Its urgent thanks
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Memory occupied by Map alien.0101@gmail.com C++ 5 06-15-2008 02:39 PM
How to find out memory occupied by vector, set, or map? Lambda C++ 2 05-20-2008 09:13 AM
Show all memory occupied by the program Ravi C Programming 31 06-06-2007 02:11 AM
size occupied by a byte[] fabrulous@yahoo.fr Java 2 07-07-2006 05:11 PM
Re: USA: An Occupied Country (Howard Zinn) Baron Maximillian von Schtuldeworfshiseundurheimhoppen Computer Support 14 10-16-2003 11:22 AM



Advertisments