Click to See Complete Forum and Search --> : HTML row visible/hide taking hidden row location by the visible row


marinajogy
October 11th, 2008, 01:44 AM
Hi, I am using asp.net 3.5.
Below is the code from markup area, my requirement is -
I placed 2 options buttons on the page. when user click on first button the first row should be (2nd row shoud be hidden here)
visible, if select 2nd button the 2nd row should be visible in the same place
as the first row (1st row shoud be hidden here)
- something similar we do in windows programming,

IS POSSIBLE


<asp:TableRow ID="TableRow34" Height=30 runat="server" style="font-size:11px;color:#0033FF">
<asp:TableCell ID="TableCell74" columnSpan=4 HorizontalAlign ="left" runat="server" Wrap=false >
<asp:PlaceHolder ID="phDweller" runat=server Visible=true>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Resident Code
<asp:TextBox ID="txtDwellerCode" runat="server" Width="60px" Height=13 Font-Size=Smaller></asp:TextBox>&nbsp;&nbsp;
<asp:LinkButton ID="lnkDwellerCode" runat="server" CausesValidation=false OnClick="searchDwellers" Font-Italic=True>
<asp:Image runat="Server" ID="Image3" ImageUrl="~/images2/btn_search_02.gif"/>
</asp:LinkButton>
&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;
Resident Name
<asp:TextBox ID="txtDwellerName" runat="server" Width="230px" Height=13 Font-Size=Smaller></asp:TextBox>
</asp:PlaceHolder></asp:TableCell></asp:TableRow>

<asp:TableRow Height=25 ID="TableRow8" runat="server" style="font-size:11px;color:#0033FF">
<asp:TableCell ID="TableCell31" ColumnSpan=4 HorizontalAlign ="left" runat="server">

<asp:PlaceHolder ID="phKompany" runat=server Visible=false>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Company [maint.]
<asp:DropDownList WIDTH="130px" Height="13px" ID="cmbKompany0" class="FormDropdown"
runat="server" Font-Size="X-Small"></asp:DropDownList>
&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;
Staff [maint.]
<asp:DropDownList WIDTH="130px" Height="13px" ID="cmbEmployee0" class="FormDropdown" runat="server"
Font-Size=10px></asp:DropDownList>
</asp:PlaceHolder> </asp:TableCell></asp:TableRow>

<asp:TableRow Height=40 ID="TableRow4" runat="server" style="font-size:11px;color:#0033FF">
<asp:TableCell ColumnSpan=4 HorizontalAlign=Right>
<asp:Label width="550px" ID="lblDweller" runat=server Text="" Font-Underline=true Font-Italic=true>
</asp:Label></asp:TableCell></asp:TableRow>

<asp:TableRow Height=40 ID="TableRow15" runat="server" style="font-size:11px;color:#0033FF">
<asp:TableCell ColumnSpan=4><hr/></asp:TableCell></asp:TableRow>