在子页中隐藏模板页中的div示例代码

时间:2023-07-23 12:12:28 

需求如下:
1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏
2.显示一个欢迎用户的div,主要是想通过javascript来隐藏

注意:模板页里是不能使用RegisterClientScriptBlock注册和执行javascrip的,
所以javascript的注册和执行放在page页中来实现了

Main.master模板页里的内容


<!--登录小div-->
<div class="loginDiv">
<div class="LoginDivTitle">
会员登录
</div>
<table class="loginTable">
<tr>
<td class="LoginLabel">用户名:</td>
<td><input type="text" class="loginTxt" id="txtUserName" /></td>
</tr>
<tr>
<td class="LoginLabel">密码:</td>
<td><input type="password" class="loginTxt" id="txtPass" /></td>
</tr>
<tr>
<td class="LoginTdButtons" colspan="2">
<input src="../images/az-login-gold-3d.gif" type="image" id="btnLogin" />
<input src="../images/az-newuser-gold-3d.gif" type="image" id="btnReg" />
</td>
</tr>
</table>
</div>
<div class="loginOkDiv" style="display:none">
<span class="spanLoginOk" id="spanUserInfo">
尊敬的<%=serverUserName %>,欢迎你光临!
</span>
</div>


<1>.在后台Main.master中的代码


protected string serverUserName;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Model.Users user = Session["currUser"] as Model.Users;
if (user != null)
{
serverUserName = user.Name;
}
}
}


<2>MainPage主页面中后台代码,它是继承于模板页Main.master的


public partial class MainPage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Model.Users user = Session["currUser"] as Model.Users;
if (user != null)
{
common.CommonCode.ExecuteScriptFunc(this,true);
}
else
{
common.CommonCode.ExecuteScriptFunc(this,false);
}
}
}
}


<3>ExecuteScriptFunc封装代码


public static void ExecuteScriptFunc(System.Web.UI.Page page, bool bShowUserInfo)
{
string func = "function showUser(isLogin){\r\n\r\nif (isLogin) {\r\n" +
"$(\".loginDiv\").hide();\r\n" +
"$(\".loginOkDiv\").show();\r\n" +
"}\r\n" +
"else {\r\n" +
"$(\".loginDiv\").show();\r\n" +
"$(\".loginOkDiv\").hide();\r\n" +
"}}";
string func1 = "";
if (bShowUserInfo)
{
func1 = func + "\r\n" +
"$(function(){\r\nshowUser(true)" +
"});";
}
else
{
func1 = func + "\r\n" +
"$(function(){\r\nshowUser(false)" +
"});";
}
page.ClientScript.RegisterStartupScript(page.GetType(), Guid.NewGuid().ToString(),
func1, true);
//page.ClientScript.RegisterStartupScript(page.GetType(), Guid.NewGuid().ToString(),
// func1);
}
标签:隐藏显示,登陆div
0
投稿

猜你喜欢

  • web标准:CSS clear的属性及使用方法

    2008-10-27 13:31:00
  • 如何从MySQL数据库表中检索数据

    2008-11-01 17:08:00
  • sql server数据库最大Id冲突问题解决方法之一

    2012-01-05 19:28:42
  • 显示ASP页面源码的代码

    2008-10-12 13:05:00
  • CSS实现垂直居中的5种方法

    2009-03-04 12:53:00
  • 网页中空格的烦恼

    2011-04-28 09:26:00
  • 任意定制文本对齐方式:CSS Text Wrapper

    2008-02-03 11:11:00
  • ASP函数过滤数组中重复数据方法

    2010-01-02 20:32:00
  • JDBC连接MySQL数据库关键的四个步骤

    2009-12-17 12:06:00
  • PHP PDOStatement::nextRowset讲解

    2023-06-06 07:18:28
  • MIME Type 引出的两难困境

    2011-06-14 09:45:41
  • CSS Border使用小分享

    2010-08-12 14:34:00
  • 写了一个小巧的jquery拾色工具

    2009-12-21 14:22:00
  • 启发式评估(heuristic evaluation)

    2009-08-27 13:03:00
  • PHP使用laravel邮件服务发送邮件

    2023-05-25 03:48:23
  • JavaScript Length 字符长度函数

    2008-12-12 12:29:00
  • 学习ASP.NET八天入门:第一天

    2007-08-07 13:08:00
  • 详解php如何合并身份证正反面图片为一张图片

    2023-05-22 10:44:46
  • 如何实现表单提交时提示正在发送

    2008-12-23 13:30:00
  • SQL Server数据体系和应用程序逻辑详解

    2009-04-14 07:23:00
  • asp之家 网络编程 m.aspxhome.com