在子页中隐藏模板页中的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
投稿

猜你喜欢

  • Python matplotlib 动画绘制详情

    2022-04-12 14:36:52
  • Python数据可视化详解

    2021-10-02 19:28:55
  • 快速入门python学习笔记

    2023-08-25 14:26:29
  • 分析在Python中何种情况下需要使用断言

    2022-01-03 12:36:44
  • python中os和sys模块的区别与常用方法总结

    2022-05-26 18:04:24
  • django在开发中取消外键约束的实现

    2021-10-12 05:47:57
  • 解决python删除文件的权限错误问题

    2023-09-06 07:33:36
  • Python利用Pydub实现自动分割音频

    2022-10-08 22:02:48
  • 将HTML自动转为JS代码

    2010-03-17 20:49:00
  • oracle数据库sql的优化总结

    2024-01-23 16:05:11
  • Div即父容器不根据内容自适应高度的解决方法

    2010-04-23 18:19:00
  • Go中sync 包Cond使用场景分析

    2024-01-31 20:50:05
  • ORM Django 终端打印 SQL 语句实现解析

    2023-08-30 04:56:39
  • MySQL修改innodb_data_file_path参数的一些注意事项

    2024-01-20 14:32:23
  • 简单了解Django ORM常用字段类型及参数配置

    2022-11-03 09:11:38
  • sqlserver清空service broker中的队列的语句分享

    2011-09-30 11:33:35
  • MySQL主从复制的原理及配置方法(比较详细)

    2024-01-28 18:21:02
  • TensorFlow 2.0之后动态分配显存方式

    2023-12-20 05:25:17
  • Python获取当前函数名称方法实例分享

    2023-12-22 01:16:57
  • SQL Server2005下的安全操作技巧分享

    2024-01-28 07:25:02
  • asp之家 网络编程 m.aspxhome.com