Display hiding methods for controls

But the guarantee does not jump page, can Baidu this effect is after jump. In other words, I had to make two sets of effects on the same page, so I thought about the implementation of the control's explicit concealment. After exploring, there are two ways to solve this problem:

One, using the panel as a container can use the ASP Control Panel as a container, and then use other ASP control with the implementation, this is the most convenient, the code is as follows:
Panel1: [HTML]View PlainCopy 

2. <span style=><asp:panel ID=< Span class= "Attribute-value" > "Panel1"  runat= "server"  font-size= "Medium" >   
4.      <span  id= "SayHello" > Hello, <span><%=session["UserName"] % ></span> </span>  
6.      <asp:HyperLink  id= "hlpersonalspace"  runat= "server"  navigateurl= "~/needhelpspace.aspx"  target= "_self" > personal space </asp:hyperlink>   
8. <asp:hyperlink id="Hlinfo" runat="Server"> Message </asp:hyperlink>
10. <Asp:linkbutton id="Hlquit" runat="Server" onclick="Hlquit_click " > Exit </Asp:linkbutton>
12. </asp:panel></span>

Panel2:

[HTML]View PlainCopy 

2. <span style="FONT-SIZE:14PX;"  ><asp:panel id="Panel2" runat="Server" font-size="Medium">
4. Hello, visitor.
6.        <a  href= "#"  onclick= "$ (' #w '). Window (' open ')" > login </ a>   
8.        <asp:HyperLink  id= "Hlregister"  runat= "server"  navigateurl= ~/ Register.aspx " target=" _blank " > Register </asp:hyperlink>     
10. <asp:hyperlink id="Hlsearch" runat="Server"> Help </asp:hyperlink >
12. </asp:panel></span>

Background code:

[CSharp]View PlainCopy  

2. <span style="FONT-SIZE:14PX;" > if (session["UserName"] = = null)
4. {
6. Panel2.visible = true;
8. Panel1.visible = false;
10. }
12. Else
14. {
16. Panel1.visible = true;
18. Panel2.visible = false;
20. }</span>

Second, use Div as container

But I am here because of the use of the master, and the ASP control must be placed in the server-side form, this may cause a conflict with the child page, resulting in a page with two server-side form. Therefore, the HTML control needs to be changed. The way I use it here is to put the relevant HTML controls and tags in the div, but the div must add runat= "Server" before interacting with the background. You can also use JS directly to the DIV's explicit control, the code is as follows:

DIV1:

[HTML]View PlainCopy

2. <span style="FONT-SIZE:14PX;" ><div id="Loginbefore" runat ="Server" style="Font-size:medium" >
4. <span id= "topuser" style="padding-right:25px;" > Hello tourists
6. <a href="javascript:void (0)" onclick="$ (' #w '). Window (' open ') '> Login </A >
8. <a href="register.aspx"> Register </a>
10. <a href="#"> Search </a>
12. </span>
14. </div></span>

DIV2:

[HTML]View PlainCopy

2. <span style="FONT-SIZE:14PX;" ><div id= "loginafter" runat= "server" style= "font-size:medium " >
4.            < span id= "TopUser1"  < span class= "attribute" >style= "padding-right:25px;" > Hello, <span> <%=session["UserName"] %></ span> |   
6. <a href= "userloglist.aspx?id=<%=session[" UserID"]%>" > Personal Space </a    > |
8. <a href="unreademail.aspx"> Message </a> |
10. <a href="#" onclick="Loginquit ()"> Exit </a>
12. </span>
14. </div></span>

C # Background Call method:

[HTML]View PlainCopy

2. <span style="FONT-SIZE:14PX;" > if (session["UserName"] = = null)
4. {
8. loginbefore.style["Display"] = "Block";
10. loginafter.style["Display"] = "None";
12. }
14. Else
16. {
18. loginbefore.style["Display"] = "None";
20. loginafter.style["Display"] = "Block";
22. }
24. </span>

If you use JS to call directly, you can manipulate the method of Div explicit is as follows:

[HTML]View PlainCopy

1. <span style="FONT-SIZE:14PX;" > document.getElementById ("Loginafter"). Style.display = "None";//Hide
2. document.getElementById ("Loginbefore"). Style.display = "block";//Display </span>

The effect of the final implementation is as follows:

Figure 3: Before landing

Figure 4: After landing

Display hiding methods for controls