Copy and paste this code in the HTML section of the page
1. Why I am using hidden varaible here?
Currently user can click on hide/show link. If the application is in display
mode (I mean the hidden data is displayed) and if the user clicks the
button, the post back happens and the user selected display mode will be
gone. To avoid that I am trying to keep the user opted mode using hidden
control and trying to restore the same value after postback. How to do that?
2. Currently this part of my code appears almost at the end of the page
where user has clicked vertical scroll bar to get into this section. After
scrolling down if the clicks the hide/show link the data will be
displayed/hidden but the user will be shown the top of the page. Some thing
like my smart navaigation is not effective. I know I am not posting the page
back when the user clicks on the hide/show link. But how to restore the
vertical postion of the form when the user clicks on hid/show button.
Your comments and suggestions are highly appreciated.
Benjamin
<%@ Page Language="vb" AutoEventWireup ="false" Codebehind="Web Form1.aspx.vb"
Inherits="HomeT estApp.WebForm1 "%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm1 </title>
<meta name="GENERATOR " content="Micros oft Visual Studio .NET 7.1">
<meta name="CODE_LANG UAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaul tClientScript" content="JavaSc ript">
<meta name="vs_target Schema"
content="http://schemas.microso ft.com/intellisense/ie5">
<script language="javas cript">
<!--
function hideshow(obj)
{
if (document.getEl ementById(obj). style.display == "block")
document.getEle mentById(obj).s tyle.display = "none";
else
document.getEle mentById(obj).s tyle.display = "block";
}
//-->
</script>
</HEAD>
<body MS_POSITIONING= "GridLayout ">
<form id="Form1" method="post" runat="server">
<TABLE width="100%" id="Table1" cellSpacing="1" cellPadding="1"
border="1">
<tr>
<td><a href="#" onclick="hidesh ow('row5')">Hid e Show</a><INPUT
type="hidden" id="hdnRowSts" value="none" name="hdnRowSts "></td>
</tr>
<tr id="row5" style="DISPLAY: none">
<TD>
<asp:Label id="Label1" runat="server"> Label1</asp:Label></TD>
</tr>
<tr>
<td>
<asp:Label id="Label2" runat="server"> Label2</asp:Label>
<asp:Button id="btnDoPostBa ck" runat="server"
Text="btnDoPost Back"></asp:Button></td>
</tr>
</TABLE>
</form>
</body>
</HTML>
Comment