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

Discussion in 'HTML and CSS' started by swapnalimore, Jul 12, 2011.

  1. swapnalimore

    swapnalimore

    Joined:
    Jul 12, 2011
    Messages:
    1
    <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(id8).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(id8).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
    swapnalimore, Jul 12, 2011
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. fabrulous@yahoo.fr

    size occupied by a byte[]

    fabrulous@yahoo.fr, Jul 7, 2006, in forum: Java
    Replies:
    2
    Views:
    366
    Mark Space
    Jul 7, 2006
  2. Shuo Xiang

    Stack space, global space, heap space

    Shuo Xiang, Jul 9, 2003, in forum: C Programming
    Replies:
    10
    Views:
    2,866
    Bryan Bullard
    Jul 11, 2003
  3. Ravi

    Show all memory occupied by the program

    Ravi, Jun 3, 2007, in forum: C Programming
    Replies:
    31
    Views:
    790
    Keith Thompson
    Jun 6, 2007
  4. Lambda
    Replies:
    2
    Views:
    2,746
    James Kanze
    May 20, 2008
  5. alien.0101@gmail.com

    Memory occupied by Map

    alien.0101@gmail.com, Jun 13, 2008, in forum: C++
    Replies:
    5
    Views:
    352
    Jerry Coffin
    Jun 15, 2008
Loading...

Share This Page